@react-spectrum/progress 3.1.5 → 3.1.6
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/dist/main.js +166 -166
- package/dist/module.js +147 -147
- package/package.json +7 -7
package/dist/main.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
require("./main.css");
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
2
|
+
var $cIANI$reactspectrumutils = require("@react-spectrum/utils");
|
|
3
|
+
var $cIANI$react = require("react");
|
|
4
|
+
var $cIANI$reactariaprogress = require("@react-aria/progress");
|
|
5
|
+
var $cIANI$reactariautils = require("@react-aria/utils");
|
|
6
6
|
|
|
7
7
|
function $parcel$exportWildcard(dest, source) {
|
|
8
8
|
Object.keys(source).forEach(function(key) {
|
|
@@ -26,68 +26,68 @@ function $parcel$interopDefault(a) {
|
|
|
26
26
|
function $parcel$export(e, n, v, s) {
|
|
27
27
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
28
28
|
}
|
|
29
|
-
var $
|
|
30
|
-
|
|
31
|
-
$parcel$export($
|
|
32
|
-
|
|
33
|
-
var $
|
|
34
|
-
|
|
35
|
-
$parcel$export($
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
var $
|
|
40
|
-
|
|
41
|
-
$parcel$export($
|
|
42
|
-
$parcel$export($
|
|
43
|
-
$parcel$export($
|
|
44
|
-
$parcel$export($
|
|
45
|
-
$parcel$export($
|
|
46
|
-
$parcel$export($
|
|
47
|
-
$parcel$export($
|
|
48
|
-
$parcel$export($
|
|
49
|
-
$parcel$export($
|
|
50
|
-
$parcel$export($
|
|
51
|
-
$parcel$export($
|
|
52
|
-
$parcel$export($
|
|
53
|
-
$parcel$export($
|
|
54
|
-
$parcel$export($
|
|
55
|
-
var $
|
|
56
|
-
var $
|
|
57
|
-
var $
|
|
58
|
-
var $
|
|
59
|
-
var $
|
|
60
|
-
var $
|
|
61
|
-
var $
|
|
62
|
-
var $
|
|
63
|
-
var $
|
|
64
|
-
var $
|
|
65
|
-
var $
|
|
66
|
-
var $
|
|
67
|
-
var $
|
|
68
|
-
var $
|
|
69
|
-
$
|
|
70
|
-
$
|
|
71
|
-
$
|
|
72
|
-
$
|
|
73
|
-
$
|
|
74
|
-
$
|
|
75
|
-
$
|
|
76
|
-
$
|
|
77
|
-
$
|
|
78
|
-
$
|
|
79
|
-
$
|
|
80
|
-
$
|
|
81
|
-
$
|
|
82
|
-
$
|
|
29
|
+
var $08d0cdc7f7a792a7$exports = {};
|
|
30
|
+
|
|
31
|
+
$parcel$export($08d0cdc7f7a792a7$exports, "ProgressBar", () => $08d0cdc7f7a792a7$export$c17561cb55d4db30);
|
|
32
|
+
|
|
33
|
+
var $3d86ae6a9356cc8a$exports = {};
|
|
34
|
+
|
|
35
|
+
$parcel$export($3d86ae6a9356cc8a$exports, "ProgressBarBase", () => $3d86ae6a9356cc8a$export$7c6ed87244065f3a);
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
var $9f78a6c009f32d0a$exports = {};
|
|
40
|
+
|
|
41
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader", () => $9f78a6c009f32d0a$export$162ba336fb0c239f, (v) => $9f78a6c009f32d0a$export$162ba336fb0c239f = v);
|
|
42
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader--indeterminate", () => $9f78a6c009f32d0a$export$1249dfbb98223794, (v) => $9f78a6c009f32d0a$export$1249dfbb98223794 = v);
|
|
43
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader--sideLabel", () => $9f78a6c009f32d0a$export$99af8802cc2a10dc, (v) => $9f78a6c009f32d0a$export$99af8802cc2a10dc = v);
|
|
44
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader-track", () => $9f78a6c009f32d0a$export$3e2e13fb57b5c74b, (v) => $9f78a6c009f32d0a$export$3e2e13fb57b5c74b = v);
|
|
45
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader-fill", () => $9f78a6c009f32d0a$export$84c9ee7bc724b71b, (v) => $9f78a6c009f32d0a$export$84c9ee7bc724b71b = v);
|
|
46
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader-label", () => $9f78a6c009f32d0a$export$5379ba198163be86, (v) => $9f78a6c009f32d0a$export$5379ba198163be86 = v);
|
|
47
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader-percentage", () => $9f78a6c009f32d0a$export$ecc9c825de9d1a18, (v) => $9f78a6c009f32d0a$export$ecc9c825de9d1a18 = v);
|
|
48
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader--small", () => $9f78a6c009f32d0a$export$b945305960ad74a7, (v) => $9f78a6c009f32d0a$export$b945305960ad74a7 = v);
|
|
49
|
+
$parcel$export($9f78a6c009f32d0a$exports, "indeterminate-loop-ltr", () => $9f78a6c009f32d0a$export$a889038a25113dd4, (v) => $9f78a6c009f32d0a$export$a889038a25113dd4 = v);
|
|
50
|
+
$parcel$export($9f78a6c009f32d0a$exports, "indeterminate-loop-rtl", () => $9f78a6c009f32d0a$export$aeff243cf3356f00, (v) => $9f78a6c009f32d0a$export$aeff243cf3356f00 = v);
|
|
51
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader--overBackground", () => $9f78a6c009f32d0a$export$55612d0bd9b5d41, (v) => $9f78a6c009f32d0a$export$55612d0bd9b5d41 = v);
|
|
52
|
+
$parcel$export($9f78a6c009f32d0a$exports, "is-positive", () => $9f78a6c009f32d0a$export$aea9fd919467f03a, (v) => $9f78a6c009f32d0a$export$aea9fd919467f03a = v);
|
|
53
|
+
$parcel$export($9f78a6c009f32d0a$exports, "is-warning", () => $9f78a6c009f32d0a$export$d4ebda6218901908, (v) => $9f78a6c009f32d0a$export$d4ebda6218901908 = v);
|
|
54
|
+
$parcel$export($9f78a6c009f32d0a$exports, "is-critical", () => $9f78a6c009f32d0a$export$a1f608a9810da50f, (v) => $9f78a6c009f32d0a$export$a1f608a9810da50f = v);
|
|
55
|
+
var $9f78a6c009f32d0a$export$162ba336fb0c239f;
|
|
56
|
+
var $9f78a6c009f32d0a$export$1249dfbb98223794;
|
|
57
|
+
var $9f78a6c009f32d0a$export$99af8802cc2a10dc;
|
|
58
|
+
var $9f78a6c009f32d0a$export$3e2e13fb57b5c74b;
|
|
59
|
+
var $9f78a6c009f32d0a$export$84c9ee7bc724b71b;
|
|
60
|
+
var $9f78a6c009f32d0a$export$5379ba198163be86;
|
|
61
|
+
var $9f78a6c009f32d0a$export$ecc9c825de9d1a18;
|
|
62
|
+
var $9f78a6c009f32d0a$export$b945305960ad74a7;
|
|
63
|
+
var $9f78a6c009f32d0a$export$a889038a25113dd4;
|
|
64
|
+
var $9f78a6c009f32d0a$export$aeff243cf3356f00;
|
|
65
|
+
var $9f78a6c009f32d0a$export$55612d0bd9b5d41;
|
|
66
|
+
var $9f78a6c009f32d0a$export$aea9fd919467f03a;
|
|
67
|
+
var $9f78a6c009f32d0a$export$d4ebda6218901908;
|
|
68
|
+
var $9f78a6c009f32d0a$export$a1f608a9810da50f;
|
|
69
|
+
$9f78a6c009f32d0a$export$162ba336fb0c239f = "spectrum-BarLoader_48541f";
|
|
70
|
+
$9f78a6c009f32d0a$export$1249dfbb98223794 = "spectrum-BarLoader--indeterminate_48541f";
|
|
71
|
+
$9f78a6c009f32d0a$export$99af8802cc2a10dc = "spectrum-BarLoader--sideLabel_48541f";
|
|
72
|
+
$9f78a6c009f32d0a$export$3e2e13fb57b5c74b = "spectrum-BarLoader-track_48541f";
|
|
73
|
+
$9f78a6c009f32d0a$export$84c9ee7bc724b71b = "spectrum-BarLoader-fill_48541f";
|
|
74
|
+
$9f78a6c009f32d0a$export$5379ba198163be86 = "spectrum-BarLoader-label_48541f";
|
|
75
|
+
$9f78a6c009f32d0a$export$ecc9c825de9d1a18 = "spectrum-BarLoader-percentage_48541f";
|
|
76
|
+
$9f78a6c009f32d0a$export$b945305960ad74a7 = "spectrum-BarLoader--small_48541f";
|
|
77
|
+
$9f78a6c009f32d0a$export$a889038a25113dd4 = "indeterminate-loop-ltr_48541f";
|
|
78
|
+
$9f78a6c009f32d0a$export$aeff243cf3356f00 = "indeterminate-loop-rtl_48541f";
|
|
79
|
+
$9f78a6c009f32d0a$export$55612d0bd9b5d41 = "spectrum-BarLoader--overBackground_48541f";
|
|
80
|
+
$9f78a6c009f32d0a$export$aea9fd919467f03a = "is-positive_48541f";
|
|
81
|
+
$9f78a6c009f32d0a$export$d4ebda6218901908 = "is-warning_48541f";
|
|
82
|
+
$9f78a6c009f32d0a$export$a1f608a9810da50f = "is-critical_48541f";
|
|
83
83
|
|
|
84
84
|
|
|
85
85
|
// Base ProgressBar component shared with Meter.
|
|
86
|
-
function $
|
|
86
|
+
function $3d86ae6a9356cc8a$var$ProgressBarBase(props, ref) {
|
|
87
87
|
let { value: value = 0 , minValue: minValue = 0 , maxValue: maxValue = 100 , size: size = 'L' , label: label , barClassName: barClassName , showValueLabel: showValueLabel = !!label , labelPosition: labelPosition = 'top' , isIndeterminate: isIndeterminate = false , barProps: barProps , labelProps: labelProps , 'aria-label': ariaLabel , 'aria-labelledby': ariaLabelledby , ...otherProps } = props;
|
|
88
|
-
let domRef = $
|
|
89
|
-
let { styleProps: styleProps } = $
|
|
90
|
-
value = $
|
|
88
|
+
let domRef = $cIANI$reactspectrumutils.useDOMRef(ref);
|
|
89
|
+
let { styleProps: styleProps } = $cIANI$reactspectrumutils.useStyleProps(otherProps);
|
|
90
|
+
value = $cIANI$reactariautils.clamp(value, minValue, maxValue);
|
|
91
91
|
let barStyle = {
|
|
92
92
|
};
|
|
93
93
|
if (!isIndeterminate) {
|
|
@@ -98,10 +98,10 @@ function $1cc35e540e34a0ed$var$ProgressBarBase(props, ref) {
|
|
|
98
98
|
// are not supported in ProgressCircle which shares that hook...
|
|
99
99
|
if (!label && !ariaLabel && !ariaLabelledby) console.warn('If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility');
|
|
100
100
|
// use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files
|
|
101
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
101
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
102
102
|
...barProps,
|
|
103
103
|
ref: domRef,
|
|
104
|
-
className: $
|
|
104
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9f78a6c009f32d0a$exports)), 'spectrum-BarLoader', {
|
|
105
105
|
'spectrum-BarLoader--small': size === 'S',
|
|
106
106
|
'spectrum-BarLoader--large': size === 'L',
|
|
107
107
|
'spectrum-BarLoader--indeterminate': isIndeterminate,
|
|
@@ -111,33 +111,33 @@ function $1cc35e540e34a0ed$var$ProgressBarBase(props, ref) {
|
|
|
111
111
|
minWidth: '-moz-fit-content',
|
|
112
112
|
...styleProps.style
|
|
113
113
|
}
|
|
114
|
-
}, label && /*#__PURE__*/ ($parcel$interopDefault($
|
|
114
|
+
}, label && /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("span", {
|
|
115
115
|
...labelProps,
|
|
116
|
-
className: $
|
|
117
|
-
}, label), showValueLabel && /*#__PURE__*/ ($parcel$interopDefault($
|
|
118
|
-
className: $
|
|
119
|
-
}, barProps['aria-valuetext']), /*#__PURE__*/ ($parcel$interopDefault($
|
|
120
|
-
className: $
|
|
121
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
122
|
-
className: $
|
|
116
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9f78a6c009f32d0a$exports)), 'spectrum-BarLoader-label')
|
|
117
|
+
}, label), showValueLabel && /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
118
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9f78a6c009f32d0a$exports)), 'spectrum-BarLoader-percentage')
|
|
119
|
+
}, barProps['aria-valuetext']), /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
120
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9f78a6c009f32d0a$exports)), 'spectrum-BarLoader-track')
|
|
121
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
122
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9f78a6c009f32d0a$exports)), 'spectrum-BarLoader-fill'),
|
|
123
123
|
style: barStyle
|
|
124
124
|
}))));
|
|
125
125
|
}
|
|
126
|
-
let $
|
|
126
|
+
let $3d86ae6a9356cc8a$export$7c6ed87244065f3a = /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).forwardRef($3d86ae6a9356cc8a$var$ProgressBarBase);
|
|
127
127
|
|
|
128
128
|
|
|
129
129
|
|
|
130
130
|
|
|
131
131
|
|
|
132
|
-
function $
|
|
132
|
+
function $08d0cdc7f7a792a7$var$ProgressBar(props, ref) {
|
|
133
133
|
let { variant: variant , ...otherProps } = props;
|
|
134
|
-
const { progressBarProps: progressBarProps , labelProps: labelProps } = $
|
|
135
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
134
|
+
const { progressBarProps: progressBarProps , labelProps: labelProps } = $cIANI$reactariaprogress.useProgressBar(props);
|
|
135
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement($3d86ae6a9356cc8a$export$7c6ed87244065f3a, {
|
|
136
136
|
...otherProps,
|
|
137
137
|
ref: ref,
|
|
138
138
|
barProps: progressBarProps,
|
|
139
139
|
labelProps: labelProps,
|
|
140
|
-
barClassName: $
|
|
140
|
+
barClassName: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9f78a6c009f32d0a$exports)), {
|
|
141
141
|
'spectrum-BarLoader--overBackground': variant === 'overBackground'
|
|
142
142
|
})
|
|
143
143
|
}));
|
|
@@ -145,74 +145,74 @@ function $ff181d31a42753ef$var$ProgressBar(props, ref) {
|
|
|
145
145
|
/**
|
|
146
146
|
* ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
|
|
147
147
|
* They can represent either determinate or indeterminate progress.
|
|
148
|
-
*/ let $
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
var $
|
|
152
|
-
|
|
153
|
-
$parcel$export($
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
var $
|
|
158
|
-
|
|
159
|
-
$parcel$export($
|
|
160
|
-
$parcel$export($
|
|
161
|
-
$parcel$export($
|
|
162
|
-
$parcel$export($
|
|
163
|
-
$parcel$export($
|
|
164
|
-
$parcel$export($
|
|
165
|
-
$parcel$export($
|
|
166
|
-
$parcel$export($
|
|
167
|
-
$parcel$export($
|
|
168
|
-
$parcel$export($
|
|
169
|
-
$parcel$export($
|
|
170
|
-
$parcel$export($
|
|
171
|
-
$parcel$export($
|
|
172
|
-
$parcel$export($
|
|
173
|
-
$parcel$export($
|
|
174
|
-
$parcel$export($
|
|
175
|
-
var $
|
|
176
|
-
var $
|
|
177
|
-
var $
|
|
178
|
-
var $
|
|
179
|
-
var $
|
|
180
|
-
var $
|
|
181
|
-
var $
|
|
182
|
-
var $
|
|
183
|
-
var $
|
|
184
|
-
var $
|
|
185
|
-
var $
|
|
186
|
-
var $
|
|
187
|
-
var $
|
|
188
|
-
var $
|
|
189
|
-
var $
|
|
190
|
-
var $
|
|
191
|
-
$
|
|
192
|
-
$
|
|
193
|
-
$
|
|
194
|
-
$
|
|
195
|
-
$
|
|
196
|
-
$
|
|
197
|
-
$
|
|
198
|
-
$
|
|
199
|
-
$
|
|
200
|
-
$
|
|
201
|
-
$
|
|
202
|
-
$
|
|
203
|
-
$
|
|
204
|
-
$
|
|
205
|
-
$
|
|
206
|
-
$
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
function $
|
|
148
|
+
*/ let $08d0cdc7f7a792a7$export$c17561cb55d4db30 = /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).forwardRef($08d0cdc7f7a792a7$var$ProgressBar);
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
var $365887133501f5a1$exports = {};
|
|
152
|
+
|
|
153
|
+
$parcel$export($365887133501f5a1$exports, "ProgressCircle", () => $365887133501f5a1$export$c79b9d6b4cc92af7);
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
|
|
157
|
+
var $f4d8d13edf2d3ca2$exports = {};
|
|
158
|
+
|
|
159
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader--indeterminate-fill-submask-2", () => $f4d8d13edf2d3ca2$export$f7083dbeadcbb2bd, (v) => $f4d8d13edf2d3ca2$export$f7083dbeadcbb2bd = v);
|
|
160
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-fill-mask-2", () => $f4d8d13edf2d3ca2$export$7219832bea80eb54, (v) => $f4d8d13edf2d3ca2$export$7219832bea80eb54 = v);
|
|
161
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader", () => $f4d8d13edf2d3ca2$export$9633d311d6d6830b, (v) => $f4d8d13edf2d3ca2$export$9633d311d6d6830b = v);
|
|
162
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-track", () => $f4d8d13edf2d3ca2$export$278efdb85ed802da, (v) => $f4d8d13edf2d3ca2$export$278efdb85ed802da = v);
|
|
163
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fills", () => $f4d8d13edf2d3ca2$export$3038f4c0c86f539b, (v) => $f4d8d13edf2d3ca2$export$3038f4c0c86f539b = v);
|
|
164
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fill", () => $f4d8d13edf2d3ca2$export$58fb9ac68cf8e784, (v) => $f4d8d13edf2d3ca2$export$58fb9ac68cf8e784 = v);
|
|
165
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fillMask1", () => $f4d8d13edf2d3ca2$export$b676cd958401a736, (v) => $f4d8d13edf2d3ca2$export$b676cd958401a736 = v);
|
|
166
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fillMask2", () => $f4d8d13edf2d3ca2$export$8c428f4f13e424b, (v) => $f4d8d13edf2d3ca2$export$8c428f4f13e424b = v);
|
|
167
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fillSubMask1", () => $f4d8d13edf2d3ca2$export$98ba5ef650aeb8ca, (v) => $f4d8d13edf2d3ca2$export$98ba5ef650aeb8ca = v);
|
|
168
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fillSubMask2", () => $f4d8d13edf2d3ca2$export$dc70b48c897b0f1a, (v) => $f4d8d13edf2d3ca2$export$dc70b48c897b0f1a = v);
|
|
169
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader--small", () => $f4d8d13edf2d3ca2$export$79819ab9844dbe9b, (v) => $f4d8d13edf2d3ca2$export$79819ab9844dbe9b = v);
|
|
170
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader--large", () => $f4d8d13edf2d3ca2$export$c8c34e5e37bf511c, (v) => $f4d8d13edf2d3ca2$export$c8c34e5e37bf511c = v);
|
|
171
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader--indeterminate", () => $f4d8d13edf2d3ca2$export$79b7e5abeef5134f, (v) => $f4d8d13edf2d3ca2$export$79b7e5abeef5134f = v);
|
|
172
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-fills-rotate", () => $f4d8d13edf2d3ca2$export$3663cbdb240663ec, (v) => $f4d8d13edf2d3ca2$export$3663cbdb240663ec = v);
|
|
173
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-fill-mask-1", () => $f4d8d13edf2d3ca2$export$524c81e63e1d64f5, (v) => $f4d8d13edf2d3ca2$export$524c81e63e1d64f5 = v);
|
|
174
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader--overBackground", () => $f4d8d13edf2d3ca2$export$6668708cb539f403, (v) => $f4d8d13edf2d3ca2$export$6668708cb539f403 = v);
|
|
175
|
+
var $f4d8d13edf2d3ca2$export$f7083dbeadcbb2bd;
|
|
176
|
+
var $f4d8d13edf2d3ca2$export$7219832bea80eb54;
|
|
177
|
+
var $f4d8d13edf2d3ca2$export$9633d311d6d6830b;
|
|
178
|
+
var $f4d8d13edf2d3ca2$export$278efdb85ed802da;
|
|
179
|
+
var $f4d8d13edf2d3ca2$export$3038f4c0c86f539b;
|
|
180
|
+
var $f4d8d13edf2d3ca2$export$58fb9ac68cf8e784;
|
|
181
|
+
var $f4d8d13edf2d3ca2$export$b676cd958401a736;
|
|
182
|
+
var $f4d8d13edf2d3ca2$export$8c428f4f13e424b;
|
|
183
|
+
var $f4d8d13edf2d3ca2$export$98ba5ef650aeb8ca;
|
|
184
|
+
var $f4d8d13edf2d3ca2$export$dc70b48c897b0f1a;
|
|
185
|
+
var $f4d8d13edf2d3ca2$export$79819ab9844dbe9b;
|
|
186
|
+
var $f4d8d13edf2d3ca2$export$c8c34e5e37bf511c;
|
|
187
|
+
var $f4d8d13edf2d3ca2$export$79b7e5abeef5134f;
|
|
188
|
+
var $f4d8d13edf2d3ca2$export$3663cbdb240663ec;
|
|
189
|
+
var $f4d8d13edf2d3ca2$export$524c81e63e1d64f5;
|
|
190
|
+
var $f4d8d13edf2d3ca2$export$6668708cb539f403;
|
|
191
|
+
$f4d8d13edf2d3ca2$export$f7083dbeadcbb2bd = "spectrum-CircleLoader--indeterminate-fill-submask-2_7c1153";
|
|
192
|
+
$f4d8d13edf2d3ca2$export$7219832bea80eb54 = "spectrum-fill-mask-2_7c1153";
|
|
193
|
+
$f4d8d13edf2d3ca2$export$9633d311d6d6830b = "spectrum-CircleLoader_7c1153";
|
|
194
|
+
$f4d8d13edf2d3ca2$export$278efdb85ed802da = "spectrum-CircleLoader-track_7c1153";
|
|
195
|
+
$f4d8d13edf2d3ca2$export$3038f4c0c86f539b = "spectrum-CircleLoader-fills_7c1153";
|
|
196
|
+
$f4d8d13edf2d3ca2$export$58fb9ac68cf8e784 = "spectrum-CircleLoader-fill_7c1153";
|
|
197
|
+
$f4d8d13edf2d3ca2$export$b676cd958401a736 = "spectrum-CircleLoader-fillMask1_7c1153";
|
|
198
|
+
$f4d8d13edf2d3ca2$export$8c428f4f13e424b = "spectrum-CircleLoader-fillMask2_7c1153";
|
|
199
|
+
$f4d8d13edf2d3ca2$export$98ba5ef650aeb8ca = "spectrum-CircleLoader-fillSubMask1_7c1153";
|
|
200
|
+
$f4d8d13edf2d3ca2$export$dc70b48c897b0f1a = "spectrum-CircleLoader-fillSubMask2_7c1153";
|
|
201
|
+
$f4d8d13edf2d3ca2$export$79819ab9844dbe9b = "spectrum-CircleLoader--small_7c1153";
|
|
202
|
+
$f4d8d13edf2d3ca2$export$c8c34e5e37bf511c = "spectrum-CircleLoader--large_7c1153";
|
|
203
|
+
$f4d8d13edf2d3ca2$export$79b7e5abeef5134f = "spectrum-CircleLoader--indeterminate_7c1153";
|
|
204
|
+
$f4d8d13edf2d3ca2$export$3663cbdb240663ec = "spectrum-fills-rotate_7c1153";
|
|
205
|
+
$f4d8d13edf2d3ca2$export$524c81e63e1d64f5 = "spectrum-fill-mask-1_7c1153";
|
|
206
|
+
$f4d8d13edf2d3ca2$export$6668708cb539f403 = "spectrum-CircleLoader--overBackground_7c1153";
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
function $365887133501f5a1$var$ProgressCircle(props, ref) {
|
|
211
211
|
let { value: value = 0 , minValue: minValue = 0 , maxValue: maxValue = 100 , size: size = 'M' , variant: variant , isIndeterminate: isIndeterminate = false , 'aria-label': ariaLabel , 'aria-labelledby': ariaLabelledby , ...otherProps } = props;
|
|
212
|
-
let domRef = $
|
|
213
|
-
let { styleProps: styleProps } = $
|
|
214
|
-
value = $
|
|
215
|
-
let { progressBarProps: progressBarProps } = $
|
|
212
|
+
let domRef = $cIANI$reactspectrumutils.useDOMRef(ref);
|
|
213
|
+
let { styleProps: styleProps } = $cIANI$reactspectrumutils.useStyleProps(otherProps);
|
|
214
|
+
value = $cIANI$reactariautils.clamp(value, minValue, maxValue);
|
|
215
|
+
let { progressBarProps: progressBarProps } = $cIANI$reactariaprogress.useProgressBar({
|
|
216
216
|
...props,
|
|
217
217
|
value: value
|
|
218
218
|
});
|
|
@@ -234,48 +234,48 @@ function $664aaeb1d439259c$var$ProgressCircle(props, ref) {
|
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
236
|
if (!ariaLabel && !ariaLabelledby) console.warn('ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility');
|
|
237
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
237
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
238
238
|
...styleProps,
|
|
239
239
|
...progressBarProps,
|
|
240
240
|
ref: domRef,
|
|
241
|
-
className: $
|
|
241
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f4d8d13edf2d3ca2$exports)), 'spectrum-CircleLoader', {
|
|
242
242
|
'spectrum-CircleLoader--indeterminate': isIndeterminate,
|
|
243
243
|
'spectrum-CircleLoader--small': size === 'S',
|
|
244
244
|
'spectrum-CircleLoader--large': size === 'L',
|
|
245
245
|
'spectrum-CircleLoader--overBackground': variant === 'overBackground'
|
|
246
246
|
}, styleProps.className)
|
|
247
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
248
|
-
className: $
|
|
249
|
-
}), /*#__PURE__*/ ($parcel$interopDefault($
|
|
250
|
-
className: $
|
|
251
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
252
|
-
className: $
|
|
253
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
254
|
-
className: $
|
|
247
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
248
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f4d8d13edf2d3ca2$exports)), 'spectrum-CircleLoader-track')
|
|
249
|
+
}), /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
250
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f4d8d13edf2d3ca2$exports)), 'spectrum-CircleLoader-fills')
|
|
251
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
252
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f4d8d13edf2d3ca2$exports)), 'spectrum-CircleLoader-fillMask1')
|
|
253
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
254
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f4d8d13edf2d3ca2$exports)), 'spectrum-CircleLoader-fillSubMask1'),
|
|
255
255
|
"data-testid": "fillSubMask1",
|
|
256
256
|
style: subMask1Style
|
|
257
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
258
|
-
className: $
|
|
259
|
-
}))), /*#__PURE__*/ ($parcel$interopDefault($
|
|
260
|
-
className: $
|
|
261
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
262
|
-
className: $
|
|
257
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
258
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f4d8d13edf2d3ca2$exports)), 'spectrum-CircleLoader-fill')
|
|
259
|
+
}))), /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
260
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f4d8d13edf2d3ca2$exports)), 'spectrum-CircleLoader-fillMask2')
|
|
261
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
262
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f4d8d13edf2d3ca2$exports)), 'spectrum-CircleLoader-fillSubMask2'),
|
|
263
263
|
"data-testid": "fillSubMask2",
|
|
264
264
|
style: subMask2Style
|
|
265
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
266
|
-
className: $
|
|
265
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).createElement("div", {
|
|
266
|
+
className: $cIANI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f4d8d13edf2d3ca2$exports)), 'spectrum-CircleLoader-fill')
|
|
267
267
|
}))))));
|
|
268
268
|
}
|
|
269
269
|
/**
|
|
270
270
|
* ProgressCircles show the progression of a system operation such as downloading, uploading, processing, etc. in a visual way.
|
|
271
271
|
* They can represent determinate or indeterminate progress.
|
|
272
|
-
*/ let $
|
|
272
|
+
*/ let $365887133501f5a1$export$c79b9d6b4cc92af7 = /*#__PURE__*/ ($parcel$interopDefault($cIANI$react)).forwardRef($365887133501f5a1$var$ProgressCircle);
|
|
273
273
|
|
|
274
274
|
|
|
275
275
|
|
|
276
|
-
$parcel$exportWildcard(module.exports, $
|
|
277
|
-
$parcel$exportWildcard(module.exports, $
|
|
278
|
-
$parcel$exportWildcard(module.exports, $
|
|
276
|
+
$parcel$exportWildcard(module.exports, $08d0cdc7f7a792a7$exports);
|
|
277
|
+
$parcel$exportWildcard(module.exports, $365887133501f5a1$exports);
|
|
278
|
+
$parcel$exportWildcard(module.exports, $3d86ae6a9356cc8a$exports);
|
|
279
279
|
|
|
280
280
|
|
|
281
281
|
//# sourceMappingURL=main.js.map
|
package/dist/module.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "./main.css";
|
|
2
|
-
import {classNames as $
|
|
3
|
-
import $
|
|
4
|
-
import {useProgressBar as $
|
|
5
|
-
import {clamp as $
|
|
2
|
+
import {classNames as $joUWQ$classNames, useDOMRef as $joUWQ$useDOMRef, useStyleProps as $joUWQ$useStyleProps} from "@react-spectrum/utils";
|
|
3
|
+
import $joUWQ$react from "react";
|
|
4
|
+
import {useProgressBar as $joUWQ$useProgressBar} from "@react-aria/progress";
|
|
5
|
+
import {clamp as $joUWQ$clamp} from "@react-aria/utils";
|
|
6
6
|
|
|
7
7
|
function $parcel$interopDefault(a) {
|
|
8
8
|
return a && a.__esModule ? a.default : a;
|
|
@@ -10,68 +10,68 @@ function $parcel$interopDefault(a) {
|
|
|
10
10
|
function $parcel$export(e, n, v, s) {
|
|
11
11
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
12
12
|
}
|
|
13
|
-
var $
|
|
13
|
+
var $551ca31cb687f352$exports = {};
|
|
14
14
|
|
|
15
|
-
$parcel$export($
|
|
15
|
+
$parcel$export($551ca31cb687f352$exports, "ProgressBar", () => $551ca31cb687f352$export$c17561cb55d4db30);
|
|
16
16
|
|
|
17
|
-
var $
|
|
17
|
+
var $ddf9337e928b5fe6$exports = {};
|
|
18
18
|
|
|
19
|
-
$parcel$export($
|
|
19
|
+
$parcel$export($ddf9337e928b5fe6$exports, "ProgressBarBase", () => $ddf9337e928b5fe6$export$7c6ed87244065f3a);
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
var $
|
|
23
|
+
var $a43f840f49ffbe32$exports = {};
|
|
24
24
|
|
|
25
|
-
$parcel$export($
|
|
26
|
-
$parcel$export($
|
|
27
|
-
$parcel$export($
|
|
28
|
-
$parcel$export($
|
|
29
|
-
$parcel$export($
|
|
30
|
-
$parcel$export($
|
|
31
|
-
$parcel$export($
|
|
32
|
-
$parcel$export($
|
|
33
|
-
$parcel$export($
|
|
34
|
-
$parcel$export($
|
|
35
|
-
$parcel$export($
|
|
36
|
-
$parcel$export($
|
|
37
|
-
$parcel$export($
|
|
38
|
-
$parcel$export($
|
|
39
|
-
var $
|
|
40
|
-
var $
|
|
41
|
-
var $
|
|
42
|
-
var $
|
|
43
|
-
var $
|
|
44
|
-
var $
|
|
45
|
-
var $
|
|
46
|
-
var $
|
|
47
|
-
var $
|
|
48
|
-
var $
|
|
49
|
-
var $
|
|
50
|
-
var $
|
|
51
|
-
var $
|
|
52
|
-
var $
|
|
53
|
-
$
|
|
54
|
-
$
|
|
55
|
-
$
|
|
56
|
-
$
|
|
57
|
-
$
|
|
58
|
-
$
|
|
59
|
-
$
|
|
60
|
-
$
|
|
61
|
-
$
|
|
62
|
-
$
|
|
63
|
-
$
|
|
64
|
-
$
|
|
65
|
-
$
|
|
66
|
-
$
|
|
25
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader", () => $a43f840f49ffbe32$export$162ba336fb0c239f, (v) => $a43f840f49ffbe32$export$162ba336fb0c239f = v);
|
|
26
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--indeterminate", () => $a43f840f49ffbe32$export$1249dfbb98223794, (v) => $a43f840f49ffbe32$export$1249dfbb98223794 = v);
|
|
27
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--sideLabel", () => $a43f840f49ffbe32$export$99af8802cc2a10dc, (v) => $a43f840f49ffbe32$export$99af8802cc2a10dc = v);
|
|
28
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-track", () => $a43f840f49ffbe32$export$3e2e13fb57b5c74b, (v) => $a43f840f49ffbe32$export$3e2e13fb57b5c74b = v);
|
|
29
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-fill", () => $a43f840f49ffbe32$export$84c9ee7bc724b71b, (v) => $a43f840f49ffbe32$export$84c9ee7bc724b71b = v);
|
|
30
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-label", () => $a43f840f49ffbe32$export$5379ba198163be86, (v) => $a43f840f49ffbe32$export$5379ba198163be86 = v);
|
|
31
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-percentage", () => $a43f840f49ffbe32$export$ecc9c825de9d1a18, (v) => $a43f840f49ffbe32$export$ecc9c825de9d1a18 = v);
|
|
32
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--small", () => $a43f840f49ffbe32$export$b945305960ad74a7, (v) => $a43f840f49ffbe32$export$b945305960ad74a7 = v);
|
|
33
|
+
$parcel$export($a43f840f49ffbe32$exports, "indeterminate-loop-ltr", () => $a43f840f49ffbe32$export$a889038a25113dd4, (v) => $a43f840f49ffbe32$export$a889038a25113dd4 = v);
|
|
34
|
+
$parcel$export($a43f840f49ffbe32$exports, "indeterminate-loop-rtl", () => $a43f840f49ffbe32$export$aeff243cf3356f00, (v) => $a43f840f49ffbe32$export$aeff243cf3356f00 = v);
|
|
35
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--overBackground", () => $a43f840f49ffbe32$export$55612d0bd9b5d41, (v) => $a43f840f49ffbe32$export$55612d0bd9b5d41 = v);
|
|
36
|
+
$parcel$export($a43f840f49ffbe32$exports, "is-positive", () => $a43f840f49ffbe32$export$aea9fd919467f03a, (v) => $a43f840f49ffbe32$export$aea9fd919467f03a = v);
|
|
37
|
+
$parcel$export($a43f840f49ffbe32$exports, "is-warning", () => $a43f840f49ffbe32$export$d4ebda6218901908, (v) => $a43f840f49ffbe32$export$d4ebda6218901908 = v);
|
|
38
|
+
$parcel$export($a43f840f49ffbe32$exports, "is-critical", () => $a43f840f49ffbe32$export$a1f608a9810da50f, (v) => $a43f840f49ffbe32$export$a1f608a9810da50f = v);
|
|
39
|
+
var $a43f840f49ffbe32$export$162ba336fb0c239f;
|
|
40
|
+
var $a43f840f49ffbe32$export$1249dfbb98223794;
|
|
41
|
+
var $a43f840f49ffbe32$export$99af8802cc2a10dc;
|
|
42
|
+
var $a43f840f49ffbe32$export$3e2e13fb57b5c74b;
|
|
43
|
+
var $a43f840f49ffbe32$export$84c9ee7bc724b71b;
|
|
44
|
+
var $a43f840f49ffbe32$export$5379ba198163be86;
|
|
45
|
+
var $a43f840f49ffbe32$export$ecc9c825de9d1a18;
|
|
46
|
+
var $a43f840f49ffbe32$export$b945305960ad74a7;
|
|
47
|
+
var $a43f840f49ffbe32$export$a889038a25113dd4;
|
|
48
|
+
var $a43f840f49ffbe32$export$aeff243cf3356f00;
|
|
49
|
+
var $a43f840f49ffbe32$export$55612d0bd9b5d41;
|
|
50
|
+
var $a43f840f49ffbe32$export$aea9fd919467f03a;
|
|
51
|
+
var $a43f840f49ffbe32$export$d4ebda6218901908;
|
|
52
|
+
var $a43f840f49ffbe32$export$a1f608a9810da50f;
|
|
53
|
+
$a43f840f49ffbe32$export$162ba336fb0c239f = "spectrum-BarLoader_48541f";
|
|
54
|
+
$a43f840f49ffbe32$export$1249dfbb98223794 = "spectrum-BarLoader--indeterminate_48541f";
|
|
55
|
+
$a43f840f49ffbe32$export$99af8802cc2a10dc = "spectrum-BarLoader--sideLabel_48541f";
|
|
56
|
+
$a43f840f49ffbe32$export$3e2e13fb57b5c74b = "spectrum-BarLoader-track_48541f";
|
|
57
|
+
$a43f840f49ffbe32$export$84c9ee7bc724b71b = "spectrum-BarLoader-fill_48541f";
|
|
58
|
+
$a43f840f49ffbe32$export$5379ba198163be86 = "spectrum-BarLoader-label_48541f";
|
|
59
|
+
$a43f840f49ffbe32$export$ecc9c825de9d1a18 = "spectrum-BarLoader-percentage_48541f";
|
|
60
|
+
$a43f840f49ffbe32$export$b945305960ad74a7 = "spectrum-BarLoader--small_48541f";
|
|
61
|
+
$a43f840f49ffbe32$export$a889038a25113dd4 = "indeterminate-loop-ltr_48541f";
|
|
62
|
+
$a43f840f49ffbe32$export$aeff243cf3356f00 = "indeterminate-loop-rtl_48541f";
|
|
63
|
+
$a43f840f49ffbe32$export$55612d0bd9b5d41 = "spectrum-BarLoader--overBackground_48541f";
|
|
64
|
+
$a43f840f49ffbe32$export$aea9fd919467f03a = "is-positive_48541f";
|
|
65
|
+
$a43f840f49ffbe32$export$d4ebda6218901908 = "is-warning_48541f";
|
|
66
|
+
$a43f840f49ffbe32$export$a1f608a9810da50f = "is-critical_48541f";
|
|
67
67
|
|
|
68
68
|
|
|
69
69
|
// Base ProgressBar component shared with Meter.
|
|
70
|
-
function $
|
|
70
|
+
function $ddf9337e928b5fe6$var$ProgressBarBase(props, ref) {
|
|
71
71
|
let { value: value = 0 , minValue: minValue = 0 , maxValue: maxValue = 100 , size: size = 'L' , label: label , barClassName: barClassName , showValueLabel: showValueLabel = !!label , labelPosition: labelPosition = 'top' , isIndeterminate: isIndeterminate = false , barProps: barProps , labelProps: labelProps , 'aria-label': ariaLabel , 'aria-labelledby': ariaLabelledby , ...otherProps } = props;
|
|
72
|
-
let domRef = $
|
|
73
|
-
let { styleProps: styleProps } = $
|
|
74
|
-
value = $
|
|
72
|
+
let domRef = $joUWQ$useDOMRef(ref);
|
|
73
|
+
let { styleProps: styleProps } = $joUWQ$useStyleProps(otherProps);
|
|
74
|
+
value = $joUWQ$clamp(value, minValue, maxValue);
|
|
75
75
|
let barStyle = {
|
|
76
76
|
};
|
|
77
77
|
if (!isIndeterminate) {
|
|
@@ -82,10 +82,10 @@ function $287d3431be7af3d0$var$ProgressBarBase(props, ref) {
|
|
|
82
82
|
// are not supported in ProgressCircle which shares that hook...
|
|
83
83
|
if (!label && !ariaLabel && !ariaLabelledby) console.warn('If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility');
|
|
84
84
|
// use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files
|
|
85
|
-
return(/*#__PURE__*/ $
|
|
85
|
+
return(/*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
86
86
|
...barProps,
|
|
87
87
|
ref: domRef,
|
|
88
|
-
className: $
|
|
88
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($a43f840f49ffbe32$exports)), 'spectrum-BarLoader', {
|
|
89
89
|
'spectrum-BarLoader--small': size === 'S',
|
|
90
90
|
'spectrum-BarLoader--large': size === 'L',
|
|
91
91
|
'spectrum-BarLoader--indeterminate': isIndeterminate,
|
|
@@ -95,33 +95,33 @@ function $287d3431be7af3d0$var$ProgressBarBase(props, ref) {
|
|
|
95
95
|
minWidth: '-moz-fit-content',
|
|
96
96
|
...styleProps.style
|
|
97
97
|
}
|
|
98
|
-
}, label && /*#__PURE__*/ $
|
|
98
|
+
}, label && /*#__PURE__*/ $joUWQ$react.createElement("span", {
|
|
99
99
|
...labelProps,
|
|
100
|
-
className: $
|
|
101
|
-
}, label), showValueLabel && /*#__PURE__*/ $
|
|
102
|
-
className: $
|
|
103
|
-
}, barProps['aria-valuetext']), /*#__PURE__*/ $
|
|
104
|
-
className: $
|
|
105
|
-
}, /*#__PURE__*/ $
|
|
106
|
-
className: $
|
|
100
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($a43f840f49ffbe32$exports)), 'spectrum-BarLoader-label')
|
|
101
|
+
}, label), showValueLabel && /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
102
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($a43f840f49ffbe32$exports)), 'spectrum-BarLoader-percentage')
|
|
103
|
+
}, barProps['aria-valuetext']), /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
104
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($a43f840f49ffbe32$exports)), 'spectrum-BarLoader-track')
|
|
105
|
+
}, /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
106
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($a43f840f49ffbe32$exports)), 'spectrum-BarLoader-fill'),
|
|
107
107
|
style: barStyle
|
|
108
108
|
}))));
|
|
109
109
|
}
|
|
110
|
-
let $
|
|
110
|
+
let $ddf9337e928b5fe6$export$7c6ed87244065f3a = /*#__PURE__*/ $joUWQ$react.forwardRef($ddf9337e928b5fe6$var$ProgressBarBase);
|
|
111
111
|
|
|
112
112
|
|
|
113
113
|
|
|
114
114
|
|
|
115
115
|
|
|
116
|
-
function $
|
|
116
|
+
function $551ca31cb687f352$var$ProgressBar(props, ref) {
|
|
117
117
|
let { variant: variant , ...otherProps } = props;
|
|
118
|
-
const { progressBarProps: progressBarProps , labelProps: labelProps } = $
|
|
119
|
-
return(/*#__PURE__*/ $
|
|
118
|
+
const { progressBarProps: progressBarProps , labelProps: labelProps } = $joUWQ$useProgressBar(props);
|
|
119
|
+
return(/*#__PURE__*/ $joUWQ$react.createElement($ddf9337e928b5fe6$export$7c6ed87244065f3a, {
|
|
120
120
|
...otherProps,
|
|
121
121
|
ref: ref,
|
|
122
122
|
barProps: progressBarProps,
|
|
123
123
|
labelProps: labelProps,
|
|
124
|
-
barClassName: $
|
|
124
|
+
barClassName: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($a43f840f49ffbe32$exports)), {
|
|
125
125
|
'spectrum-BarLoader--overBackground': variant === 'overBackground'
|
|
126
126
|
})
|
|
127
127
|
}));
|
|
@@ -129,74 +129,74 @@ function $3e2fc00d5e01478b$var$ProgressBar(props, ref) {
|
|
|
129
129
|
/**
|
|
130
130
|
* ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
|
|
131
131
|
* They can represent either determinate or indeterminate progress.
|
|
132
|
-
*/ let $
|
|
132
|
+
*/ let $551ca31cb687f352$export$c17561cb55d4db30 = /*#__PURE__*/ $joUWQ$react.forwardRef($551ca31cb687f352$var$ProgressBar);
|
|
133
133
|
|
|
134
134
|
|
|
135
|
-
var $
|
|
135
|
+
var $79c16f64960b6385$exports = {};
|
|
136
136
|
|
|
137
|
-
$parcel$export($
|
|
137
|
+
$parcel$export($79c16f64960b6385$exports, "ProgressCircle", () => $79c16f64960b6385$export$c79b9d6b4cc92af7);
|
|
138
138
|
|
|
139
139
|
|
|
140
140
|
|
|
141
|
-
var $
|
|
141
|
+
var $91c958cb2e66ca21$exports = {};
|
|
142
142
|
|
|
143
|
-
$parcel$export($
|
|
144
|
-
$parcel$export($
|
|
145
|
-
$parcel$export($
|
|
146
|
-
$parcel$export($
|
|
147
|
-
$parcel$export($
|
|
148
|
-
$parcel$export($
|
|
149
|
-
$parcel$export($
|
|
150
|
-
$parcel$export($
|
|
151
|
-
$parcel$export($
|
|
152
|
-
$parcel$export($
|
|
153
|
-
$parcel$export($
|
|
154
|
-
$parcel$export($
|
|
155
|
-
$parcel$export($
|
|
156
|
-
$parcel$export($
|
|
157
|
-
$parcel$export($
|
|
158
|
-
$parcel$export($
|
|
159
|
-
var $
|
|
160
|
-
var $
|
|
161
|
-
var $
|
|
162
|
-
var $
|
|
163
|
-
var $
|
|
164
|
-
var $
|
|
165
|
-
var $
|
|
166
|
-
var $
|
|
167
|
-
var $
|
|
168
|
-
var $
|
|
169
|
-
var $
|
|
170
|
-
var $
|
|
171
|
-
var $
|
|
172
|
-
var $
|
|
173
|
-
var $
|
|
174
|
-
var $
|
|
175
|
-
$
|
|
176
|
-
$
|
|
177
|
-
$
|
|
178
|
-
$
|
|
179
|
-
$
|
|
180
|
-
$
|
|
181
|
-
$
|
|
182
|
-
$
|
|
183
|
-
$
|
|
184
|
-
$
|
|
185
|
-
$
|
|
186
|
-
$
|
|
187
|
-
$
|
|
188
|
-
$
|
|
189
|
-
$
|
|
190
|
-
$
|
|
143
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--indeterminate-fill-submask-2", () => $91c958cb2e66ca21$export$f7083dbeadcbb2bd, (v) => $91c958cb2e66ca21$export$f7083dbeadcbb2bd = v);
|
|
144
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-fill-mask-2", () => $91c958cb2e66ca21$export$7219832bea80eb54, (v) => $91c958cb2e66ca21$export$7219832bea80eb54 = v);
|
|
145
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader", () => $91c958cb2e66ca21$export$9633d311d6d6830b, (v) => $91c958cb2e66ca21$export$9633d311d6d6830b = v);
|
|
146
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-track", () => $91c958cb2e66ca21$export$278efdb85ed802da, (v) => $91c958cb2e66ca21$export$278efdb85ed802da = v);
|
|
147
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fills", () => $91c958cb2e66ca21$export$3038f4c0c86f539b, (v) => $91c958cb2e66ca21$export$3038f4c0c86f539b = v);
|
|
148
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fill", () => $91c958cb2e66ca21$export$58fb9ac68cf8e784, (v) => $91c958cb2e66ca21$export$58fb9ac68cf8e784 = v);
|
|
149
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillMask1", () => $91c958cb2e66ca21$export$b676cd958401a736, (v) => $91c958cb2e66ca21$export$b676cd958401a736 = v);
|
|
150
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillMask2", () => $91c958cb2e66ca21$export$8c428f4f13e424b, (v) => $91c958cb2e66ca21$export$8c428f4f13e424b = v);
|
|
151
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillSubMask1", () => $91c958cb2e66ca21$export$98ba5ef650aeb8ca, (v) => $91c958cb2e66ca21$export$98ba5ef650aeb8ca = v);
|
|
152
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillSubMask2", () => $91c958cb2e66ca21$export$dc70b48c897b0f1a, (v) => $91c958cb2e66ca21$export$dc70b48c897b0f1a = v);
|
|
153
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--small", () => $91c958cb2e66ca21$export$79819ab9844dbe9b, (v) => $91c958cb2e66ca21$export$79819ab9844dbe9b = v);
|
|
154
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--large", () => $91c958cb2e66ca21$export$c8c34e5e37bf511c, (v) => $91c958cb2e66ca21$export$c8c34e5e37bf511c = v);
|
|
155
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--indeterminate", () => $91c958cb2e66ca21$export$79b7e5abeef5134f, (v) => $91c958cb2e66ca21$export$79b7e5abeef5134f = v);
|
|
156
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-fills-rotate", () => $91c958cb2e66ca21$export$3663cbdb240663ec, (v) => $91c958cb2e66ca21$export$3663cbdb240663ec = v);
|
|
157
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-fill-mask-1", () => $91c958cb2e66ca21$export$524c81e63e1d64f5, (v) => $91c958cb2e66ca21$export$524c81e63e1d64f5 = v);
|
|
158
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--overBackground", () => $91c958cb2e66ca21$export$6668708cb539f403, (v) => $91c958cb2e66ca21$export$6668708cb539f403 = v);
|
|
159
|
+
var $91c958cb2e66ca21$export$f7083dbeadcbb2bd;
|
|
160
|
+
var $91c958cb2e66ca21$export$7219832bea80eb54;
|
|
161
|
+
var $91c958cb2e66ca21$export$9633d311d6d6830b;
|
|
162
|
+
var $91c958cb2e66ca21$export$278efdb85ed802da;
|
|
163
|
+
var $91c958cb2e66ca21$export$3038f4c0c86f539b;
|
|
164
|
+
var $91c958cb2e66ca21$export$58fb9ac68cf8e784;
|
|
165
|
+
var $91c958cb2e66ca21$export$b676cd958401a736;
|
|
166
|
+
var $91c958cb2e66ca21$export$8c428f4f13e424b;
|
|
167
|
+
var $91c958cb2e66ca21$export$98ba5ef650aeb8ca;
|
|
168
|
+
var $91c958cb2e66ca21$export$dc70b48c897b0f1a;
|
|
169
|
+
var $91c958cb2e66ca21$export$79819ab9844dbe9b;
|
|
170
|
+
var $91c958cb2e66ca21$export$c8c34e5e37bf511c;
|
|
171
|
+
var $91c958cb2e66ca21$export$79b7e5abeef5134f;
|
|
172
|
+
var $91c958cb2e66ca21$export$3663cbdb240663ec;
|
|
173
|
+
var $91c958cb2e66ca21$export$524c81e63e1d64f5;
|
|
174
|
+
var $91c958cb2e66ca21$export$6668708cb539f403;
|
|
175
|
+
$91c958cb2e66ca21$export$f7083dbeadcbb2bd = "spectrum-CircleLoader--indeterminate-fill-submask-2_7c1153";
|
|
176
|
+
$91c958cb2e66ca21$export$7219832bea80eb54 = "spectrum-fill-mask-2_7c1153";
|
|
177
|
+
$91c958cb2e66ca21$export$9633d311d6d6830b = "spectrum-CircleLoader_7c1153";
|
|
178
|
+
$91c958cb2e66ca21$export$278efdb85ed802da = "spectrum-CircleLoader-track_7c1153";
|
|
179
|
+
$91c958cb2e66ca21$export$3038f4c0c86f539b = "spectrum-CircleLoader-fills_7c1153";
|
|
180
|
+
$91c958cb2e66ca21$export$58fb9ac68cf8e784 = "spectrum-CircleLoader-fill_7c1153";
|
|
181
|
+
$91c958cb2e66ca21$export$b676cd958401a736 = "spectrum-CircleLoader-fillMask1_7c1153";
|
|
182
|
+
$91c958cb2e66ca21$export$8c428f4f13e424b = "spectrum-CircleLoader-fillMask2_7c1153";
|
|
183
|
+
$91c958cb2e66ca21$export$98ba5ef650aeb8ca = "spectrum-CircleLoader-fillSubMask1_7c1153";
|
|
184
|
+
$91c958cb2e66ca21$export$dc70b48c897b0f1a = "spectrum-CircleLoader-fillSubMask2_7c1153";
|
|
185
|
+
$91c958cb2e66ca21$export$79819ab9844dbe9b = "spectrum-CircleLoader--small_7c1153";
|
|
186
|
+
$91c958cb2e66ca21$export$c8c34e5e37bf511c = "spectrum-CircleLoader--large_7c1153";
|
|
187
|
+
$91c958cb2e66ca21$export$79b7e5abeef5134f = "spectrum-CircleLoader--indeterminate_7c1153";
|
|
188
|
+
$91c958cb2e66ca21$export$3663cbdb240663ec = "spectrum-fills-rotate_7c1153";
|
|
189
|
+
$91c958cb2e66ca21$export$524c81e63e1d64f5 = "spectrum-fill-mask-1_7c1153";
|
|
190
|
+
$91c958cb2e66ca21$export$6668708cb539f403 = "spectrum-CircleLoader--overBackground_7c1153";
|
|
191
191
|
|
|
192
192
|
|
|
193
193
|
|
|
194
|
-
function $
|
|
194
|
+
function $79c16f64960b6385$var$ProgressCircle(props, ref) {
|
|
195
195
|
let { value: value = 0 , minValue: minValue = 0 , maxValue: maxValue = 100 , size: size = 'M' , variant: variant , isIndeterminate: isIndeterminate = false , 'aria-label': ariaLabel , 'aria-labelledby': ariaLabelledby , ...otherProps } = props;
|
|
196
|
-
let domRef = $
|
|
197
|
-
let { styleProps: styleProps } = $
|
|
198
|
-
value = $
|
|
199
|
-
let { progressBarProps: progressBarProps } = $
|
|
196
|
+
let domRef = $joUWQ$useDOMRef(ref);
|
|
197
|
+
let { styleProps: styleProps } = $joUWQ$useStyleProps(otherProps);
|
|
198
|
+
value = $joUWQ$clamp(value, minValue, maxValue);
|
|
199
|
+
let { progressBarProps: progressBarProps } = $joUWQ$useProgressBar({
|
|
200
200
|
...props,
|
|
201
201
|
value: value
|
|
202
202
|
});
|
|
@@ -218,46 +218,46 @@ function $9890faa22af21f4f$var$ProgressCircle(props, ref) {
|
|
|
218
218
|
}
|
|
219
219
|
}
|
|
220
220
|
if (!ariaLabel && !ariaLabelledby) console.warn('ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility');
|
|
221
|
-
return(/*#__PURE__*/ $
|
|
221
|
+
return(/*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
222
222
|
...styleProps,
|
|
223
223
|
...progressBarProps,
|
|
224
224
|
ref: domRef,
|
|
225
|
-
className: $
|
|
225
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($91c958cb2e66ca21$exports)), 'spectrum-CircleLoader', {
|
|
226
226
|
'spectrum-CircleLoader--indeterminate': isIndeterminate,
|
|
227
227
|
'spectrum-CircleLoader--small': size === 'S',
|
|
228
228
|
'spectrum-CircleLoader--large': size === 'L',
|
|
229
229
|
'spectrum-CircleLoader--overBackground': variant === 'overBackground'
|
|
230
230
|
}, styleProps.className)
|
|
231
|
-
}, /*#__PURE__*/ $
|
|
232
|
-
className: $
|
|
233
|
-
}), /*#__PURE__*/ $
|
|
234
|
-
className: $
|
|
235
|
-
}, /*#__PURE__*/ $
|
|
236
|
-
className: $
|
|
237
|
-
}, /*#__PURE__*/ $
|
|
238
|
-
className: $
|
|
231
|
+
}, /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
232
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($91c958cb2e66ca21$exports)), 'spectrum-CircleLoader-track')
|
|
233
|
+
}), /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
234
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($91c958cb2e66ca21$exports)), 'spectrum-CircleLoader-fills')
|
|
235
|
+
}, /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
236
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($91c958cb2e66ca21$exports)), 'spectrum-CircleLoader-fillMask1')
|
|
237
|
+
}, /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
238
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($91c958cb2e66ca21$exports)), 'spectrum-CircleLoader-fillSubMask1'),
|
|
239
239
|
"data-testid": "fillSubMask1",
|
|
240
240
|
style: subMask1Style
|
|
241
|
-
}, /*#__PURE__*/ $
|
|
242
|
-
className: $
|
|
243
|
-
}))), /*#__PURE__*/ $
|
|
244
|
-
className: $
|
|
245
|
-
}, /*#__PURE__*/ $
|
|
246
|
-
className: $
|
|
241
|
+
}, /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
242
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($91c958cb2e66ca21$exports)), 'spectrum-CircleLoader-fill')
|
|
243
|
+
}))), /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
244
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($91c958cb2e66ca21$exports)), 'spectrum-CircleLoader-fillMask2')
|
|
245
|
+
}, /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
246
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($91c958cb2e66ca21$exports)), 'spectrum-CircleLoader-fillSubMask2'),
|
|
247
247
|
"data-testid": "fillSubMask2",
|
|
248
248
|
style: subMask2Style
|
|
249
|
-
}, /*#__PURE__*/ $
|
|
250
|
-
className: $
|
|
249
|
+
}, /*#__PURE__*/ $joUWQ$react.createElement("div", {
|
|
250
|
+
className: $joUWQ$classNames((/*@__PURE__*/$parcel$interopDefault($91c958cb2e66ca21$exports)), 'spectrum-CircleLoader-fill')
|
|
251
251
|
}))))));
|
|
252
252
|
}
|
|
253
253
|
/**
|
|
254
254
|
* ProgressCircles show the progression of a system operation such as downloading, uploading, processing, etc. in a visual way.
|
|
255
255
|
* They can represent determinate or indeterminate progress.
|
|
256
|
-
*/ let $
|
|
256
|
+
*/ let $79c16f64960b6385$export$c79b9d6b4cc92af7 = /*#__PURE__*/ $joUWQ$react.forwardRef($79c16f64960b6385$var$ProgressCircle);
|
|
257
257
|
|
|
258
258
|
|
|
259
259
|
|
|
260
260
|
|
|
261
261
|
|
|
262
|
-
export {$
|
|
262
|
+
export {$551ca31cb687f352$export$c17561cb55d4db30 as ProgressBar, $79c16f64960b6385$export$c79b9d6b4cc92af7 as ProgressCircle, $ddf9337e928b5fe6$export$7c6ed87244065f3a as ProgressBarBase};
|
|
263
263
|
//# sourceMappingURL=module.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/progress",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.6",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.6.2",
|
|
35
|
-
"@react-aria/progress": "^3.1.
|
|
36
|
-
"@react-aria/utils": "^3.11.
|
|
37
|
-
"@react-spectrum/utils": "^3.6.
|
|
38
|
-
"@react-types/progress": "^3.1.
|
|
39
|
-
"@react-types/shared": "^3.11.
|
|
35
|
+
"@react-aria/progress": "^3.1.6",
|
|
36
|
+
"@react-aria/utils": "^3.11.3",
|
|
37
|
+
"@react-spectrum/utils": "^3.6.6",
|
|
38
|
+
"@react-types/progress": "^3.1.5",
|
|
39
|
+
"@react-types/shared": "^3.11.2"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@adobe/spectrum-css-temp": "3.0.0-alpha.1"
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"publishConfig": {
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "ed8d8d984c2f7f2c31e8b18795b97858a95e4729"
|
|
52
52
|
}
|