@cloudscape-design/components 3.0.1175 → 3.0.1176

package/internal/base-component/styles.scoped.css

@@ -2012,5 +2012,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-15e15bbc: true;
+  --awsui-version-info-0f8232fb: true;
 }

package/internal/do-not-use/feature-prompt/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FeaturePromptProps } from './interfaces';
+export { FeaturePromptProps };
+declare const FeaturePrompt: React.ForwardRefExoticComponent<FeaturePromptProps & React.RefAttributes<FeaturePromptProps.Ref>>;
+export default FeaturePrompt;

package/internal/do-not-use/feature-prompt/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/do-not-use/feature-prompt/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,QAAA,MAAM,aAAa,mGAYlB,CAAC;AAGF,eAAe,aAAa,CAAC"}

package/internal/do-not-use/feature-prompt/index.js

@@ -0,0 +1,15 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import useBaseComponent from '../../hooks/use-base-component';
+import { applyDisplayName } from '../../utils/apply-display-name';
+import { getExternalProps } from '../../utils/external-props';
+import InternalFeaturePrompt from './internal';
+const FeaturePrompt = React.forwardRef(({ size = 'medium', position = 'top', ...rest }, ref) => {
+    const baseComponentProps = useBaseComponent('FeaturePrompt', { props: { size, position } });
+    const externalProps = getExternalProps(rest);
+    return (React.createElement(InternalFeaturePrompt, { ref: ref, size: size, position: position, ...externalProps, ...baseComponentProps }));
+});
+applyDisplayName(FeaturePrompt, 'FeaturePrompt');
+export default FeaturePrompt;
+//# sourceMappingURL=index.js.map

package/internal/do-not-use/feature-prompt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/do-not-use/feature-prompt/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,qBAAqB,MAAM,YAAY,CAAC;AAI/C,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,CACE,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,EAAsB,EAClE,GAAsC,EACzB,EAAE;IACf,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAE5F,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,CACL,oBAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,KAAM,aAAa,KAAM,kBAAkB,GAAI,CAC/G,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;AACjD,eAAe,aAAa,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nimport useBaseComponent from '../../hooks/use-base-component';\nimport { applyDisplayName } from '../../utils/apply-display-name';\nimport { getExternalProps } from '../../utils/external-props';\nimport { FeaturePromptProps } from './interfaces';\nimport InternalFeaturePrompt from './internal';\n\nexport { FeaturePromptProps };\n\nconst FeaturePrompt = React.forwardRef(\n  (\n    { size = 'medium', position = 'top', ...rest }: FeaturePromptProps,\n    ref: React.Ref<FeaturePromptProps.Ref>\n  ): JSX.Element => {\n    const baseComponentProps = useBaseComponent('FeaturePrompt', { props: { size, position } });\n\n    const externalProps = getExternalProps(rest);\n    return (\n      <InternalFeaturePrompt ref={ref} size={size} position={position} {...externalProps} {...baseComponentProps} />\n    );\n  }\n);\n\napplyDisplayName(FeaturePrompt, 'FeaturePrompt');\nexport default FeaturePrompt;\n"]}

package/internal/do-not-use/feature-prompt/interfaces.d.ts

@@ -0,0 +1,68 @@
+import { PopoverProps } from '../../../popover/interfaces';
+import { NonCancelableEventHandler } from '../../events';
+export interface FeaturePromptProps {
+  /**
+   * Called when the feature prompt shows.
+   */
+  onShow?: NonCancelableEventHandler<null>;
+  /**
+   * Called when a user closes the prompt by using the close icon button,
+   * clicking outside the prompt, shifting focus out of the prompt or pressing ESC.
+   */
+  onDismiss?: NonCancelableEventHandler<null>;
+  /**
+   * Determines where the feature prompt is displayed when opened, relative to the trigger.
+   * If the feature prompt doesn't have enough space to open in this direction, it
+   * automatically chooses a better direction based on available space.
+   */
+  position?: FeaturePromptProps.Position;
+  /**
+   * Determines the maximum width for the feature prompt.
+   */
+  size?: FeaturePromptProps.Size;
+  /**
+   * Specifies header content for the feature prompt.
+   */
+  header: React.ReactNode;
+  /**
+   * Content of the feature prompt.
+   */
+  content: React.ReactNode;
+  /**
+   * An object containing all the necessary localized strings required by the component.
+   * @i18n
+   */
+  i18nStrings?: FeaturePromptProps.I18nStrings;
+  /**
+   * Function that returns the element to track for positioning the prompt.
+   * Use this when you want to position the prompt relative to an external element.
+   * Cannot be used together with the children prop.
+   */
+  getTrack: () => null | HTMLElement | SVGElement;
+  /**
+   * Unique identifier for the tracked element. Used for tracking position changes
+   * when using getTrack.
+   */
+  trackKey?: string | number;
+}
+export declare namespace FeaturePromptProps {
+  type Position = PopoverProps.Position;
+  type Size = PopoverProps.Size;
+  interface I18nStrings {
+    /**
+     * Adds an `aria-label` to the dismiss button for accessibility.
+     * @i18n
+     */
+    dismissAriaLabel?: string;
+  }
+  interface Ref {
+    /**
+     * Use only if an element other than the trigger needs to be focused after dismissing the prompt.
+     */
+    dismiss(): void;
+    /**
+     * Shows the prompt and focuses its close button.
+     */
+    show(): void;
+  }
+}

package/internal/do-not-use/feature-prompt/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/do-not-use/feature-prompt/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAEzC;;;OAGG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC;IAEvC;;OAEG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC;IAE/B;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC;IAE7C;;;;OAIG;IACH,QAAQ,EAAE,MAAM,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;IAEhD;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,yBAAiB,kBAAkB,CAAC;IAClC,KAAY,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC;IAC7C,KAAY,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC;IACrC,UAAiB,WAAW;QAC1B;;;WAGG;QACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B;IACD,UAAiB,GAAG;QAClB;;WAEG;QACH,OAAO,IAAI,IAAI,CAAC;QAEhB;;WAEG;QACH,IAAI,IAAI,IAAI,CAAC;KACd;CACF"}

package/internal/do-not-use/feature-prompt/interfaces.js

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export {};
+//# sourceMappingURL=interfaces.js.map

package/internal/do-not-use/feature-prompt/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/do-not-use/feature-prompt/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { PopoverProps } from '../../../popover/interfaces';\nimport { NonCancelableEventHandler } from '../../events';\n\nexport interface FeaturePromptProps {\n  /**\n   * Called when the feature prompt shows.\n   */\n  onShow?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called when a user closes the prompt by using the close icon button,\n   * clicking outside the prompt, shifting focus out of the prompt or pressing ESC.\n   */\n  onDismiss?: NonCancelableEventHandler<null>;\n\n  /**\n   * Determines where the feature prompt is displayed when opened, relative to the trigger.\n   * If the feature prompt doesn't have enough space to open in this direction, it\n   * automatically chooses a better direction based on available space.\n   */\n  position?: FeaturePromptProps.Position;\n\n  /**\n   * Determines the maximum width for the feature prompt.\n   */\n  size?: FeaturePromptProps.Size;\n\n  /**\n   * Specifies header content for the feature prompt.\n   */\n  header: React.ReactNode;\n\n  /**\n   * Content of the feature prompt.\n   */\n  content: React.ReactNode;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: FeaturePromptProps.I18nStrings;\n\n  /**\n   * Function that returns the element to track for positioning the prompt.\n   * Use this when you want to position the prompt relative to an external element.\n   * Cannot be used together with the children prop.\n   */\n  getTrack: () => null | HTMLElement | SVGElement;\n\n  /**\n   * Unique identifier for the tracked element. Used for tracking position changes\n   * when using getTrack.\n   */\n  trackKey?: string | number;\n}\n\nexport namespace FeaturePromptProps {\n  export type Position = PopoverProps.Position;\n  export type Size = PopoverProps.Size;\n  export interface I18nStrings {\n    /**\n     * Adds an `aria-label` to the dismiss button for accessibility.\n     * @i18n\n     */\n    dismissAriaLabel?: string;\n  }\n  export interface Ref {\n    /**\n     * Use only if an element other than the trigger needs to be focused after dismissing the prompt.\n     */\n    dismiss(): void;\n\n    /**\n     * Shows the prompt and focuses its close button.\n     */\n    show(): void;\n  }\n}\n"]}

package/internal/do-not-use/feature-prompt/internal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InternalBaseComponentProps } from '../../hooks/use-base-component';
+import { SomeRequired } from '../../types';
+import { FeaturePromptProps } from './interfaces';
+interface InternalFeaturePromptProps extends SomeRequired<FeaturePromptProps, 'size' | 'position'>, InternalBaseComponentProps {}
+declare const _default: React.ForwardRefExoticComponent<InternalFeaturePromptProps & React.RefAttributes<FeaturePromptProps.Ref>>;
+export default _default;

package/internal/do-not-use/feature-prompt/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../../../src/internal/do-not-use/feature-prompt/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,UAAU,0BACR,SAAQ,YAAY,CAAC,kBAAkB,EAAE,MAAM,GAAG,UAAU,CAAC,EAC3D,0BAA0B;CAAG;;AAgFjC,wBAAuD"}

package/internal/do-not-use/feature-prompt/internal.js

@@ -0,0 +1,43 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useImperativeHandle, useRef, useState } from 'react';
+import { Portal } from '@cloudscape-design/component-toolkit/internal';
+import Arrow from '../../../popover/arrow';
+import PopoverBody from '../../../popover/body';
+import PopoverContainer from '../../../popover/container';
+import { getBaseProps } from '../../base-component';
+import ResetContextsForModal from '../../context/reset-contexts-for-modal';
+import { fireNonCancelableEvent } from '../../events';
+import styles from './styles.css.js';
+function InternalFeaturePrompt({ onShow, onDismiss, header, content, i18nStrings, size, position, getTrack, trackKey, __internalRootRef, ...restProps }, ref) {
+    const baseProps = getBaseProps(restProps);
+    const [show, setShow] = useState(false);
+    const popoverBodyRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        dismiss: () => {
+            setShow(false);
+            fireNonCancelableEvent(onDismiss);
+        },
+        show: () => {
+            setShow(true);
+            fireNonCancelableEvent(onShow);
+        },
+    }));
+    return (React.createElement("span", { ...baseProps, className: styles.root, ref: __internalRootRef }, show && (React.createElement(Portal, null,
+        React.createElement(ResetContextsForModal, null,
+            React.createElement(PopoverContainer, { size: size, fixedWidth: false, position: position, getTrack: getTrack, trackKey: trackKey, variant: "annotation", arrow: position => React.createElement(Arrow, { position: position, variant: "info" }), zIndex: 7000, renderWithPortal: true },
+                React.createElement(PopoverBody, { ref: popoverBodyRef, dismissButton: true, dismissAriaLabel: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.dismissAriaLabel, header: header, onDismiss: () => {
+                        setShow(false);
+                        fireNonCancelableEvent(onDismiss);
+                    }, variant: "annotation", overflowVisible: "content", onBlur: event => {
+                        var _a;
+                        const relatedTarget = event.relatedTarget;
+                        if (relatedTarget && ((_a = popoverBodyRef.current) === null || _a === void 0 ? void 0 : _a.contains(relatedTarget))) {
+                            return;
+                        }
+                        setShow(false);
+                        fireNonCancelableEvent(onDismiss);
+                    } }, content)))))));
+}
+export default React.forwardRef(InternalFeaturePrompt);
+//# sourceMappingURL=internal.js.map

package/internal/do-not-use/feature-prompt/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../../../src/internal/do-not-use/feature-prompt/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\n\nimport React, { useImperativeHandle, useRef, useState } from 'react';\n\nimport { Portal } from '@cloudscape-design/component-toolkit/internal';\n\nimport Arrow from '../../../popover/arrow';\nimport PopoverBody from '../../../popover/body';\nimport PopoverContainer from '../../../popover/container';\nimport { getBaseProps } from '../../base-component';\nimport ResetContextsForModal from '../../context/reset-contexts-for-modal';\nimport { fireNonCancelableEvent } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { SomeRequired } from '../../types';\nimport { FeaturePromptProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface InternalFeaturePromptProps\n  extends SomeRequired<FeaturePromptProps, 'size' | 'position'>,\n    InternalBaseComponentProps {}\n\nfunction InternalFeaturePrompt(\n  {\n    onShow,\n    onDismiss,\n    header,\n    content,\n    i18nStrings,\n    size,\n    position,\n    getTrack,\n    trackKey,\n    __internalRootRef,\n    ...restProps\n  }: InternalFeaturePromptProps,\n  ref: React.Ref<FeaturePromptProps.Ref>\n) {\n  const baseProps = getBaseProps(restProps);\n  const [show, setShow] = useState(false);\n\n  const popoverBodyRef = useRef<HTMLDivElement | null>(null);\n\n  useImperativeHandle(ref, () => ({\n    dismiss: () => {\n      setShow(false);\n      fireNonCancelableEvent(onDismiss);\n    },\n    show: () => {\n      setShow(true);\n      fireNonCancelableEvent(onShow);\n    },\n  }));\n\n  return (\n    <span {...baseProps} className={styles.root} ref={__internalRootRef}>\n      {show && (\n        <Portal>\n          <ResetContextsForModal>\n            <PopoverContainer\n              size={size}\n              fixedWidth={false}\n              position={position}\n              getTrack={getTrack}\n              trackKey={trackKey}\n              variant=\"annotation\"\n              arrow={position => <Arrow position={position} variant=\"info\" />}\n              zIndex={7000}\n              renderWithPortal={true}\n            >\n              <PopoverBody\n                ref={popoverBodyRef}\n                dismissButton={true}\n                dismissAriaLabel={i18nStrings?.dismissAriaLabel}\n                header={header}\n                onDismiss={() => {\n                  setShow(false);\n                  fireNonCancelableEvent(onDismiss);\n                }}\n                variant=\"annotation\"\n                overflowVisible=\"content\"\n                onBlur={event => {\n                  const relatedTarget = event.relatedTarget;\n                  if (relatedTarget && popoverBodyRef.current?.contains(relatedTarget)) {\n                    return;\n                  }\n                  setShow(false);\n                  fireNonCancelableEvent(onDismiss);\n                }}\n              >\n                {content}\n              </PopoverBody>\n            </PopoverContainer>\n          </ResetContextsForModal>\n        </Portal>\n      )}\n    </span>\n  );\n}\n\nexport default React.forwardRef(InternalFeaturePrompt);\n"]}

package/internal/do-not-use/feature-prompt/styles.css.js

@@ -0,0 +1,4 @@
+
+    import './styles.scoped.css';
+    export default {};
+  

package/internal/do-not-use/feature-prompt/styles.scoped.css

@@ -0,0 +1,4 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/

package/internal/do-not-use/feature-prompt/styles.selectors.js

@@ -0,0 +1,5 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {};
+  

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (15e15bbc)";
-export var GIT_SHA = "15e15bbc";
+export var PACKAGE_VERSION = "3.0.0 (0f8232fb)";
+export var GIT_SHA = "0f8232fb";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (15e15bbc)",
-  "GIT_SHA": "15e15bbc",
+  "PACKAGE_VERSION": "3.0.0 (0f8232fb)",
+  "GIT_SHA": "0f8232fb",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "15e15bbcd56ea57ec78430a3713b125deeeaf63a"
+  "commit": "0f8232fbf52ee6adfc19b91f723f80038bc97b2d"
 }

package/package.json

@@ -158,7 +158,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1175",
+  "version": "3.0.1176",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/popover/body.d.ts

@@ -3,6 +3,7 @@ export interface PopoverBodyProps {
   dismissButton: boolean;
   dismissAriaLabel: string | undefined;
   onDismiss: (() => void) | undefined;
+  onBlur?: (event: React.FocusEvent) => void;
   header: React.ReactNode | undefined;
   children: React.ReactNode;
   variant?: 'annotation' | 'chart';
@@ -11,15 +12,5 @@ export interface PopoverBodyProps {
   ariaLabelledby?: string;
   closeAnalyticsAction?: string;
 }
-export default function PopoverBody({
-  dismissButton: showDismissButton,
-  dismissAriaLabel,
-  header,
-  children,
-  onDismiss,
-  variant,
-  overflowVisible,
-  className,
-  ariaLabelledby,
-  closeAnalyticsAction
-}: PopoverBodyProps): JSX.Element;
+declare const PopoverBody: React.ForwardRefExoticComponent<PopoverBodyProps & React.RefAttributes<HTMLDivElement>>;
+export default PopoverBody;

package/popover/body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAe9D,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAEpC,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAErC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAa,EAAE,iBAAiB,EAChC,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,eAAe,EACf,SAAS,EACT,cAAc,EACd,oBAAoB,GACrB,EAAE,gBAAgB,eAiFlB"}
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAe9D,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAErC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,QAAA,MAAM,WAAW,yFAoGhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/popover/body.js

@@ -10,7 +10,7 @@ import { useInternalI18n } from '../i18n/context';
 import FocusLock from '../internal/components/focus-lock';
 import { KeyCode } from '../internal/keycode';
 import styles from './styles.css.js';
-export default function PopoverBody({ dismissButton: showDismissButton, dismissAriaLabel, header, children, onDismiss, variant, overflowVisible, className, ariaLabelledby, closeAnalyticsAction, }) {
+const PopoverBody = React.forwardRef(({ dismissButton: showDismissButton, dismissAriaLabel, header, children, onDismiss, onBlur, variant, overflowVisible, className, ariaLabelledby, closeAnalyticsAction, }, ref) => {
     const i18n = useInternalI18n('popover');
     const labelledById = useUniqueId('awsui-popover-');
     const dismissButtonFocused = useRef(false);
@@ -43,7 +43,7 @@ export default function PopoverBody({ dismissButton: showDismissButton, dismissA
         : {};
     return (React.createElement("div", { className: clsx(styles.body, styles[`body-variant-${variant}`], className, {
             [styles['body-overflow-visible']]: overflowVisible === 'both',
-        }), onKeyDown: onKeyDown, ...dialogProps },
+        }), onKeyDown: onKeyDown, ref: ref, onBlur: onBlur, ...dialogProps },
         React.createElement(BuiltInErrorBoundary, null,
             React.createElement(FocusLock, { disabled: !shouldTrapFocus, autoFocus: false },
                 header && (React.createElement("div", { className: clsx(styles['header-row'], showDismissButton && styles['has-dismiss']) },
@@ -53,5 +53,6 @@ export default function PopoverBody({ dismissButton: showDismissButton, dismissA
                 React.createElement("div", { className: !header && showDismissButton ? styles['has-dismiss'] : undefined },
                     !header && dismissButton,
                     React.createElement("div", { className: clsx(styles.content, { [styles['content-overflow-visible']]: !!overflowVisible }) }, children))))));
-}
+});
+export default PopoverBody;
 //# sourceMappingURL=body.js.map

package/popover/body.js.map

@@ -1 +1 @@
-{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/popover/body.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 React, { useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { BuiltInErrorBoundary } from '../error-boundary/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport FocusLock from '../internal/components/focus-lock';\nimport { KeyCode } from '../internal/keycode';\n\nimport styles from './styles.css.js';\n\nexport interface PopoverBodyProps {\n  dismissButton: boolean;\n  dismissAriaLabel: string | undefined;\n  onDismiss: (() => void) | undefined;\n\n  header: React.ReactNode | undefined;\n  children: React.ReactNode;\n  variant?: 'annotation' | 'chart';\n  overflowVisible?: 'content' | 'both';\n\n  className?: string;\n  ariaLabelledby?: string;\n\n  closeAnalyticsAction?: string;\n}\n\nexport default function PopoverBody({\n  dismissButton: showDismissButton,\n  dismissAriaLabel,\n  header,\n  children,\n  onDismiss,\n  variant,\n  overflowVisible,\n  className,\n  ariaLabelledby,\n  closeAnalyticsAction,\n}: PopoverBodyProps) {\n  const i18n = useInternalI18n('popover');\n  const labelledById = useUniqueId('awsui-popover-');\n  const dismissButtonFocused = useRef(false);\n  const dismissButtonRef = useRef<ButtonProps.Ref>(null);\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.keyCode === KeyCode.escape) {\n        event.stopPropagation();\n        onDismiss?.();\n      }\n    },\n    [onDismiss]\n  );\n\n  // Implement our own auto-focus rather than using FocusLock's,\n  // because we also want to focus the dismiss button when it\n  // is added dynamically (e.g. in chart popovers)\n  useEffect(() => {\n    if (showDismissButton && !dismissButtonFocused.current) {\n      dismissButtonRef.current?.focus({ preventScroll: true });\n    }\n    dismissButtonFocused.current = showDismissButton;\n  }, [showDismissButton]);\n\n  const dismissButton = (showDismissButton ?? null) && (\n    <div\n      className={styles.dismiss}\n      {...(closeAnalyticsAction ? getAnalyticsMetadataAttribute({ action: closeAnalyticsAction }) : {})}\n    >\n      <InternalButton\n        variant=\"icon\"\n        formAction=\"none\"\n        iconName=\"close\"\n        className={styles['dismiss-control']}\n        ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n        onClick={() => onDismiss?.()}\n        ref={dismissButtonRef}\n      />\n    </div>\n  );\n\n  const isDialog = showDismissButton;\n  const shouldTrapFocus = showDismissButton && variant !== 'annotation';\n\n  const dialogProps = isDialog\n    ? {\n        role: 'dialog',\n        'aria-labelledby': ariaLabelledby ?? (header ? labelledById : undefined),\n      }\n    : {};\n\n  return (\n    <div\n      className={clsx(styles.body, styles[`body-variant-${variant}`], className, {\n        [styles['body-overflow-visible']]: overflowVisible === 'both',\n      })}\n      onKeyDown={onKeyDown}\n      {...dialogProps}\n    >\n      <BuiltInErrorBoundary>\n        <FocusLock disabled={!shouldTrapFocus} autoFocus={false}>\n          {header && (\n            <div className={clsx(styles['header-row'], showDismissButton && styles['has-dismiss'])}>\n              {dismissButton}\n              <div className={styles.header} id={labelledById}>\n                <h2>{header}</h2>\n              </div>\n            </div>\n          )}\n          <div className={!header && showDismissButton ? styles['has-dismiss'] : undefined}>\n            {!header && dismissButton}\n            <div className={clsx(styles.content, { [styles['content-overflow-visible']]: !!overflowVisible })}>\n              {children}\n            </div>\n          </div>\n        </FocusLock>\n      </BuiltInErrorBoundary>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/popover/body.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 React, { useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { BuiltInErrorBoundary } from '../error-boundary/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport FocusLock from '../internal/components/focus-lock';\nimport { KeyCode } from '../internal/keycode';\n\nimport styles from './styles.css.js';\n\nexport interface PopoverBodyProps {\n  dismissButton: boolean;\n  dismissAriaLabel: string | undefined;\n  onDismiss: (() => void) | undefined;\n  onBlur?: (event: React.FocusEvent) => void;\n\n  header: React.ReactNode | undefined;\n  children: React.ReactNode;\n  variant?: 'annotation' | 'chart';\n  overflowVisible?: 'content' | 'both';\n\n  className?: string;\n  ariaLabelledby?: string;\n\n  closeAnalyticsAction?: string;\n}\n\nconst PopoverBody = React.forwardRef(\n  (\n    {\n      dismissButton: showDismissButton,\n      dismissAriaLabel,\n      header,\n      children,\n      onDismiss,\n      onBlur,\n      variant,\n      overflowVisible,\n      className,\n      ariaLabelledby,\n      closeAnalyticsAction,\n    }: PopoverBodyProps,\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    const i18n = useInternalI18n('popover');\n    const labelledById = useUniqueId('awsui-popover-');\n    const dismissButtonFocused = useRef(false);\n    const dismissButtonRef = useRef<ButtonProps.Ref>(null);\n\n    const onKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.keyCode === KeyCode.escape) {\n          event.stopPropagation();\n          onDismiss?.();\n        }\n      },\n      [onDismiss]\n    );\n\n    // Implement our own auto-focus rather than using FocusLock's,\n    // because we also want to focus the dismiss button when it\n    // is added dynamically (e.g. in chart popovers)\n    useEffect(() => {\n      if (showDismissButton && !dismissButtonFocused.current) {\n        dismissButtonRef.current?.focus({ preventScroll: true });\n      }\n      dismissButtonFocused.current = showDismissButton;\n    }, [showDismissButton]);\n\n    const dismissButton = (showDismissButton ?? null) && (\n      <div\n        className={styles.dismiss}\n        {...(closeAnalyticsAction ? getAnalyticsMetadataAttribute({ action: closeAnalyticsAction }) : {})}\n      >\n        <InternalButton\n          variant=\"icon\"\n          formAction=\"none\"\n          iconName=\"close\"\n          className={styles['dismiss-control']}\n          ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n          onClick={() => onDismiss?.()}\n          ref={dismissButtonRef}\n        />\n      </div>\n    );\n\n    const isDialog = showDismissButton;\n    const shouldTrapFocus = showDismissButton && variant !== 'annotation';\n\n    const dialogProps = isDialog\n      ? {\n          role: 'dialog',\n          'aria-labelledby': ariaLabelledby ?? (header ? labelledById : undefined),\n        }\n      : {};\n\n    return (\n      <div\n        className={clsx(styles.body, styles[`body-variant-${variant}`], className, {\n          [styles['body-overflow-visible']]: overflowVisible === 'both',\n        })}\n        onKeyDown={onKeyDown}\n        ref={ref}\n        onBlur={onBlur}\n        {...dialogProps}\n      >\n        <BuiltInErrorBoundary>\n          <FocusLock disabled={!shouldTrapFocus} autoFocus={false}>\n            {header && (\n              <div className={clsx(styles['header-row'], showDismissButton && styles['has-dismiss'])}>\n                {dismissButton}\n                <div className={styles.header} id={labelledById}>\n                  <h2>{header}</h2>\n                </div>\n              </div>\n            )}\n            <div className={!header && showDismissButton ? styles['has-dismiss'] : undefined}>\n              {!header && dismissButton}\n              <div className={clsx(styles.content, { [styles['content-overflow-visible']]: !!overflowVisible })}>\n                {children}\n              </div>\n            </div>\n          </FocusLock>\n        </BuiltInErrorBoundary>\n      </div>\n    );\n  }\n);\n\nexport default PopoverBody;\n"]}

package/test-utils/dom/internal/feature-prompt.d.ts

@@ -0,0 +1,7 @@
+import PopoverWrapper from '../popover';
+export default class FeaturePromptWrapper extends PopoverWrapper {
+  static rootSelector: string;
+  findHeader(): import("@cloudscape-design/test-utils-core/dom").ElementWrapper<HTMLElement> | null;
+  findContent(): import("@cloudscape-design/test-utils-core/dom").ElementWrapper<HTMLElement> | null;
+  findDismissButton(): import("..").ButtonWrapper | null;
+}

package/test-utils/dom/internal/feature-prompt.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const popover_1 = require("../popover");
+const styles_selectors_js_1 = require("../../../internal/do-not-use/feature-prompt/styles.selectors.js");
+class FeaturePromptWrapper extends popover_1.default {
+    findHeader() {
+        return super.findHeader({ renderWithPortal: true });
+    }
+    findContent() {
+        return super.findContent({ renderWithPortal: true });
+    }
+    findDismissButton() {
+        return super.findDismissButton({ renderWithPortal: true });
+    }
+}
+FeaturePromptWrapper.rootSelector = styles_selectors_js_1.default.root;
+exports.default = FeaturePromptWrapper;
+//# sourceMappingURL=feature-prompt.js.map

package/test-utils/dom/internal/feature-prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-prompt.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/internal/feature-prompt.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,wCAAwC;AAExC,yGAAqF;AAErF,MAAqB,oBAAqB,SAAQ,iBAAc;IAG9D,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,WAAW;QACT,OAAO,KAAK,CAAC,WAAW,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,iBAAiB;QACf,OAAO,KAAK,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7D,CAAC;;AAZM,iCAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;kBADvB,oBAAoB"}

package/test-utils/selectors/internal/feature-prompt.d.ts

@@ -0,0 +1,7 @@
+import PopoverWrapper from '../popover';
+export default class FeaturePromptWrapper extends PopoverWrapper {
+  static rootSelector: string;
+  findHeader(): import("@cloudscape-design/test-utils-core/selectors").ElementWrapper;
+  findContent(): import("@cloudscape-design/test-utils-core/selectors").ElementWrapper;
+  findDismissButton(): import("..").ButtonWrapper;
+}

package/test-utils/selectors/internal/feature-prompt.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const popover_1 = require("../popover");
+const styles_selectors_js_1 = require("../../../internal/do-not-use/feature-prompt/styles.selectors.js");
+class FeaturePromptWrapper extends popover_1.default {
+    findHeader() {
+        return super.findHeader({
+            renderWithPortal: true
+        });
+    }
+    findContent() {
+        return super.findContent({
+            renderWithPortal: true
+        });
+    }
+    findDismissButton() {
+        return super.findDismissButton({
+            renderWithPortal: true
+        });
+    }
+}
+FeaturePromptWrapper.rootSelector = styles_selectors_js_1.default.root;
+exports.default = FeaturePromptWrapper;
+//# sourceMappingURL=feature-prompt.js.map

package/test-utils/selectors/internal/feature-prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-prompt.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/internal/feature-prompt.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,wCAAwC;AACxC,yGAAqF;AACrF,MAAqB,oBAAqB,SAAQ,iBAAc;IAE9D,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;IACL,CAAC;IACD,WAAW;QACT,OAAO,KAAK,CAAC,WAAW,CAAC;YACvB,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;IACL,CAAC;IACD,iBAAiB;QACf,OAAO,KAAK,CAAC,iBAAiB,CAAC;YAC7B,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;IACL,CAAC;;AAfM,iCAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;kBADvB,oBAAoB"}