@cloudscape-design/components-themeable 3.0.1192 → 3.0.1193

package/lib/internal/template/test-utils/selectors/tooltip/index.d.ts

@@ -0,0 +1,9 @@
+import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
+export default class TooltipWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    /**
+     * Returns the tooltip content element.
+     * Searches within this tooltip's scope to avoid conflicts with popovers.
+     */
+    findContent(): ElementWrapper;
+}

package/lib/internal/template/test-utils/selectors/tooltip/index.js

@@ -0,0 +1,19 @@
+"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 selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
+const styles_selectors_js_1 = require("../../../popover/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../tooltip/test-classes/styles.selectors.js");
+class TooltipWrapper extends selectors_1.ComponentWrapper {
+    /**
+     * Returns the tooltip content element.
+     * Searches within this tooltip's scope to avoid conflicts with popovers.
+     */
+    findContent() {
+        return this.findByClassName(styles_selectors_js_1.default.content);
+    }
+}
+TooltipWrapper.rootSelector = styles_selectors_js_2.default.root;
+exports.default = TooltipWrapper;
+//# sourceMappingURL=index.js.map

package/lib/internal/template/test-utils/selectors/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/tooltip/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,8EAAiE;AACjE,2FAAuE;AACvE,MAAqB,cAAe,SAAQ,4BAAgB;IAG1D;;;OAGG;IACH,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAa,CAAC,OAAO,CAAC,CAAC;IACrD,CAAC;;AARM,2BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;kBADvB,cAAc"}

package/lib/internal/template/token/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/token/internal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,KAAK,kBAAkB,GAAG,UAAU,GAClC,0BAA0B,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEJ,iBAAS,aAAa,CAAC,EAErB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,cAAc,EAGd,IAAI,EACJ,mBAAmB,EAGnB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,kBAAkB,eA6HpB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/token/internal.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,KAAK,kBAAkB,GAAG,UAAU,GAClC,0BAA0B,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEJ,iBAAS,aAAa,CAAC,EAErB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,cAAc,EAGd,IAAI,EACJ,mBAAmB,EAGnB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,kBAAkB,eA4HpB;AAED,eAAe,aAAa,CAAC"}

package/lib/internal/template/token/internal.js

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import { useResizeObserver, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import { getBaseProps } from '../internal/base-component';
 import Option from '../internal/components/option';
-import Tooltip from '../internal/components/tooltip';
 import LiveRegion from '../live-region/internal';
+import Tooltip from '../tooltip/internal.js';
 import DismissButton from './dismiss-button';
 import legacyTestingStyles from '../token-group/styles.css.js';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
@@ -75,8 +75,8 @@ __internalRootRef, ...restProps }) {
         React.createElement("div", { className: clsx(!isInline ? styles['token-box'] : styles['token-box-inline'], disabled && styles['token-box-disabled'], readOnly && styles['token-box-readonly'], !isInline && !onDismiss && styles['token-box-without-dismiss'], disableInnerPadding && styles['disable-padding']) },
             React.createElement(Option, { className: clsx(isInline && styles['token-option-inline']), triggerVariant: isInline, option: buildOptionDefinition(), disableTitleTooltip: !!tooltipContent, labelContainerRef: labelContainerRef, labelRef: labelRef, labelId: ariaLabelledbyId }),
             onDismiss && (React.createElement(DismissButton, { disabled: disabled, dismissLabel: dismissLabel, onDismiss: onDismiss, readOnly: readOnly, inline: isInline }))),
-        !!tooltipContent && isInline && isEllipsisActive && showTooltip && (React.createElement(Tooltip, { "data-testid": "token-tooltip", trackRef: labelContainerRef, value: React.createElement(LiveRegion, null,
-                React.createElement("span", { "data-testid": "tooltip-live-region-content" }, tooltipContent)), size: "medium", onDismiss: () => {
+        !!tooltipContent && isInline && isEllipsisActive && showTooltip && (React.createElement(Tooltip, { "data-testid": "token-tooltip", getTrack: () => labelContainerRef.current, content: React.createElement(LiveRegion, null,
+                React.createElement("span", { "data-testid": "tooltip-live-region-content" }, tooltipContent)), onEscape: () => {
                 setShowTooltip(false);
             } }))));
 }

package/lib/internal/template/token/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/token/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, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport Option from '../internal/components/option';\nimport Tooltip from '../internal/components/tooltip';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport LiveRegion from '../live-region/internal';\nimport DismissButton from './dismiss-button';\nimport { TokenProps } from './interfaces';\n\nimport legacyTestingStyles from '../token-group/styles.css.js';\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ntype InternalTokenProps = TokenProps &\n  InternalBaseComponentProps & {\n    role?: string;\n    disableInnerPadding?: boolean;\n  };\n\nfunction InternalToken({\n  // External\n  label,\n  ariaLabel,\n  labelTag,\n  description,\n  variant = 'normal',\n  disabled,\n  readOnly,\n  icon,\n  tags,\n  dismissLabel,\n  onDismiss,\n  tooltipContent,\n\n  // Internal\n  role,\n  disableInnerPadding,\n\n  // Base\n  __internalRootRef,\n  ...restProps\n}: InternalTokenProps) {\n  const baseProps = getBaseProps(restProps);\n  const labelContainerRef = useRef<HTMLSpanElement>(null);\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [isEllipsisActive, setIsEllipsisActive] = useState(false);\n  const isInline = variant === 'inline';\n  const ariaLabelledbyId = useUniqueId();\n\n  const isLabelOverflowing = () => {\n    const labelContent = labelRef.current;\n    const labelContainer = labelContainerRef.current;\n\n    if (labelContent && labelContainer) {\n      return labelContent.offsetWidth > labelContainer.offsetWidth;\n    }\n  };\n\n  useResizeObserver(labelContainerRef, () => {\n    if (isInline) {\n      setIsEllipsisActive(isLabelOverflowing() ?? false);\n    }\n  });\n\n  const buildOptionDefinition = () => {\n    const isLabelStringOrNumber = typeof label === 'string' || typeof label === 'number';\n    const labelObject = isLabelStringOrNumber ? { label: String(label) } : { labelContent: label };\n\n    if (isInline) {\n      if (!isLabelStringOrNumber) {\n        warnOnce('Label', `Only plain text (strings or numbers) are supported when variant=\"inline\".`);\n      }\n\n      return {\n        ...labelObject,\n        disabled,\n        __customIcon: icon && <span className={clsx(styles.icon, styles['icon-inline'])}>{icon}</span>,\n      };\n    } else {\n      return {\n        ...labelObject,\n        disabled,\n        labelTag,\n        description,\n        tags,\n        __customIcon: icon && <span className={styles.icon}>{icon}</span>,\n      };\n    }\n  };\n\n  return (\n    <div\n      {...baseProps}\n      ref={__internalRootRef}\n      className={clsx(\n        styles.root,\n        legacyTestingStyles.token,\n        testUtilStyles.root,\n        !isInline ? styles['token-normal'] : styles['token-inline'],\n        analyticsSelectors.token,\n        baseProps.className\n      )}\n      aria-label={ariaLabel}\n      aria-labelledby={!ariaLabel ? ariaLabelledbyId : undefined}\n      aria-disabled={!!disabled}\n      role={role ?? 'group'}\n      onFocus={() => {\n        setShowTooltip(true);\n      }}\n      onBlur={() => {\n        setShowTooltip(false);\n      }}\n      onMouseEnter={() => {\n        setShowTooltip(true);\n      }}\n      onMouseLeave={() => {\n        setShowTooltip(false);\n      }}\n      tabIndex={!!tooltipContent && isInline && isEllipsisActive ? 0 : undefined}\n    >\n      <div\n        className={clsx(\n          !isInline ? styles['token-box'] : styles['token-box-inline'],\n          disabled && styles['token-box-disabled'],\n          readOnly && styles['token-box-readonly'],\n          !isInline && !onDismiss && styles['token-box-without-dismiss'],\n          disableInnerPadding && styles['disable-padding']\n        )}\n      >\n        <Option\n          className={clsx(isInline && styles['token-option-inline'])}\n          triggerVariant={isInline}\n          option={buildOptionDefinition()}\n          disableTitleTooltip={!!tooltipContent}\n          labelContainerRef={labelContainerRef}\n          labelRef={labelRef}\n          labelId={ariaLabelledbyId}\n        />\n        {onDismiss && (\n          <DismissButton\n            disabled={disabled}\n            dismissLabel={dismissLabel}\n            onDismiss={onDismiss}\n            readOnly={readOnly}\n            inline={isInline}\n          />\n        )}\n      </div>\n      {!!tooltipContent && isInline && isEllipsisActive && showTooltip && (\n        <Tooltip\n          data-testid=\"token-tooltip\"\n          trackRef={labelContainerRef}\n          value={\n            <LiveRegion>\n              <span data-testid=\"tooltip-live-region-content\">{tooltipContent}</span>\n            </LiveRegion>\n          }\n          size=\"medium\"\n          onDismiss={() => {\n            setShowTooltip(false);\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default InternalToken;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/token/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, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport Option from '../internal/components/option';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport LiveRegion from '../live-region/internal';\nimport Tooltip from '../tooltip/internal.js';\nimport DismissButton from './dismiss-button';\nimport { TokenProps } from './interfaces';\n\nimport legacyTestingStyles from '../token-group/styles.css.js';\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ntype InternalTokenProps = TokenProps &\n  InternalBaseComponentProps & {\n    role?: string;\n    disableInnerPadding?: boolean;\n  };\n\nfunction InternalToken({\n  // External\n  label,\n  ariaLabel,\n  labelTag,\n  description,\n  variant = 'normal',\n  disabled,\n  readOnly,\n  icon,\n  tags,\n  dismissLabel,\n  onDismiss,\n  tooltipContent,\n\n  // Internal\n  role,\n  disableInnerPadding,\n\n  // Base\n  __internalRootRef,\n  ...restProps\n}: InternalTokenProps) {\n  const baseProps = getBaseProps(restProps);\n  const labelContainerRef = useRef<HTMLSpanElement>(null);\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [isEllipsisActive, setIsEllipsisActive] = useState(false);\n  const isInline = variant === 'inline';\n  const ariaLabelledbyId = useUniqueId();\n\n  const isLabelOverflowing = () => {\n    const labelContent = labelRef.current;\n    const labelContainer = labelContainerRef.current;\n\n    if (labelContent && labelContainer) {\n      return labelContent.offsetWidth > labelContainer.offsetWidth;\n    }\n  };\n\n  useResizeObserver(labelContainerRef, () => {\n    if (isInline) {\n      setIsEllipsisActive(isLabelOverflowing() ?? false);\n    }\n  });\n\n  const buildOptionDefinition = () => {\n    const isLabelStringOrNumber = typeof label === 'string' || typeof label === 'number';\n    const labelObject = isLabelStringOrNumber ? { label: String(label) } : { labelContent: label };\n\n    if (isInline) {\n      if (!isLabelStringOrNumber) {\n        warnOnce('Label', `Only plain text (strings or numbers) are supported when variant=\"inline\".`);\n      }\n\n      return {\n        ...labelObject,\n        disabled,\n        __customIcon: icon && <span className={clsx(styles.icon, styles['icon-inline'])}>{icon}</span>,\n      };\n    } else {\n      return {\n        ...labelObject,\n        disabled,\n        labelTag,\n        description,\n        tags,\n        __customIcon: icon && <span className={styles.icon}>{icon}</span>,\n      };\n    }\n  };\n\n  return (\n    <div\n      {...baseProps}\n      ref={__internalRootRef}\n      className={clsx(\n        styles.root,\n        legacyTestingStyles.token,\n        testUtilStyles.root,\n        !isInline ? styles['token-normal'] : styles['token-inline'],\n        analyticsSelectors.token,\n        baseProps.className\n      )}\n      aria-label={ariaLabel}\n      aria-labelledby={!ariaLabel ? ariaLabelledbyId : undefined}\n      aria-disabled={!!disabled}\n      role={role ?? 'group'}\n      onFocus={() => {\n        setShowTooltip(true);\n      }}\n      onBlur={() => {\n        setShowTooltip(false);\n      }}\n      onMouseEnter={() => {\n        setShowTooltip(true);\n      }}\n      onMouseLeave={() => {\n        setShowTooltip(false);\n      }}\n      tabIndex={!!tooltipContent && isInline && isEllipsisActive ? 0 : undefined}\n    >\n      <div\n        className={clsx(\n          !isInline ? styles['token-box'] : styles['token-box-inline'],\n          disabled && styles['token-box-disabled'],\n          readOnly && styles['token-box-readonly'],\n          !isInline && !onDismiss && styles['token-box-without-dismiss'],\n          disableInnerPadding && styles['disable-padding']\n        )}\n      >\n        <Option\n          className={clsx(isInline && styles['token-option-inline'])}\n          triggerVariant={isInline}\n          option={buildOptionDefinition()}\n          disableTitleTooltip={!!tooltipContent}\n          labelContainerRef={labelContainerRef}\n          labelRef={labelRef}\n          labelId={ariaLabelledbyId}\n        />\n        {onDismiss && (\n          <DismissButton\n            disabled={disabled}\n            dismissLabel={dismissLabel}\n            onDismiss={onDismiss}\n            readOnly={readOnly}\n            inline={isInline}\n          />\n        )}\n      </div>\n      {!!tooltipContent && isInline && isEllipsisActive && showTooltip && (\n        <Tooltip\n          data-testid=\"token-tooltip\"\n          getTrack={() => labelContainerRef.current}\n          content={\n            <LiveRegion>\n              <span data-testid=\"tooltip-live-region-content\">{tooltipContent}</span>\n            </LiveRegion>\n          }\n          onEscape={() => {\n            setShowTooltip(false);\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default InternalToken;\n"]}

package/lib/internal/template/tooltip/index.d.ts

@@ -0,0 +1,7 @@
+import { TooltipProps } from './interfaces';
+export { TooltipProps };
+/**
+ * @awsuiSystem core
+ */
+export default function Tooltip({ position, ...rest }: TooltipProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,eAO1E"}

package/lib/internal/template/tooltip/index.js

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

package/lib/internal/template/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tooltip/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,eAAe,MAAM,YAAY,CAAC;AAIzC;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,EAAgB;IACzE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,SAAS,EAAE;QACrD,KAAK,EAAE,EAAE,QAAQ,EAAE;KACpB,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,oBAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,KAAM,aAAa,KAAM,kBAAkB,GAAI,CAAC;AAC5F,CAAC;AACD,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { TooltipProps } from './interfaces';\nimport InternalTooltip from './internal';\n\nexport { TooltipProps };\n\n/**\n * @awsuiSystem core\n */\nexport default function Tooltip({ position = 'top', ...rest }: TooltipProps) {\n  const baseComponentProps = useBaseComponent('Tooltip', {\n    props: { position },\n  });\n  const externalProps = getExternalProps(rest);\n\n  return <InternalTooltip position={position} {...externalProps} {...baseComponentProps} />;\n}\napplyDisplayName(Tooltip, 'Tooltip');\n"]}

package/lib/internal/template/tooltip/interfaces.d.ts

@@ -0,0 +1,38 @@
+import { NonCancelableEventHandler } from '../internal/events';
+import { PopoverProps } from '../popover/interfaces';
+export interface TooltipProps {
+    /**
+     * Content to display in the tooltip.
+     */
+    content: React.ReactNode;
+    /**
+     * Function that returns the element the tooltip points to.
+     * Can return null if the element is not yet mounted or available.
+     */
+    getTrack: () => null | HTMLElement | SVGElement;
+    /**
+     * Determines where the tooltip is displayed when opened, relative to the trigger. If the tooltip doesn't have enough space to open in this direction, it automatically chooses a better direction based on available space.
+     */
+    position?: TooltipProps.Position;
+    /**
+     * Callback fired when the user presses the Escape key while the tooltip is visible.
+     */
+    onEscape?: NonCancelableEventHandler;
+}
+export declare namespace TooltipProps {
+    /**
+     * Position of the tooltip relative to the tracked element.
+     */
+    type Position = PopoverProps.Position;
+}
+/**
+ * Internal tooltip props - includes props not exposed in public API.
+ * Note: position defaults to 'top' in both index.tsx and internal.tsx
+ */
+export interface InternalTooltipProps extends TooltipProps {
+    /**
+     * Additional CSS class for the tooltip container.
+     */
+    className?: string;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/tooltip/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/tooltip/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,QAAQ,EAAE,MAAM,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;IAEhD;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;CACtC;AACD,yBAAiB,YAAY,CAAC;IAC5B;;OAEG;IACH,KAAY,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC;CAC9C;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/lib/internal/template/tooltip/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/lib/internal/template/tooltip/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/tooltip/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { PopoverProps } from '../popover/interfaces';\n\nexport interface TooltipProps {\n  /**\n   * Content to display in the tooltip.\n   */\n  content: React.ReactNode;\n\n  /**\n   * Function that returns the element the tooltip points to.\n   * Can return null if the element is not yet mounted or available.\n   */\n  getTrack: () => null | HTMLElement | SVGElement;\n\n  /**\n   * Determines where the tooltip is displayed when opened, relative to the trigger. If the tooltip doesn't have enough space to open in this direction, it automatically chooses a better direction based on available space.\n   */\n  position?: TooltipProps.Position;\n  /**\n   * Callback fired when the user presses the Escape key while the tooltip is visible.\n   */\n  onEscape?: NonCancelableEventHandler;\n}\nexport namespace TooltipProps {\n  /**\n   * Position of the tooltip relative to the tracked element.\n   */\n  export type Position = PopoverProps.Position;\n}\n\n/**\n * Internal tooltip props - includes props not exposed in public API.\n * Note: position defaults to 'top' in both index.tsx and internal.tsx\n */\nexport interface InternalTooltipProps extends TooltipProps {\n  /**\n   * Additional CSS class for the tooltip container.\n   */\n  className?: string;\n}\n"]}

package/lib/internal/template/tooltip/internal.d.ts

@@ -0,0 +1,6 @@
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { InternalTooltipProps } from './interfaces';
+type InternalTooltipComponentProps = InternalTooltipProps & InternalBaseComponentProps;
+export default function InternalTooltip({ content, getTrack, className, position, onEscape, __internalRootRef, ...restProps }: InternalTooltipComponentProps): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/tooltip/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/tooltip/internal.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,KAAK,6BAA6B,GAAG,oBAAoB,GAAG,0BAA0B,CAAC;AAEvF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,6BAA6B,eA+D/B"}

package/lib/internal/template/tooltip/internal.js

@@ -0,0 +1,45 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useEffect } from 'react';
+import clsx from 'clsx';
+import { Portal } from '@cloudscape-design/component-toolkit/internal';
+import { getBaseProps } from '../internal/base-component';
+import { Transition } from '../internal/components/transition';
+import { fireNonCancelableEvent } from '../internal/events';
+import PopoverArrow from '../popover/arrow';
+import PopoverBody from '../popover/body';
+import PopoverContainer from '../popover/container';
+import testUtilStyles from './test-classes/styles.css.js';
+export default function InternalTooltip({ content, getTrack, className, position = 'top', onEscape, __internalRootRef, ...restProps }) {
+    const baseProps = getBaseProps(restProps);
+    const trackRef = React.useRef(null);
+    // Update the ref with the current tracked element
+    React.useEffect(() => {
+        const element = getTrack();
+        trackRef.current = element;
+    }, [getTrack]);
+    useEffect(() => {
+        const controller = new AbortController();
+        window.addEventListener('keydown', (event) => {
+            if (event.key === 'Escape') {
+                // Prevent any surrounding modals or dialogs from acting on this Esc.
+                event.stopPropagation();
+                fireNonCancelableEvent(onEscape);
+            }
+        }, {
+            // The tooltip is often activated on mouseover, which means the focus can
+            // be anywhere else on the page. Capture also means that this gets called
+            // before any wrapper modals or dialogs can detect it and act on it.
+            capture: true,
+            signal: controller.signal,
+        });
+        return () => {
+            controller.abort();
+        };
+    }, [onEscape]);
+    return (React.createElement(Portal, null,
+        React.createElement("div", { ...baseProps, className: clsx(testUtilStyles.root, baseProps.className), ref: __internalRootRef, role: "tooltip" },
+            React.createElement(Transition, { in: true }, () => (React.createElement(PopoverContainer, { getTrack: getTrack, size: "medium", fixedWidth: false, position: position, zIndex: 7000, arrow: position => React.createElement(PopoverArrow, { position: position }), hideOnOverscroll: true, className: className },
+                React.createElement(PopoverBody, { dismissButton: false, dismissAriaLabel: undefined, onDismiss: undefined, header: undefined }, content)))))));
+}
+//# sourceMappingURL=internal.js.map

package/lib/internal/template/tooltip/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/tooltip/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAGpD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAI1D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,iBAAiB,EACjB,GAAG,SAAS,EACkB;IAC9B,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAkC,IAAI,CAAC,CAAC;IAErE,kDAAkD;IAClD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,QAAQ,EAAE,CAAC;QAC3B,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;IAC7B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QACzC,MAAM,CAAC,gBAAgB,CACrB,SAAS,EACT,CAAC,KAAoB,EAAE,EAAE;YACvB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,qEAAqE;gBACrE,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,sBAAsB,CAAC,QAAQ,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,EACD;YACE,yEAAyE;YACzE,yEAAyE;YACzE,oEAAoE;YACpE,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,UAAU,CAAC,MAAM;SAC1B,CACF,CAAC;QACF,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,MAAM;QACL,gCACM,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACzD,GAAG,EAAE,iBAAiB,EACtB,IAAI,EAAC,SAAS;YAEd,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,IACjB,GAAG,EAAE,CAAC,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,GAAI,EACvD,gBAAgB,EAAE,IAAI,EACtB,SAAS,EAAE,SAAS;gBAEpB,oBAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,IACpG,OAAO,CACI,CACG,CACpB,CACU,CACT,CACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { Transition } from '../internal/components/transition';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport PopoverArrow from '../popover/arrow';\nimport PopoverBody from '../popover/body';\nimport PopoverContainer from '../popover/container';\nimport { InternalTooltipProps } from './interfaces';\n\nimport testUtilStyles from './test-classes/styles.css.js';\n\ntype InternalTooltipComponentProps = InternalTooltipProps & InternalBaseComponentProps;\n\nexport default function InternalTooltip({\n  content,\n  getTrack,\n  className,\n  position = 'top',\n  onEscape,\n  __internalRootRef,\n  ...restProps\n}: InternalTooltipComponentProps) {\n  const baseProps = getBaseProps(restProps);\n  const trackRef = React.useRef<HTMLElement | SVGElement | null>(null);\n\n  // Update the ref with the current tracked element\n  React.useEffect(() => {\n    const element = getTrack();\n    trackRef.current = element;\n  }, [getTrack]);\n\n  useEffect(() => {\n    const controller = new AbortController();\n    window.addEventListener(\n      'keydown',\n      (event: KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          // Prevent any surrounding modals or dialogs from acting on this Esc.\n          event.stopPropagation();\n          fireNonCancelableEvent(onEscape);\n        }\n      },\n      {\n        // The tooltip is often activated on mouseover, which means the focus can\n        // be anywhere else on the page. Capture also means that this gets called\n        // before any wrapper modals or dialogs can detect it and act on it.\n        capture: true,\n        signal: controller.signal,\n      }\n    );\n    return () => {\n      controller.abort();\n    };\n  }, [onEscape]);\n\n  return (\n    <Portal>\n      <div\n        {...baseProps}\n        className={clsx(testUtilStyles.root, baseProps.className)}\n        ref={__internalRootRef}\n        role=\"tooltip\"\n      >\n        <Transition in={true}>\n          {() => (\n            <PopoverContainer\n              getTrack={getTrack}\n              size=\"medium\"\n              fixedWidth={false}\n              position={position}\n              zIndex={7000}\n              arrow={position => <PopoverArrow position={position} />}\n              hideOnOverscroll={true}\n              className={className}\n            >\n              <PopoverBody dismissButton={false} dismissAriaLabel={undefined} onDismiss={undefined} header={undefined}>\n                {content}\n              </PopoverBody>\n            </PopoverContainer>\n          )}\n        </Transition>\n      </div>\n    </Portal>\n  );\n}\n"]}

package/lib/internal/template/tooltip/test-classes/styles.css.js

@@ -0,0 +1,6 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1u26h_im8v7_5"
+};
+  

package/lib/internal/template/tooltip/test-classes/styles.scoped.css

@@ -0,0 +1,7 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_1u26h_im8v7_5:not(#\9) {
+  /* used in test-utils */
+}

package/lib/internal/template/tooltip/test-classes/styles.selectors.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1192",
+  "version": "3.0.1193",
   "files": [
     "lib"
   ],