@cloudscape-design/components 3.0.1266 → 3.0.1268

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.d.ts.map +1 -1
  2. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js +13 -0
  3. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js.map +1 -1
  4. package/internal/base-component/styles.scoped.css +1 -1
  5. package/internal/context/reset-contexts-for-modal.d.ts.map +1 -1
  6. package/internal/context/reset-contexts-for-modal.js +3 -1
  7. package/internal/context/reset-contexts-for-modal.js.map +1 -1
  8. package/internal/context/token-inline-context.d.ts +6 -0
  9. package/internal/context/token-inline-context.d.ts.map +1 -0
  10. package/internal/context/token-inline-context.js +11 -0
  11. package/internal/context/token-inline-context.js.map +1 -0
  12. package/internal/environment.js +2 -2
  13. package/internal/environment.json +2 -2
  14. package/internal/manifest.json +1 -1
  15. package/link/internal.d.ts.map +1 -1
  16. package/link/internal.js +3 -1
  17. package/link/internal.js.map +1 -1
  18. package/link/styles.css.js +21 -20
  19. package/link/styles.scoped.css +74 -71
  20. package/link/styles.selectors.js +21 -20
  21. package/package.json +1 -1
  22. package/popover/internal.d.ts.map +1 -1
  23. package/popover/internal.js +3 -1
  24. package/popover/internal.js.map +1 -1
  25. package/popover/styles.css.js +58 -57
  26. package/popover/styles.scoped.css +92 -89
  27. package/popover/styles.selectors.js +58 -57
  28. package/token/internal.d.ts.map +1 -1
  29. package/token/internal.js +17 -15
  30. package/token/internal.js.map +1 -1
package/popover/styles.selectors.js CHANGED
@@ -2,62 +2,63 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "arrow": "awsui_arrow_xjuzf_45l16_153",
6
- "arrow-outer": "awsui_arrow-outer_xjuzf_45l16_157",
7
- "arrow-inner": "awsui_arrow-inner_xjuzf_45l16_157",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_45l16_199",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_45l16_199",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_45l16_202",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_45l16_202",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_45l16_205",
13
- "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_45l16_205",
14
- "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_45l16_205",
15
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_45l16_205",
16
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_45l16_208",
17
- "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_45l16_208",
18
- "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_45l16_208",
19
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_45l16_208",
20
- "arrow-variant-info": "awsui_arrow-variant-info_xjuzf_45l16_212",
21
- "body": "awsui_body_xjuzf_45l16_227",
22
- "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_45l16_263",
23
- "body-variant-chart": "awsui_body-variant-chart_xjuzf_45l16_266",
24
- "has-dismiss": "awsui_has-dismiss_xjuzf_45l16_271",
25
- "dismiss": "awsui_dismiss_xjuzf_45l16_276",
26
- "dismiss-control": "awsui_dismiss-control_xjuzf_45l16_284",
27
- "header-row": "awsui_header-row_xjuzf_45l16_288",
28
- "header": "awsui_header_xjuzf_45l16_288",
29
- "content": "awsui_content_xjuzf_45l16_317",
30
- "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_45l16_326",
31
- "container": "awsui_container_xjuzf_45l16_338",
32
- "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_45l16_349",
33
- "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_45l16_349",
34
- "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_45l16_349",
35
- "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_45l16_354",
36
- "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_45l16_354",
37
- "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_45l16_354",
38
- "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_45l16_359",
39
- "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_45l16_359",
40
- "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_45l16_364",
41
- "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_45l16_364",
42
- "container-body": "awsui_container-body_xjuzf_45l16_370",
43
- "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_45l16_410",
44
- "container-body-size-small": "awsui_container-body-size-small_xjuzf_45l16_415",
45
- "fixed-width": "awsui_fixed-width_xjuzf_45l16_418",
46
- "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_45l16_422",
47
- "container-body-size-large": "awsui_container-body-size-large_xjuzf_45l16_429",
48
- "container-arrow": "awsui_container-arrow_xjuzf_45l16_349",
49
- "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_45l16_479",
50
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_45l16_1",
51
- "refresh": "awsui_refresh_xjuzf_45l16_537",
52
- "root": "awsui_root_xjuzf_45l16_559",
53
- "no-wrap": "awsui_no-wrap_xjuzf_45l16_591",
54
- "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_45l16_594",
55
- "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_45l16_594",
56
- "trigger-type-text": "awsui_trigger-type-text_xjuzf_45l16_594",
57
- "root-filtering-token": "awsui_root-filtering-token_xjuzf_45l16_616",
58
- "trigger": "awsui_trigger_xjuzf_45l16_594",
59
- "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_45l16_703",
60
- "popover-inline-content": "awsui_popover-inline-content_xjuzf_45l16_707",
61
- "hover-area": "awsui_hover-area_xjuzf_45l16_711"
5
+ "arrow": "awsui_arrow_xjuzf_38kom_153",
6
+ "arrow-outer": "awsui_arrow-outer_xjuzf_38kom_157",
7
+ "arrow-inner": "awsui_arrow-inner_xjuzf_38kom_157",
8
+ "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_38kom_199",
9
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_38kom_199",
10
+ "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_38kom_202",
11
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_38kom_202",
12
+ "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_38kom_205",
13
+ "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_38kom_205",
14
+ "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_38kom_205",
15
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_38kom_205",
16
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_38kom_208",
17
+ "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_38kom_208",
18
+ "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_38kom_208",
19
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_38kom_208",
20
+ "arrow-variant-info": "awsui_arrow-variant-info_xjuzf_38kom_212",
21
+ "body": "awsui_body_xjuzf_38kom_227",
22
+ "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_38kom_263",
23
+ "body-variant-chart": "awsui_body-variant-chart_xjuzf_38kom_266",
24
+ "has-dismiss": "awsui_has-dismiss_xjuzf_38kom_271",
25
+ "dismiss": "awsui_dismiss_xjuzf_38kom_276",
26
+ "dismiss-control": "awsui_dismiss-control_xjuzf_38kom_284",
27
+ "header-row": "awsui_header-row_xjuzf_38kom_288",
28
+ "header": "awsui_header_xjuzf_38kom_288",
29
+ "content": "awsui_content_xjuzf_38kom_317",
30
+ "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_38kom_326",
31
+ "container": "awsui_container_xjuzf_38kom_338",
32
+ "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_38kom_349",
33
+ "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_38kom_349",
34
+ "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_38kom_349",
35
+ "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_38kom_354",
36
+ "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_38kom_354",
37
+ "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_38kom_354",
38
+ "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_38kom_359",
39
+ "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_38kom_359",
40
+ "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_38kom_364",
41
+ "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_38kom_364",
42
+ "container-body": "awsui_container-body_xjuzf_38kom_370",
43
+ "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_38kom_410",
44
+ "container-body-size-small": "awsui_container-body-size-small_xjuzf_38kom_415",
45
+ "fixed-width": "awsui_fixed-width_xjuzf_38kom_418",
46
+ "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_38kom_422",
47
+ "container-body-size-large": "awsui_container-body-size-large_xjuzf_38kom_429",
48
+ "container-arrow": "awsui_container-arrow_xjuzf_38kom_349",
49
+ "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_38kom_479",
50
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_38kom_1",
51
+ "refresh": "awsui_refresh_xjuzf_38kom_537",
52
+ "root": "awsui_root_xjuzf_38kom_559",
53
+ "no-wrap": "awsui_no-wrap_xjuzf_38kom_591",
54
+ "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_38kom_594",
55
+ "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_38kom_594",
56
+ "trigger-type-text": "awsui_trigger-type-text_xjuzf_38kom_594",
57
+ "root-filtering-token": "awsui_root-filtering-token_xjuzf_38kom_616",
58
+ "trigger": "awsui_trigger_xjuzf_38kom_594",
59
+ "in-inline-token": "awsui_in-inline-token_xjuzf_38kom_658",
60
+ "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_38kom_706",
61
+ "popover-inline-content": "awsui_popover-inline-content_xjuzf_38kom_710",
62
+ "hover-area": "awsui_hover-area_xjuzf_38kom_714"
62
63
  };
63
64
 
package/token/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"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;AAQ1C,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,eAiIpB;AAED,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/token/internal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,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,eAmIpB;AAED,eAAe,aAAa,CAAC"}
package/token/internal.js CHANGED
@@ -5,6 +5,7 @@ import clsx from 'clsx';
5
5
  import { useResizeObserver, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';
6
6
  import { getBaseProps } from '../internal/base-component';
7
7
  import Option from '../internal/components/option';
8
+ import { TokenInlineContext } from '../internal/context/token-inline-context';
8
9
  import LiveRegion from '../live-region/internal';
9
10
  import Tooltip from '../tooltip/internal.js';
10
11
  import DismissButton from './dismiss-button';
@@ -67,22 +68,23 @@ __internalRootRef, ...restProps }) {
67
68
  };
68
69
  // Use span for inline tokens (e.g. inside contentEditable) to avoid block-level elements breaking text flow.
69
70
  const SpanOrDivTag = isInline ? 'span' : 'div';
70
- return (React.createElement(SpanOrDivTag, { ...baseProps, ref: __internalRootRef, className: clsx(styles.root, legacyTestingStyles.token, testUtilStyles.root, !isInline ? styles['token-normal'] : styles['token-inline'], analyticsSelectors.token, baseProps.className), "aria-label": ariaLabel, "aria-labelledby": !ariaLabel ? ariaLabelledbyId : undefined, "aria-disabled": !!disabled, role: role !== null && role !== void 0 ? role : 'group', onFocus: () => {
71
- setShowTooltip(true);
72
- }, onBlur: () => {
73
- setShowTooltip(false);
74
- }, onMouseEnter: () => {
75
- setShowTooltip(true);
76
- }, onMouseLeave: () => {
77
- setShowTooltip(false);
78
- }, tabIndex: !!tooltipContent && isInline && isEllipsisActive ? 0 : undefined },
79
- React.createElement(SpanOrDivTag, { 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']), style: tokenRootStyleProps },
80
- React.createElement(Option, { className: clsx(isInline && styles['token-option-inline']), triggerVariant: isInline, option: buildOptionDefinition(), disableTitleTooltip: !!tooltipContent, labelContainerRef: labelContainerRef, labelRef: labelRef, labelId: ariaLabelledbyId }),
81
- onDismiss && (React.createElement(DismissButton, { disabled: disabled, dismissLabel: dismissLabel, onDismiss: onDismiss, readOnly: readOnly, inline: isInline }))),
82
- !!tooltipContent && isInline && isEllipsisActive && showTooltip && (React.createElement(Tooltip, { "data-testid": "token-tooltip", getTrack: () => labelContainerRef.current, content: React.createElement(LiveRegion, null,
83
- React.createElement("span", { "data-testid": "tooltip-live-region-content" }, tooltipContent)), onEscape: () => {
71
+ return (React.createElement(TokenInlineContext.Provider, { value: { isInlineToken: isInline } },
72
+ React.createElement(SpanOrDivTag, { ...baseProps, ref: __internalRootRef, className: clsx(styles.root, legacyTestingStyles.token, testUtilStyles.root, !isInline ? styles['token-normal'] : styles['token-inline'], analyticsSelectors.token, baseProps.className), "aria-label": ariaLabel, "aria-labelledby": !ariaLabel ? ariaLabelledbyId : undefined, "aria-disabled": !!disabled, role: role !== null && role !== void 0 ? role : 'group', onFocus: () => {
73
+ setShowTooltip(true);
74
+ }, onBlur: () => {
84
75
  setShowTooltip(false);
85
- } }))));
76
+ }, onMouseEnter: () => {
77
+ setShowTooltip(true);
78
+ }, onMouseLeave: () => {
79
+ setShowTooltip(false);
80
+ }, tabIndex: !!tooltipContent && isInline && isEllipsisActive ? 0 : undefined },
81
+ React.createElement(SpanOrDivTag, { 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']), style: tokenRootStyleProps },
82
+ React.createElement(Option, { className: clsx(isInline && styles['token-option-inline']), triggerVariant: isInline, option: buildOptionDefinition(), disableTitleTooltip: !!tooltipContent, labelContainerRef: labelContainerRef, labelRef: labelRef, labelId: ariaLabelledbyId }),
83
+ onDismiss && (React.createElement(DismissButton, { disabled: disabled, dismissLabel: dismissLabel, onDismiss: onDismiss, readOnly: readOnly, inline: isInline }))),
84
+ !!tooltipContent && isInline && isEllipsisActive && showTooltip && (React.createElement(Tooltip, { "data-testid": "token-tooltip", getTrack: () => labelContainerRef.current, content: React.createElement(LiveRegion, null,
85
+ React.createElement("span", { "data-testid": "tooltip-live-region-content" }, tooltipContent)), onEscape: () => {
86
+ setShowTooltip(false);
87
+ } })))));
86
88
  }
87
89
  export default InternalToken;
88
90
  //# sourceMappingURL=internal.js.map
package/token/internal.js.map CHANGED
@@ -1 +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 { 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';\nimport { getTokenRootStyles } from './styles';\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 tokenRootStyleProps = getTokenRootStyles(restProps.style);\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 // Use span for inline tokens (e.g. inside contentEditable) to avoid block-level elements breaking text flow.\n const SpanOrDivTag = isInline ? 'span' : 'div';\n\n return (\n <SpanOrDivTag\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 <SpanOrDivTag\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 style={tokenRootStyleProps}\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 </SpanOrDivTag>\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 </SpanOrDivTag>\n );\n}\n\nexport default InternalToken;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/token/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzG,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAE9E,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,mBAAmB,MAAM,8BAA8B,CAAC;AAC/D,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAQ1D,SAAS,aAAa,CAAC;AACrB,WAAW;AACX,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,cAAc;AAEd,WAAW;AACX,IAAI,EACJ,mBAAmB;AAEnB,OAAO;AACP,iBAAiB,EACjB,GAAG,SAAS,EACO;IACnB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,iBAAiB,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ,CAAC;IACtC,MAAM,gBAAgB,GAAG,WAAW,EAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;QACtC,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,CAAC;QAEjD,IAAI,YAAY,IAAI,cAAc,EAAE,CAAC;YACnC,OAAO,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC;QAC/D,CAAC;IACH,CAAC,CAAC;IAEF,iBAAiB,CAAC,iBAAiB,EAAE,GAAG,EAAE;;QACxC,IAAI,QAAQ,EAAE,CAAC;YACb,mBAAmB,CAAC,MAAA,kBAAkB,EAAE,mCAAI,KAAK,CAAC,CAAC;QACrD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,MAAM,qBAAqB,GAAG,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;QACrF,MAAM,WAAW,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;QAE/F,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC3B,QAAQ,CAAC,OAAO,EAAE,2EAA2E,CAAC,CAAC;YACjG,CAAC;YAED,OAAO;gBACL,GAAG,WAAW;gBACd,QAAQ;gBACR,YAAY,EAAE,IAAI,IAAI,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,IAAG,IAAI,CAAQ;aAC/F,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,GAAG,WAAW;gBACd,QAAQ;gBACR,QAAQ;gBACR,WAAW;gBACX,IAAI;gBACJ,YAAY,EAAE,IAAI,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ;aAClE,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,6GAA6G;IAC7G,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/C,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE;QAC7D,oBAAC,YAAY,OACP,SAAS,EACb,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,mBAAmB,CAAC,KAAK,EACzB,cAAc,CAAC,IAAI,EACnB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAC3D,kBAAkB,CAAC,KAAK,EACxB,SAAS,CAAC,SAAS,CACpB,gBACW,SAAS,qBACJ,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,mBAC3C,CAAC,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,OAAO,EACrB,OAAO,EAAE,GAAG,EAAE;gBACZ,cAAc,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gBACX,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,cAAc,IAAI,QAAQ,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YAE1E,oBAAC,YAAY,IACX,SAAS,EAAE,IAAI,CACb,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAC5D,QAAQ,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACxC,QAAQ,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACxC,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,2BAA2B,CAAC,EAC9D,mBAAmB,IAAI,MAAM,CAAC,iBAAiB,CAAC,CACjD,EACD,KAAK,EAAE,mBAAmB;gBAE1B,oBAAC,MAAM,IACL,SAAS,EAAE,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAC1D,cAAc,EAAE,QAAQ,EACxB,MAAM,EAAE,qBAAqB,EAAE,EAC/B,mBAAmB,EAAE,CAAC,CAAC,cAAc,EACrC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,gBAAgB,GACzB;gBACD,SAAS,IAAI,CACZ,oBAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,QAAQ,GAChB,CACH,CACY;YACd,CAAC,CAAC,cAAc,IAAI,QAAQ,IAAI,gBAAgB,IAAI,WAAW,IAAI,CAClE,oBAAC,OAAO,mBACM,eAAe,EAC3B,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EACzC,OAAO,EACL,oBAAC,UAAU;oBACT,6CAAkB,6BAA6B,IAAE,cAAc,CAAQ,CAC5D,EAEf,QAAQ,EAAE,GAAG,EAAE;oBACb,cAAc,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC,GACD,CACH,CACY,CACa,CAC/B,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC","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 { TokenInlineContext } from '../internal/context/token-inline-context';\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';\nimport { getTokenRootStyles } from './styles';\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 tokenRootStyleProps = getTokenRootStyles(restProps.style);\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 // Use span for inline tokens (e.g. inside contentEditable) to avoid block-level elements breaking text flow.\n const SpanOrDivTag = isInline ? 'span' : 'div';\n\n return (\n <TokenInlineContext.Provider value={{ isInlineToken: isInline }}>\n <SpanOrDivTag\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 <SpanOrDivTag\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 style={tokenRootStyleProps}\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 </SpanOrDivTag>\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 </SpanOrDivTag>\n </TokenInlineContext.Provider>\n );\n}\n\nexport default InternalToken;\n"]}