@cloudscape-design/components-themeable 3.0.954 → 3.0.956
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.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/popover/container.scss +48 -0
- package/lib/internal/scss/top-navigation/styles.scss +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js +4 -10
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js.map +1 -1
- package/lib/internal/template/breadcrumb-group/item/item.d.ts.map +1 -1
- package/lib/internal/template/breadcrumb-group/item/item.js +9 -18
- package/lib/internal/template/breadcrumb-group/item/item.js.map +1 -1
- package/lib/internal/template/code-editor/resizable-box/index.d.ts.map +1 -1
- package/lib/internal/template/code-editor/resizable-box/index.js +2 -0
- package/lib/internal/template/code-editor/resizable-box/index.js.map +1 -1
- package/lib/internal/template/internal/components/autosuggest-input/index.js +1 -1
- package/lib/internal/template/internal/components/autosuggest-input/index.js.map +1 -1
- package/lib/internal/template/internal/components/dropdown-footer/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/dropdown-footer/index.js +2 -2
- package/lib/internal/template/internal/components/dropdown-footer/index.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/package.json +1 -2
- package/lib/internal/template/popover/styles.css.js +54 -54
- package/lib/internal/template/popover/styles.scoped.css +101 -77
- package/lib/internal/template/popover/styles.selectors.js +54 -54
- package/lib/internal/template/slider/internal.d.ts.map +1 -1
- package/lib/internal/template/slider/internal.js +48 -47
- package/lib/internal/template/slider/internal.js.map +1 -1
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +66 -65
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/package.json +1 -1
- package/lib/internal/template/internal/components/tooltip/registry.d.ts +0 -4
- package/lib/internal/template/internal/components/tooltip/registry.d.ts.map +0 -1
- package/lib/internal/template/internal/components/tooltip/registry.js +0 -28
- package/lib/internal/template/internal/components/tooltip/registry.js.map +0 -1
|
@@ -2,59 +2,59 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"arrow": "
|
|
6
|
-
"arrow-outer": "awsui_arrow-
|
|
7
|
-
"arrow-inner": "awsui_arrow-
|
|
8
|
-
"arrow-position-right-top": "awsui_arrow-position-right-
|
|
9
|
-
"arrow-position-right-bottom": "awsui_arrow-position-right-
|
|
10
|
-
"arrow-position-left-top": "awsui_arrow-position-left-
|
|
11
|
-
"arrow-position-left-bottom": "awsui_arrow-position-left-
|
|
12
|
-
"arrow-position-top-center": "awsui_arrow-position-top-
|
|
13
|
-
"arrow-position-top-right": "awsui_arrow-position-top-
|
|
14
|
-
"arrow-position-top-left": "awsui_arrow-position-top-
|
|
15
|
-
"arrow-position-top-responsive": "awsui_arrow-position-top-
|
|
16
|
-
"arrow-position-bottom-center": "awsui_arrow-position-bottom-
|
|
17
|
-
"arrow-position-bottom-right": "awsui_arrow-position-bottom-
|
|
18
|
-
"arrow-position-bottom-left": "awsui_arrow-position-bottom-
|
|
19
|
-
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-
|
|
20
|
-
"body": "
|
|
21
|
-
"body-overflow-visible": "awsui_body-overflow-
|
|
22
|
-
"has-dismiss": "awsui_has-
|
|
23
|
-
"dismiss": "
|
|
24
|
-
"dismiss-control": "awsui_dismiss-
|
|
25
|
-
"header-row": "awsui_header-
|
|
26
|
-
"header": "
|
|
27
|
-
"content": "
|
|
28
|
-
"content-overflow-visible": "awsui_content-overflow-
|
|
29
|
-
"container": "
|
|
30
|
-
"container-
|
|
31
|
-
"container-
|
|
32
|
-
"container-
|
|
33
|
-
"
|
|
34
|
-
"container-
|
|
35
|
-
"container-
|
|
36
|
-
"container-arrow": "awsui_container-
|
|
37
|
-
"container-arrow-position-right-
|
|
38
|
-
"container-arrow-position-
|
|
39
|
-
"container-arrow-position-left-
|
|
40
|
-
"container-
|
|
41
|
-
"container-
|
|
42
|
-
"container-
|
|
43
|
-
"
|
|
44
|
-
"container-
|
|
45
|
-
"container-
|
|
46
|
-
"container-arrow
|
|
47
|
-
"container-arrow-position-
|
|
48
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
49
|
-
"refresh": "
|
|
50
|
-
"root": "
|
|
51
|
-
"no-wrap": "awsui_no-
|
|
52
|
-
"root-filtering-token": "awsui_root-filtering-
|
|
53
|
-
"trigger": "
|
|
54
|
-
"overflow-ellipsis": "awsui_overflow-
|
|
55
|
-
"trigger-type-text-inline": "awsui_trigger-type-text-
|
|
56
|
-
"trigger-type-text": "awsui_trigger-type-
|
|
57
|
-
"trigger-type-filtering-token": "awsui_trigger-type-filtering-
|
|
58
|
-
"popover-inline-content": "awsui_popover-inline-
|
|
5
|
+
"arrow": "awsui_arrow_xjuzf_1q42r_289",
|
|
6
|
+
"arrow-outer": "awsui_arrow-outer_xjuzf_1q42r_293",
|
|
7
|
+
"arrow-inner": "awsui_arrow-inner_xjuzf_1q42r_293",
|
|
8
|
+
"arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1q42r_335",
|
|
9
|
+
"arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1q42r_335",
|
|
10
|
+
"arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1q42r_338",
|
|
11
|
+
"arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1q42r_338",
|
|
12
|
+
"arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1q42r_341",
|
|
13
|
+
"arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1q42r_341",
|
|
14
|
+
"arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1q42r_341",
|
|
15
|
+
"arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1q42r_341",
|
|
16
|
+
"arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1q42r_344",
|
|
17
|
+
"arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1q42r_344",
|
|
18
|
+
"arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1q42r_344",
|
|
19
|
+
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1q42r_344",
|
|
20
|
+
"body": "awsui_body_xjuzf_1q42r_492",
|
|
21
|
+
"body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1q42r_528",
|
|
22
|
+
"has-dismiss": "awsui_has-dismiss_xjuzf_1q42r_532",
|
|
23
|
+
"dismiss": "awsui_dismiss_xjuzf_1q42r_537",
|
|
24
|
+
"dismiss-control": "awsui_dismiss-control_xjuzf_1q42r_545",
|
|
25
|
+
"header-row": "awsui_header-row_xjuzf_1q42r_549",
|
|
26
|
+
"header": "awsui_header_xjuzf_1q42r_549",
|
|
27
|
+
"content": "awsui_content_xjuzf_1q42r_574",
|
|
28
|
+
"content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1q42r_582",
|
|
29
|
+
"container": "awsui_container_xjuzf_1q42r_730",
|
|
30
|
+
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1q42r_741",
|
|
31
|
+
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1q42r_741",
|
|
32
|
+
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1q42r_741",
|
|
33
|
+
"container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1q42r_746",
|
|
34
|
+
"container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1q42r_746",
|
|
35
|
+
"container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1q42r_746",
|
|
36
|
+
"container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1q42r_751",
|
|
37
|
+
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1q42r_751",
|
|
38
|
+
"container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1q42r_756",
|
|
39
|
+
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1q42r_756",
|
|
40
|
+
"container-body": "awsui_container-body_xjuzf_1q42r_762",
|
|
41
|
+
"container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1q42r_802",
|
|
42
|
+
"container-body-size-small": "awsui_container-body-size-small_xjuzf_1q42r_807",
|
|
43
|
+
"fixed-width": "awsui_fixed-width_xjuzf_1q42r_810",
|
|
44
|
+
"container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1q42r_814",
|
|
45
|
+
"container-body-size-large": "awsui_container-body-size-large_xjuzf_1q42r_821",
|
|
46
|
+
"container-arrow": "awsui_container-arrow_xjuzf_1q42r_741",
|
|
47
|
+
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1q42r_871",
|
|
48
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1q42r_1",
|
|
49
|
+
"refresh": "awsui_refresh_xjuzf_1q42r_1065",
|
|
50
|
+
"root": "awsui_root_xjuzf_1q42r_1087",
|
|
51
|
+
"no-wrap": "awsui_no-wrap_xjuzf_1q42r_1119",
|
|
52
|
+
"root-filtering-token": "awsui_root-filtering-token_xjuzf_1q42r_1123",
|
|
53
|
+
"trigger": "awsui_trigger_xjuzf_1q42r_1127",
|
|
54
|
+
"overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_1q42r_1134",
|
|
55
|
+
"trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_1q42r_1142",
|
|
56
|
+
"trigger-type-text": "awsui_trigger-type-text_xjuzf_1q42r_1142",
|
|
57
|
+
"trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_1q42r_1210",
|
|
58
|
+
"popover-inline-content": "awsui_popover-inline-content_xjuzf_1q42r_1214"
|
|
59
59
|
};
|
|
60
60
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/slider/internal.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAc9C,UAAU,mBAAoB,SAAQ,WAAW,EAAE,0BAA0B;CAAG;AAEhF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/slider/internal.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAc9C,UAAU,mBAAoB,SAAQ,WAAW,EAAE,0BAA0B;CAAG;AAEhF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,mBAAmB,eAgNrB"}
|
|
@@ -75,58 +75,59 @@ export default function InternalSlider(_a) {
|
|
|
75
75
|
};
|
|
76
76
|
const thumbSize = readOnly ? THUMB_READONLY_SIZE : THUMB_SIZE;
|
|
77
77
|
return (React.createElement("div", Object.assign({}, baseProps, { ref: __internalRootRef, className: clsx(baseProps.className, styles.root) }),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
React.createElement("div", { className: clsx(styles['slider-track'], {
|
|
86
|
-
[styles.disabled]: disabled,
|
|
78
|
+
React.createElement("div", { onMouseEnter: () => {
|
|
79
|
+
setShowTooltip(true);
|
|
80
|
+
}, onMouseLeave: () => {
|
|
81
|
+
setShowTooltip(false);
|
|
82
|
+
} },
|
|
83
|
+
showTooltip && (React.createElement(Tooltip, { value: valueFormatter ? valueFormatter(sliderValue) : sliderValue, trackRef: handleRef, onDismiss: () => setShowTooltip(false) })),
|
|
84
|
+
React.createElement("div", { ref: handleRef, className: clsx(styles['tooltip-thumb'], {
|
|
87
85
|
[styles.readonly]: readOnly,
|
|
88
|
-
})
|
|
89
|
-
|
|
86
|
+
}), style: {
|
|
87
|
+
[customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${thumbSize}px)`,
|
|
88
|
+
} }),
|
|
89
|
+
React.createElement("div", { className: styles.slider },
|
|
90
|
+
React.createElement("div", { className: clsx(styles['slider-track'], {
|
|
91
|
+
[styles.disabled]: disabled,
|
|
92
|
+
[styles.readonly]: readOnly,
|
|
93
|
+
}) }),
|
|
94
|
+
!hideFillLine && (React.createElement("div", { className: clsx(styles['slider-range'], {
|
|
95
|
+
[styles.error]: invalid,
|
|
96
|
+
[styles.warning]: showWarning,
|
|
97
|
+
[styles.active]: isActive,
|
|
98
|
+
[styles['error-active']]: invalid && isActive,
|
|
99
|
+
[styles['warning-active']]: showWarning && isActive,
|
|
100
|
+
[styles.disabled]: disabled,
|
|
101
|
+
[styles.readonly]: readOnly,
|
|
102
|
+
}), style: { [customCssProps.sliderRangeInlineSize]: `${percent}%` } }))),
|
|
103
|
+
!!step && tickMarks && (React.createElement(SliderTickMarks, { hideFillLine: hideFillLine, disabled: disabled, readOnly: readOnly, invalid: invalid, warning: warning, isActive: isActive, step: step, min: min, max: max, value: sliderValue })),
|
|
104
|
+
React.createElement("input", {
|
|
105
|
+
// we need to add this because input[type=range] isn't natively focusable in Safari.
|
|
106
|
+
tabIndex: 0, "aria-label": ariaLabel, "aria-labelledby": ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby, "aria-describedby": valueFormatter ? (ariaDescribedby ? `${labelsId} ${ariaDescribedby}` : labelsId) : ariaDescribedby, "aria-valuetext": getAriaValueText(), "aria-invalid": invalid ? 'true' : undefined, "aria-disabled": readOnly && !disabled ? 'true' : undefined, id: controlId, type: "range", min: min, max: max, disabled: disabled, onFocus: () => {
|
|
107
|
+
setShowTooltip(true);
|
|
108
|
+
setIsActive(true);
|
|
109
|
+
}, onBlur: () => {
|
|
110
|
+
setShowTooltip(false);
|
|
111
|
+
setIsActive(false);
|
|
112
|
+
}, onTouchStart: () => {
|
|
113
|
+
setShowTooltip(true);
|
|
114
|
+
setIsActive(true);
|
|
115
|
+
}, onTouchEnd: () => {
|
|
116
|
+
setShowTooltip(false);
|
|
117
|
+
setIsActive(false);
|
|
118
|
+
}, step: step, value: sliderValue, onChange: event => {
|
|
119
|
+
if (readOnly) {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
fireNonCancelableEvent(onChange, { value: Number(event.target.value) });
|
|
123
|
+
}, className: clsx(styles.thumb, {
|
|
90
124
|
[styles.error]: invalid,
|
|
91
125
|
[styles.warning]: showWarning,
|
|
92
|
-
[styles.active]: isActive,
|
|
93
|
-
[styles['error-active']]: invalid && isActive,
|
|
94
|
-
[styles['warning-active']]: showWarning && isActive,
|
|
95
126
|
[styles.disabled]: disabled,
|
|
96
127
|
[styles.readonly]: readOnly,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
// we need to add this because input[type=range] isn't natively focusable in Safari.
|
|
101
|
-
tabIndex: 0, "aria-label": ariaLabel, "aria-labelledby": ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby, "aria-describedby": valueFormatter ? (ariaDescribedby ? `${labelsId} ${ariaDescribedby}` : labelsId) : ariaDescribedby, "aria-valuetext": getAriaValueText(), "aria-invalid": invalid ? 'true' : undefined, "aria-disabled": readOnly && !disabled ? 'true' : undefined, id: controlId, type: "range", min: min, max: max, disabled: disabled, onFocus: () => {
|
|
102
|
-
setShowTooltip(true);
|
|
103
|
-
setIsActive(true);
|
|
104
|
-
}, onBlur: () => {
|
|
105
|
-
setShowTooltip(false);
|
|
106
|
-
setIsActive(false);
|
|
107
|
-
}, onMouseEnter: () => {
|
|
108
|
-
setShowTooltip(true);
|
|
109
|
-
}, onMouseLeave: () => {
|
|
110
|
-
setShowTooltip(false);
|
|
111
|
-
}, onTouchStart: () => {
|
|
112
|
-
setShowTooltip(true);
|
|
113
|
-
setIsActive(true);
|
|
114
|
-
}, onTouchEnd: () => {
|
|
115
|
-
setShowTooltip(false);
|
|
116
|
-
setIsActive(false);
|
|
117
|
-
}, step: step, value: sliderValue, onChange: event => {
|
|
118
|
-
if (readOnly) {
|
|
119
|
-
return;
|
|
120
|
-
}
|
|
121
|
-
onChange && fireNonCancelableEvent(onChange, { value: Number(event.target.value) });
|
|
122
|
-
}, className: clsx(styles.thumb, {
|
|
123
|
-
[styles.error]: invalid,
|
|
124
|
-
[styles.warning]: showWarning,
|
|
125
|
-
[styles.disabled]: disabled,
|
|
126
|
-
[styles.readonly]: readOnly,
|
|
127
|
-
[styles.min]: sliderValue <= min || max < min,
|
|
128
|
-
[styles.max]: sliderValue >= max && min < max,
|
|
129
|
-
}) }),
|
|
128
|
+
[styles.min]: sliderValue <= min || max < min,
|
|
129
|
+
[styles.max]: sliderValue >= max && min < max,
|
|
130
|
+
}) })),
|
|
130
131
|
React.createElement(SliderLabels, { min: min, max: max, referenceValues: referenceValues, valueFormatter: valueFormatter, labelsId: labelsId, ariaDescription: ariaDescription })));
|
|
131
132
|
}
|
|
132
133
|
//# sourceMappingURL=internal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/slider/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context.js';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport { SliderProps } from './interfaces.js';\nimport SliderLabels from './slider-labels.js';\nimport SliderTickMarks from './tick-marks.js';\nimport {\n findLowerAndHigherValues,\n getPercent,\n getStepArray,\n THUMB_READONLY_SIZE,\n THUMB_SIZE,\n valuesAreValid,\n} from './utils.js';\n\nimport styles from './styles.css.js';\n\ninterface InternalSliderProps extends SliderProps, InternalBaseComponentProps {}\n\nexport default function InternalSlider({\n value,\n min,\n max,\n onChange,\n step,\n disabled,\n readOnly,\n ariaLabel,\n ariaDescription,\n referenceValues,\n tickMarks,\n hideFillLine,\n valueFormatter,\n i18nStrings,\n __internalRootRef = null,\n ...rest\n}: InternalSliderProps) {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('slider');\n\n const handleRef = useRef<HTMLDivElement>(null);\n const [showTooltip, setShowTooltip] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const labelsId = useUniqueId('labels');\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n const showWarning = warning && !invalid;\n\n if (referenceValues && valuesAreValid(referenceValues) === false) {\n warnOnce('Slider', 'All reference values must be integers. Non-integer values will not be displayed.');\n }\n\n if (min >= max) {\n warnOnce('Slider', 'The min value cannot be greater than the max value.');\n }\n\n if (step && step > max - min) {\n warnOnce('Slider', 'The step value cannot be greater than the difference between the min and max.');\n }\n\n if (step && value !== undefined && (value - min) % step !== 0) {\n warnOnce('Slider', 'Slider value must be a multiple of the step. The value will round to the nearest step value.');\n }\n\n const getValue = () => {\n const stepIsValid = step && step < max - min && step > min;\n\n if (value === undefined) {\n // this is the default html input's fallback value\n return max < min ? min : min + (max - min) / 2;\n }\n\n if (!step) {\n return value;\n }\n\n // if the value is not a multiple of the step, then find the closest step\n // and make that the value (this is also the native input behavior)\n if (step && stepIsValid && (value - min) % step !== 0) {\n const closest = getStepArray(step, [min, max]).reduce(function (prev, curr) {\n return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;\n });\n\n return closest;\n }\n\n return value;\n };\n\n const sliderValue = getValue();\n const percent = getPercent(Math.max(Math.min(sliderValue, max), min), [min, max]);\n\n const getAriaValueText = () => {\n if (valueFormatter && valueFormatter(sliderValue)) {\n return valueFormatter(sliderValue);\n }\n\n if (valueFormatter && !valueFormatter(sliderValue)) {\n const middleValues = referenceValues ? referenceValues : [];\n const valueArray = [min, ...middleValues, sliderValue, max];\n const prevAndNext = findLowerAndHigherValues(valueArray, sliderValue);\n const previousValue = prevAndNext.lower ? valueFormatter(prevAndNext.lower) : valueFormatter(min);\n const nextValue = prevAndNext.higher ? valueFormatter(prevAndNext.higher) : valueFormatter(max);\n const value = sliderValue;\n\n return i18n('i18nStrings.valueTextRange', i18nStrings?.valueTextRange(previousValue, value, nextValue), format =>\n format({ value, previousValue, nextValue })\n );\n }\n\n return undefined;\n };\n\n const thumbSize = readOnly ? THUMB_READONLY_SIZE : THUMB_SIZE;\n\n return (\n <div {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root)}>\n {showTooltip && (\n <Tooltip\n value={valueFormatter ? valueFormatter(sliderValue) : sliderValue}\n trackRef={handleRef}\n onDismiss={() => setShowTooltip(false)}\n />\n )}\n <div\n ref={handleRef}\n className={clsx(styles['tooltip-thumb'], {\n [styles.readonly]: readOnly,\n })}\n style={{\n [customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${thumbSize}px)`,\n }}\n />\n <div className={styles.slider}>\n <div\n className={clsx(styles['slider-track'], {\n [styles.disabled]: disabled,\n [styles.readonly]: readOnly,\n })}\n />\n\n {!hideFillLine && (\n <div\n className={clsx(styles['slider-range'], {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.active]: isActive,\n [styles['error-active']]: invalid && isActive,\n [styles['warning-active']]: showWarning && isActive,\n [styles.disabled]: disabled,\n [styles.readonly]: readOnly,\n })}\n style={{ [customCssProps.sliderRangeInlineSize]: `${percent}%` }}\n />\n )}\n </div>\n {!!step && tickMarks && (\n <SliderTickMarks\n hideFillLine={hideFillLine}\n disabled={disabled}\n readOnly={readOnly}\n invalid={invalid}\n warning={warning}\n isActive={isActive}\n step={step}\n min={min}\n max={max}\n value={sliderValue}\n />\n )}\n\n <input\n // we need to add this because input[type=range] isn't natively focusable in Safari.\n tabIndex={0}\n aria-label={ariaLabel}\n // aria-labelledby has precedence over aria-label in accessible name calculation.\n // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n aria-labelledby={ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby}\n // Slider labels, if present and something other than numbers, should be associated to the input with aria-describedby\n aria-describedby={\n valueFormatter ? (ariaDescribedby ? `${labelsId} ${ariaDescribedby}` : labelsId) : ariaDescribedby\n }\n aria-valuetext={getAriaValueText()}\n aria-invalid={invalid ? 'true' : undefined}\n aria-disabled={readOnly && !disabled ? 'true' : undefined}\n id={controlId}\n type=\"range\"\n min={min}\n max={max}\n disabled={disabled}\n onFocus={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onBlur={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n onMouseEnter={() => {\n setShowTooltip(true);\n }}\n onMouseLeave={() => {\n setShowTooltip(false);\n }}\n onTouchStart={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onTouchEnd={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n step={step}\n value={sliderValue}\n onChange={event => {\n if (readOnly) {\n return;\n }\n\n onChange && fireNonCancelableEvent(onChange, { value: Number(event.target.value) });\n }}\n className={clsx(styles.thumb, {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.disabled]: disabled,\n [styles.readonly]: readOnly,\n [styles.min]: sliderValue <= min || max < min,\n [styles.max]: sliderValue >= max && min < max,\n })}\n />\n\n <SliderLabels\n min={min}\n max={max}\n referenceValues={referenceValues}\n valueFormatter={valueFormatter}\n labelsId={labelsId}\n ariaDescription={ariaDescription}\n />\n </div>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/slider/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context.js';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport { SliderProps } from './interfaces.js';\nimport SliderLabels from './slider-labels.js';\nimport SliderTickMarks from './tick-marks.js';\nimport {\n findLowerAndHigherValues,\n getPercent,\n getStepArray,\n THUMB_READONLY_SIZE,\n THUMB_SIZE,\n valuesAreValid,\n} from './utils.js';\n\nimport styles from './styles.css.js';\n\ninterface InternalSliderProps extends SliderProps, InternalBaseComponentProps {}\n\nexport default function InternalSlider({\n value,\n min,\n max,\n onChange,\n step,\n disabled,\n readOnly,\n ariaLabel,\n ariaDescription,\n referenceValues,\n tickMarks,\n hideFillLine,\n valueFormatter,\n i18nStrings,\n __internalRootRef = null,\n ...rest\n}: InternalSliderProps) {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('slider');\n\n const handleRef = useRef<HTMLDivElement>(null);\n const [showTooltip, setShowTooltip] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const labelsId = useUniqueId('labels');\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n const showWarning = warning && !invalid;\n\n if (referenceValues && valuesAreValid(referenceValues) === false) {\n warnOnce('Slider', 'All reference values must be integers. Non-integer values will not be displayed.');\n }\n\n if (min >= max) {\n warnOnce('Slider', 'The min value cannot be greater than the max value.');\n }\n\n if (step && step > max - min) {\n warnOnce('Slider', 'The step value cannot be greater than the difference between the min and max.');\n }\n\n if (step && value !== undefined && (value - min) % step !== 0) {\n warnOnce('Slider', 'Slider value must be a multiple of the step. The value will round to the nearest step value.');\n }\n\n const getValue = () => {\n const stepIsValid = step && step < max - min && step > min;\n\n if (value === undefined) {\n // this is the default html input's fallback value\n return max < min ? min : min + (max - min) / 2;\n }\n\n if (!step) {\n return value;\n }\n\n // if the value is not a multiple of the step, then find the closest step\n // and make that the value (this is also the native input behavior)\n if (step && stepIsValid && (value - min) % step !== 0) {\n const closest = getStepArray(step, [min, max]).reduce(function (prev, curr) {\n return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;\n });\n\n return closest;\n }\n\n return value;\n };\n\n const sliderValue = getValue();\n const percent = getPercent(Math.max(Math.min(sliderValue, max), min), [min, max]);\n\n const getAriaValueText = () => {\n if (valueFormatter && valueFormatter(sliderValue)) {\n return valueFormatter(sliderValue);\n }\n\n if (valueFormatter && !valueFormatter(sliderValue)) {\n const middleValues = referenceValues ? referenceValues : [];\n const valueArray = [min, ...middleValues, sliderValue, max];\n const prevAndNext = findLowerAndHigherValues(valueArray, sliderValue);\n const previousValue = prevAndNext.lower ? valueFormatter(prevAndNext.lower) : valueFormatter(min);\n const nextValue = prevAndNext.higher ? valueFormatter(prevAndNext.higher) : valueFormatter(max);\n const value = sliderValue;\n\n return i18n('i18nStrings.valueTextRange', i18nStrings?.valueTextRange(previousValue, value, nextValue), format =>\n format({ value, previousValue, nextValue })\n );\n }\n\n return undefined;\n };\n\n const thumbSize = readOnly ? THUMB_READONLY_SIZE : THUMB_SIZE;\n\n return (\n <div {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root)}>\n <div\n onMouseEnter={() => {\n setShowTooltip(true);\n }}\n onMouseLeave={() => {\n setShowTooltip(false);\n }}\n >\n {showTooltip && (\n <Tooltip\n value={valueFormatter ? valueFormatter(sliderValue) : sliderValue}\n trackRef={handleRef}\n onDismiss={() => setShowTooltip(false)}\n />\n )}\n <div\n ref={handleRef}\n className={clsx(styles['tooltip-thumb'], {\n [styles.readonly]: readOnly,\n })}\n style={{\n [customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${thumbSize}px)`,\n }}\n />\n <div className={styles.slider}>\n <div\n className={clsx(styles['slider-track'], {\n [styles.disabled]: disabled,\n [styles.readonly]: readOnly,\n })}\n />\n\n {!hideFillLine && (\n <div\n className={clsx(styles['slider-range'], {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.active]: isActive,\n [styles['error-active']]: invalid && isActive,\n [styles['warning-active']]: showWarning && isActive,\n [styles.disabled]: disabled,\n [styles.readonly]: readOnly,\n })}\n style={{ [customCssProps.sliderRangeInlineSize]: `${percent}%` }}\n />\n )}\n </div>\n {!!step && tickMarks && (\n <SliderTickMarks\n hideFillLine={hideFillLine}\n disabled={disabled}\n readOnly={readOnly}\n invalid={invalid}\n warning={warning}\n isActive={isActive}\n step={step}\n min={min}\n max={max}\n value={sliderValue}\n />\n )}\n\n <input\n // we need to add this because input[type=range] isn't natively focusable in Safari.\n tabIndex={0}\n aria-label={ariaLabel}\n // aria-labelledby has precedence over aria-label in accessible name calculation.\n // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n aria-labelledby={ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby}\n // Slider labels, if present and something other than numbers, should be associated to the input with aria-describedby\n aria-describedby={\n valueFormatter ? (ariaDescribedby ? `${labelsId} ${ariaDescribedby}` : labelsId) : ariaDescribedby\n }\n aria-valuetext={getAriaValueText()}\n aria-invalid={invalid ? 'true' : undefined}\n aria-disabled={readOnly && !disabled ? 'true' : undefined}\n id={controlId}\n type=\"range\"\n min={min}\n max={max}\n disabled={disabled}\n onFocus={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onBlur={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n onTouchStart={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onTouchEnd={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n step={step}\n value={sliderValue}\n onChange={event => {\n if (readOnly) {\n return;\n }\n fireNonCancelableEvent(onChange, { value: Number(event.target.value) });\n }}\n className={clsx(styles.thumb, {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.disabled]: disabled,\n [styles.readonly]: readOnly,\n [styles.min]: sliderValue <= min || max < min,\n [styles.max]: sliderValue >= max && min < max,\n })}\n />\n </div>\n\n <SliderLabels\n min={min}\n max={max}\n referenceValues={referenceValues}\n valueFormatter={valueFormatter}\n labelsId={labelsId}\n ariaDescription={ariaDescription}\n />\n </div>\n );\n}\n"]}
|
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"top-navigation": "awsui_top-
|
|
5
|
-
"padding-box": "awsui_padding-
|
|
6
|
-
"medium": "
|
|
7
|
-
"narrow": "
|
|
8
|
-
"virtual": "
|
|
9
|
-
"hidden": "
|
|
10
|
-
"\t": "awsui_\
|
|
11
|
-
"identity": "
|
|
12
|
-
"identity-link": "awsui_identity-
|
|
13
|
-
"no-logo": "awsui_no-
|
|
14
|
-
"logo": "
|
|
15
|
-
"title": "
|
|
16
|
-
"inputs": "
|
|
17
|
-
"search": "
|
|
18
|
-
"search-expanded": "awsui_search-
|
|
19
|
-
"utilities": "
|
|
20
|
-
"utility-wrapper": "awsui_utility-
|
|
21
|
-
"utility-type-button-link": "awsui_utility-type-button-
|
|
22
|
-
"utility-type-menu-dropdown": "awsui_utility-type-menu-
|
|
23
|
-
"utility-type-button-primary-button": "awsui_utility-type-button-primary-
|
|
24
|
-
"utility-link-icon": "awsui_utility-link-
|
|
25
|
-
"utility-button-external-icon": "awsui_utility-button-external-
|
|
26
|
-
"offset-right-none": "awsui_offset-right-
|
|
27
|
-
"offset-right-l": "awsui_offset-right-
|
|
28
|
-
"offset-right-xxl": "awsui_offset-right-
|
|
29
|
-
"overflow-menu-drawer": "awsui_overflow-menu-
|
|
30
|
-
"overflow-menu": "awsui_overflow-
|
|
31
|
-
"overflow-menu-header": "awsui_overflow-menu-
|
|
32
|
-
"overflow-menu-header-text": "awsui_overflow-menu-header-
|
|
33
|
-
"overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--
|
|
34
|
-
"overflow-menu-header-text--title": "awsui_overflow-menu-header-text--
|
|
35
|
-
"overflow-menu-back-button": "awsui_overflow-menu-back-
|
|
36
|
-
"overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-
|
|
37
|
-
"overflow-menu-control": "awsui_overflow-menu-
|
|
38
|
-
"overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-
|
|
39
|
-
"overflow-menu-control-link": "awsui_overflow-menu-control-
|
|
40
|
-
"overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-
|
|
41
|
-
"overflow-menu-list": "awsui_overflow-menu-
|
|
42
|
-
"overflow-menu-list-submenu": "awsui_overflow-menu-list-
|
|
43
|
-
"overflow-menu-list-item": "awsui_overflow-menu-list-
|
|
44
|
-
"overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-
|
|
45
|
-
"overflow-menu-list-item-text": "awsui_overflow-menu-list-item-
|
|
46
|
-
"overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-
|
|
47
|
-
"overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-
|
|
48
|
-
"overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-
|
|
49
|
-
"icon": "
|
|
50
|
-
"icon-open": "awsui_icon-
|
|
4
|
+
"top-navigation": "awsui_top-navigation_k5dlb_pyvh1_145",
|
|
5
|
+
"padding-box": "awsui_padding-box_k5dlb_pyvh1_178",
|
|
6
|
+
"medium": "awsui_medium_k5dlb_pyvh1_188",
|
|
7
|
+
"narrow": "awsui_narrow_k5dlb_pyvh1_188",
|
|
8
|
+
"virtual": "awsui_virtual_k5dlb_pyvh1_199",
|
|
9
|
+
"hidden": "awsui_hidden_k5dlb_pyvh1_203",
|
|
10
|
+
"\t": "awsui_\t_k5dlb_pyvh1_1",
|
|
11
|
+
"identity": "awsui_identity_k5dlb_pyvh1_215",
|
|
12
|
+
"identity-link": "awsui_identity-link_k5dlb_pyvh1_218",
|
|
13
|
+
"no-logo": "awsui_no-logo_k5dlb_pyvh1_238",
|
|
14
|
+
"logo": "awsui_logo_k5dlb_pyvh1_242",
|
|
15
|
+
"title": "awsui_title_k5dlb_pyvh1_254",
|
|
16
|
+
"inputs": "awsui_inputs_k5dlb_pyvh1_269",
|
|
17
|
+
"search": "awsui_search_k5dlb_pyvh1_277",
|
|
18
|
+
"search-expanded": "awsui_search-expanded_k5dlb_pyvh1_281",
|
|
19
|
+
"utilities": "awsui_utilities_k5dlb_pyvh1_285",
|
|
20
|
+
"utility-wrapper": "awsui_utility-wrapper_k5dlb_pyvh1_296",
|
|
21
|
+
"utility-type-button-link": "awsui_utility-type-button-link_k5dlb_pyvh1_317",
|
|
22
|
+
"utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_pyvh1_322",
|
|
23
|
+
"utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_pyvh1_331",
|
|
24
|
+
"utility-link-icon": "awsui_utility-link-icon_k5dlb_pyvh1_339",
|
|
25
|
+
"utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_pyvh1_343",
|
|
26
|
+
"offset-right-none": "awsui_offset-right-none_k5dlb_pyvh1_347",
|
|
27
|
+
"offset-right-l": "awsui_offset-right-l_k5dlb_pyvh1_351",
|
|
28
|
+
"offset-right-xxl": "awsui_offset-right-xxl_k5dlb_pyvh1_355",
|
|
29
|
+
"overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_pyvh1_360",
|
|
30
|
+
"overflow-menu": "awsui_overflow-menu_k5dlb_pyvh1_360",
|
|
31
|
+
"overflow-menu-header": "awsui_overflow-menu-header_k5dlb_pyvh1_401",
|
|
32
|
+
"overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_pyvh1_409",
|
|
33
|
+
"overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_pyvh1_421",
|
|
34
|
+
"overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_pyvh1_427",
|
|
35
|
+
"overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_pyvh1_431",
|
|
36
|
+
"overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_pyvh1_435",
|
|
37
|
+
"overflow-menu-control": "awsui_overflow-menu-control_k5dlb_pyvh1_439",
|
|
38
|
+
"overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_pyvh1_477",
|
|
39
|
+
"overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_pyvh1_485",
|
|
40
|
+
"overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pyvh1_488",
|
|
41
|
+
"overflow-menu-list": "awsui_overflow-menu-list_k5dlb_pyvh1_477",
|
|
42
|
+
"overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_pyvh1_524",
|
|
43
|
+
"overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_pyvh1_477",
|
|
44
|
+
"overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_pyvh1_533",
|
|
45
|
+
"overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_pyvh1_536",
|
|
46
|
+
"overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_pyvh1_545",
|
|
47
|
+
"overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_pyvh1_551",
|
|
48
|
+
"overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_pyvh1_555",
|
|
49
|
+
"icon": "awsui_icon_k5dlb_pyvh1_560",
|
|
50
|
+
"icon-open": "awsui_icon-open_k5dlb_pyvh1_574"
|
|
51
51
|
};
|
|
52
52
|
|