@react-spectrum/numberfield 3.7.0 → 3.7.2
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/import.mjs +124 -94
- package/dist/main.css +1 -1
- package/dist/main.js +124 -94
- package/dist/main.js.map +1 -1
- package/dist/module.js +124 -94
- package/dist/module.js.map +1 -1
- package/package.json +18 -18
package/dist/main.js
CHANGED
|
@@ -71,108 +71,138 @@ $parcel$export(module.exports, "NumberField", () => $9b3df9c012d62e52$export$63c
|
|
|
71
71
|
|
|
72
72
|
var $3649bcbba015c4d7$exports = {};
|
|
73
73
|
|
|
74
|
-
$parcel$export($3649bcbba015c4d7$exports, "
|
|
75
|
-
$parcel$export($3649bcbba015c4d7$exports, "
|
|
76
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-LogicButton", () => $3649bcbba015c4d7$export$36ae67a131730482, (v) => $3649bcbba015c4d7$export$36ae67a131730482 = v);
|
|
77
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-FieldButton", () => $3649bcbba015c4d7$export$a024c99ecf6b5741, (v) => $3649bcbba015c4d7$export$a024c99ecf6b5741 = v);
|
|
78
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-ClearButton", () => $3649bcbba015c4d7$export$b752ce409e5660c, (v) => $3649bcbba015c4d7$export$b752ce409e5660c = v);
|
|
79
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-button", () => $3649bcbba015c4d7$export$4e11596482f95f63, (v) => $3649bcbba015c4d7$export$4e11596482f95f63 = v);
|
|
80
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper", () => $3649bcbba015c4d7$export$f49c123746e1fb8, (v) => $3649bcbba015c4d7$export$f49c123746e1fb8 = v);
|
|
74
|
+
$parcel$export($3649bcbba015c4d7$exports, "decrement", () => $3649bcbba015c4d7$export$8f85cc9753f280aa, (v) => $3649bcbba015c4d7$export$8f85cc9753f280aa = v);
|
|
75
|
+
$parcel$export($3649bcbba015c4d7$exports, "field", () => $3649bcbba015c4d7$export$e0f35d825088c098, (v) => $3649bcbba015c4d7$export$e0f35d825088c098 = v);
|
|
81
76
|
$parcel$export($3649bcbba015c4d7$exports, "focus-ring", () => $3649bcbba015c4d7$export$f39a09f249340e2a, (v) => $3649bcbba015c4d7$export$f39a09f249340e2a = v);
|
|
82
|
-
$parcel$export($3649bcbba015c4d7$exports, "
|
|
83
|
-
$parcel$export($3649bcbba015c4d7$exports, "
|
|
84
|
-
$parcel$export($3649bcbba015c4d7$exports, "
|
|
85
|
-
$parcel$export($3649bcbba015c4d7$exports, "is-hovered", () => $3649bcbba015c4d7$export$b8813cd5d7824ce7, (v) => $3649bcbba015c4d7$export$b8813cd5d7824ce7 = v);
|
|
86
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Button-label", () => $3649bcbba015c4d7$export$c081ba562e204942, (v) => $3649bcbba015c4d7$export$c081ba562e204942 = v);
|
|
87
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Button--iconOnly", () => $3649bcbba015c4d7$export$c1d306ec0fae3838, (v) => $3649bcbba015c4d7$export$c1d306ec0fae3838 = v);
|
|
88
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-ActionButton-label", () => $3649bcbba015c4d7$export$ebb4635c66bacdb9, (v) => $3649bcbba015c4d7$export$ebb4635c66bacdb9 = v);
|
|
89
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-ActionButton-hold", () => $3649bcbba015c4d7$export$4a4f01c443eff992, (v) => $3649bcbba015c4d7$export$4a4f01c443eff992 = v);
|
|
90
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-ActionButton--quiet", () => $3649bcbba015c4d7$export$40e1f009544bacf3, (v) => $3649bcbba015c4d7$export$40e1f009544bacf3 = v);
|
|
77
|
+
$parcel$export($3649bcbba015c4d7$exports, "i18nFontFamily", () => $3649bcbba015c4d7$export$8c4ee2c50c22c514, (v) => $3649bcbba015c4d7$export$8c4ee2c50c22c514 = v);
|
|
78
|
+
$parcel$export($3649bcbba015c4d7$exports, "increment", () => $3649bcbba015c4d7$export$a2647aa13413c947, (v) => $3649bcbba015c4d7$export$a2647aa13413c947 = v);
|
|
79
|
+
$parcel$export($3649bcbba015c4d7$exports, "is-active", () => $3649bcbba015c4d7$export$20fd0f7cd4e6112f, (v) => $3649bcbba015c4d7$export$20fd0f7cd4e6112f = v);
|
|
91
80
|
$parcel$export($3649bcbba015c4d7$exports, "is-disabled", () => $3649bcbba015c4d7$export$d35bc1e505d1ebbf, (v) => $3649bcbba015c4d7$export$d35bc1e505d1ebbf = v);
|
|
81
|
+
$parcel$export($3649bcbba015c4d7$exports, "is-focused", () => $3649bcbba015c4d7$export$e7dc768d35940237, (v) => $3649bcbba015c4d7$export$e7dc768d35940237 = v);
|
|
82
|
+
$parcel$export($3649bcbba015c4d7$exports, "is-hovered", () => $3649bcbba015c4d7$export$b8813cd5d7824ce7, (v) => $3649bcbba015c4d7$export$b8813cd5d7824ce7 = v);
|
|
83
|
+
$parcel$export($3649bcbba015c4d7$exports, "is-invalid", () => $3649bcbba015c4d7$export$14a30de2866685fa, (v) => $3649bcbba015c4d7$export$14a30de2866685fa = v);
|
|
92
84
|
$parcel$export($3649bcbba015c4d7$exports, "is-open", () => $3649bcbba015c4d7$export$a9781837241c946d, (v) => $3649bcbba015c4d7$export$a9781837241c946d = v);
|
|
85
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-BaseButton", () => $3649bcbba015c4d7$export$f7b415378ab4f839, (v) => $3649bcbba015c4d7$export$f7b415378ab4f839 = v);
|
|
86
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-FocusRing-ring", () => $3649bcbba015c4d7$export$4109102f950813a6, (v) => $3649bcbba015c4d7$export$4109102f950813a6 = v);
|
|
87
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-FocusRing", () => $3649bcbba015c4d7$export$24c7f46a6e3605dd, (v) => $3649bcbba015c4d7$export$24c7f46a6e3605dd = v);
|
|
88
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-ActionButton", () => $3649bcbba015c4d7$export$53da69f51b770d3, (v) => $3649bcbba015c4d7$export$53da69f51b770d3 = v);
|
|
89
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-ActionButton--quiet", () => $3649bcbba015c4d7$export$40e1f009544bacf3, (v) => $3649bcbba015c4d7$export$40e1f009544bacf3 = v);
|
|
90
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-ActionButton-hold", () => $3649bcbba015c4d7$export$4a4f01c443eff992, (v) => $3649bcbba015c4d7$export$4a4f01c443eff992 = v);
|
|
91
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-ActionButton-label", () => $3649bcbba015c4d7$export$ebb4635c66bacdb9, (v) => $3649bcbba015c4d7$export$ebb4635c66bacdb9 = v);
|
|
92
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Button", () => $3649bcbba015c4d7$export$1db4cca5b4ade39a, (v) => $3649bcbba015c4d7$export$1db4cca5b4ade39a = v);
|
|
93
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Button--iconOnly", () => $3649bcbba015c4d7$export$c1d306ec0fae3838, (v) => $3649bcbba015c4d7$export$c1d306ec0fae3838 = v);
|
|
94
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Button--pending", () => $3649bcbba015c4d7$export$54592d0984f245d5, (v) => $3649bcbba015c4d7$export$54592d0984f245d5 = v);
|
|
95
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Button-circleLoader", () => $3649bcbba015c4d7$export$76d4531f0342bbe0, (v) => $3649bcbba015c4d7$export$76d4531f0342bbe0 = v);
|
|
96
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Button-label", () => $3649bcbba015c4d7$export$c081ba562e204942, (v) => $3649bcbba015c4d7$export$c081ba562e204942 = v);
|
|
97
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-ClearButton", () => $3649bcbba015c4d7$export$b752ce409e5660c, (v) => $3649bcbba015c4d7$export$b752ce409e5660c = v);
|
|
93
98
|
$parcel$export($3649bcbba015c4d7$exports, "spectrum-ClearButton--small", () => $3649bcbba015c4d7$export$49280ffa5236ba8b, (v) => $3649bcbba015c4d7$export$49280ffa5236ba8b = v);
|
|
99
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-FieldButton", () => $3649bcbba015c4d7$export$a024c99ecf6b5741, (v) => $3649bcbba015c4d7$export$a024c99ecf6b5741 = v);
|
|
100
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-FocusRing--quiet", () => $3649bcbba015c4d7$export$2927016961429360, (v) => $3649bcbba015c4d7$export$2927016961429360 = v);
|
|
101
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-FieldButton--quiet", () => $3649bcbba015c4d7$export$5ca7b274e4fff9fc, (v) => $3649bcbba015c4d7$export$5ca7b274e4fff9fc = v);
|
|
102
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Icon", () => $3649bcbba015c4d7$export$d374b04f30360026, (v) => $3649bcbba015c4d7$export$d374b04f30360026 = v);
|
|
103
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-LogicButton", () => $3649bcbba015c4d7$export$36ae67a131730482, (v) => $3649bcbba015c4d7$export$36ae67a131730482 = v);
|
|
104
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper", () => $3649bcbba015c4d7$export$f49c123746e1fb8, (v) => $3649bcbba015c4d7$export$f49c123746e1fb8 = v);
|
|
94
105
|
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper--isMobile", () => $3649bcbba015c4d7$export$75e6f9c4d1d95421, (v) => $3649bcbba015c4d7$export$75e6f9c4d1d95421 = v);
|
|
95
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper
|
|
106
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper--isQuiet", () => $3649bcbba015c4d7$export$70ed0eb2ba7512f8, (v) => $3649bcbba015c4d7$export$70ed0eb2ba7512f8 = v);
|
|
107
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper--readonly", () => $3649bcbba015c4d7$export$ba8faf273ff0a970, (v) => $3649bcbba015c4d7$export$ba8faf273ff0a970 = v);
|
|
108
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper--showStepper", () => $3649bcbba015c4d7$export$a4e366275982a12f, (v) => $3649bcbba015c4d7$export$a4e366275982a12f = v);
|
|
109
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-button", () => $3649bcbba015c4d7$export$4e11596482f95f63, (v) => $3649bcbba015c4d7$export$4e11596482f95f63 = v);
|
|
96
110
|
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-button--stepDown", () => $3649bcbba015c4d7$export$e4ad52f6ba4e317b, (v) => $3649bcbba015c4d7$export$e4ad52f6ba4e317b = v);
|
|
111
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-button--stepUp", () => $3649bcbba015c4d7$export$6c76d609d604c6e5, (v) => $3649bcbba015c4d7$export$6c76d609d604c6e5 = v);
|
|
112
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-button-icon", () => $3649bcbba015c4d7$export$7d7cb0c4055e98ab, (v) => $3649bcbba015c4d7$export$7d7cb0c4055e98ab = v);
|
|
113
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-container", () => $3649bcbba015c4d7$export$f49a6eb8460c3f93, (v) => $3649bcbba015c4d7$export$f49a6eb8460c3f93 = v);
|
|
114
|
+
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-container--isMobile", () => $3649bcbba015c4d7$export$3486d98f7bb904b1, (v) => $3649bcbba015c4d7$export$3486d98f7bb904b1 = v);
|
|
97
115
|
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-field", () => $3649bcbba015c4d7$export$faac6573b15f75d6, (v) => $3649bcbba015c4d7$export$faac6573b15f75d6 = v);
|
|
98
116
|
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-icon", () => $3649bcbba015c4d7$export$639c56ba6082b615, (v) => $3649bcbba015c4d7$export$639c56ba6082b615 = v);
|
|
99
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper--showStepper", () => $3649bcbba015c4d7$export$a4e366275982a12f, (v) => $3649bcbba015c4d7$export$a4e366275982a12f = v);
|
|
100
117
|
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-input", () => $3649bcbba015c4d7$export$8273fb931edd57d4, (v) => $3649bcbba015c4d7$export$8273fb931edd57d4 = v);
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-button-icon", () => $3649bcbba015c4d7$export$7d7cb0c4055e98ab, (v) => $3649bcbba015c4d7$export$7d7cb0c4055e98ab = v);
|
|
104
|
-
$parcel$export($3649bcbba015c4d7$exports, "is-active", () => $3649bcbba015c4d7$export$20fd0f7cd4e6112f, (v) => $3649bcbba015c4d7$export$20fd0f7cd4e6112f = v);
|
|
105
|
-
$parcel$export($3649bcbba015c4d7$exports, "is-focused", () => $3649bcbba015c4d7$export$e7dc768d35940237, (v) => $3649bcbba015c4d7$export$e7dc768d35940237 = v);
|
|
106
|
-
$parcel$export($3649bcbba015c4d7$exports, "is-invalid", () => $3649bcbba015c4d7$export$14a30de2866685fa, (v) => $3649bcbba015c4d7$export$14a30de2866685fa = v);
|
|
107
|
-
$parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper--readonly", () => $3649bcbba015c4d7$export$ba8faf273ff0a970, (v) => $3649bcbba015c4d7$export$ba8faf273ff0a970 = v);
|
|
108
|
-
var $3649bcbba015c4d7$export$1db4cca5b4ade39a;
|
|
109
|
-
var $3649bcbba015c4d7$export$53da69f51b770d3;
|
|
110
|
-
var $3649bcbba015c4d7$export$36ae67a131730482;
|
|
111
|
-
var $3649bcbba015c4d7$export$a024c99ecf6b5741;
|
|
112
|
-
var $3649bcbba015c4d7$export$b752ce409e5660c;
|
|
113
|
-
var $3649bcbba015c4d7$export$4e11596482f95f63;
|
|
114
|
-
var $3649bcbba015c4d7$export$f49c123746e1fb8;
|
|
118
|
+
var $3649bcbba015c4d7$export$8f85cc9753f280aa;
|
|
119
|
+
var $3649bcbba015c4d7$export$e0f35d825088c098;
|
|
115
120
|
var $3649bcbba015c4d7$export$f39a09f249340e2a;
|
|
116
|
-
var $3649bcbba015c4d7$export$
|
|
117
|
-
var $3649bcbba015c4d7$export$
|
|
118
|
-
var $3649bcbba015c4d7$export$
|
|
119
|
-
var $3649bcbba015c4d7$export$b8813cd5d7824ce7;
|
|
120
|
-
var $3649bcbba015c4d7$export$c081ba562e204942;
|
|
121
|
-
var $3649bcbba015c4d7$export$c1d306ec0fae3838;
|
|
122
|
-
var $3649bcbba015c4d7$export$ebb4635c66bacdb9;
|
|
123
|
-
var $3649bcbba015c4d7$export$4a4f01c443eff992;
|
|
124
|
-
var $3649bcbba015c4d7$export$40e1f009544bacf3;
|
|
121
|
+
var $3649bcbba015c4d7$export$8c4ee2c50c22c514;
|
|
122
|
+
var $3649bcbba015c4d7$export$a2647aa13413c947;
|
|
123
|
+
var $3649bcbba015c4d7$export$20fd0f7cd4e6112f;
|
|
125
124
|
var $3649bcbba015c4d7$export$d35bc1e505d1ebbf;
|
|
125
|
+
var $3649bcbba015c4d7$export$e7dc768d35940237;
|
|
126
|
+
var $3649bcbba015c4d7$export$b8813cd5d7824ce7;
|
|
127
|
+
var $3649bcbba015c4d7$export$14a30de2866685fa;
|
|
126
128
|
var $3649bcbba015c4d7$export$a9781837241c946d;
|
|
129
|
+
var $3649bcbba015c4d7$export$f7b415378ab4f839;
|
|
130
|
+
var $3649bcbba015c4d7$export$4109102f950813a6;
|
|
131
|
+
var $3649bcbba015c4d7$export$24c7f46a6e3605dd;
|
|
132
|
+
var $3649bcbba015c4d7$export$53da69f51b770d3;
|
|
133
|
+
var $3649bcbba015c4d7$export$40e1f009544bacf3;
|
|
134
|
+
var $3649bcbba015c4d7$export$4a4f01c443eff992;
|
|
135
|
+
var $3649bcbba015c4d7$export$ebb4635c66bacdb9;
|
|
136
|
+
var $3649bcbba015c4d7$export$1db4cca5b4ade39a;
|
|
137
|
+
var $3649bcbba015c4d7$export$c1d306ec0fae3838;
|
|
138
|
+
var $3649bcbba015c4d7$export$54592d0984f245d5;
|
|
139
|
+
var $3649bcbba015c4d7$export$76d4531f0342bbe0;
|
|
140
|
+
var $3649bcbba015c4d7$export$c081ba562e204942;
|
|
141
|
+
var $3649bcbba015c4d7$export$b752ce409e5660c;
|
|
127
142
|
var $3649bcbba015c4d7$export$49280ffa5236ba8b;
|
|
143
|
+
var $3649bcbba015c4d7$export$a024c99ecf6b5741;
|
|
144
|
+
var $3649bcbba015c4d7$export$2927016961429360;
|
|
145
|
+
var $3649bcbba015c4d7$export$5ca7b274e4fff9fc;
|
|
146
|
+
var $3649bcbba015c4d7$export$d374b04f30360026;
|
|
147
|
+
var $3649bcbba015c4d7$export$36ae67a131730482;
|
|
148
|
+
var $3649bcbba015c4d7$export$f49c123746e1fb8;
|
|
128
149
|
var $3649bcbba015c4d7$export$75e6f9c4d1d95421;
|
|
129
|
-
var $3649bcbba015c4d7$export$
|
|
150
|
+
var $3649bcbba015c4d7$export$70ed0eb2ba7512f8;
|
|
151
|
+
var $3649bcbba015c4d7$export$ba8faf273ff0a970;
|
|
152
|
+
var $3649bcbba015c4d7$export$a4e366275982a12f;
|
|
153
|
+
var $3649bcbba015c4d7$export$4e11596482f95f63;
|
|
130
154
|
var $3649bcbba015c4d7$export$e4ad52f6ba4e317b;
|
|
155
|
+
var $3649bcbba015c4d7$export$6c76d609d604c6e5;
|
|
156
|
+
var $3649bcbba015c4d7$export$7d7cb0c4055e98ab;
|
|
157
|
+
var $3649bcbba015c4d7$export$f49a6eb8460c3f93;
|
|
158
|
+
var $3649bcbba015c4d7$export$3486d98f7bb904b1;
|
|
131
159
|
var $3649bcbba015c4d7$export$faac6573b15f75d6;
|
|
132
160
|
var $3649bcbba015c4d7$export$639c56ba6082b615;
|
|
133
|
-
var $3649bcbba015c4d7$export$a4e366275982a12f;
|
|
134
161
|
var $3649bcbba015c4d7$export$8273fb931edd57d4;
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
$3649bcbba015c4d7$export$
|
|
143
|
-
$3649bcbba015c4d7$export$
|
|
144
|
-
$3649bcbba015c4d7$export$
|
|
145
|
-
$3649bcbba015c4d7$export$
|
|
146
|
-
$3649bcbba015c4d7$export$
|
|
147
|
-
$3649bcbba015c4d7$export$
|
|
148
|
-
$3649bcbba015c4d7$export$
|
|
149
|
-
$3649bcbba015c4d7$export$
|
|
150
|
-
$3649bcbba015c4d7$export$
|
|
151
|
-
$3649bcbba015c4d7$export$
|
|
152
|
-
$3649bcbba015c4d7$export$
|
|
153
|
-
$3649bcbba015c4d7$export$
|
|
154
|
-
$3649bcbba015c4d7$export$
|
|
155
|
-
$3649bcbba015c4d7$export$
|
|
156
|
-
$3649bcbba015c4d7$export$
|
|
157
|
-
$3649bcbba015c4d7$export$
|
|
158
|
-
$3649bcbba015c4d7$export$
|
|
159
|
-
$3649bcbba015c4d7$export$
|
|
160
|
-
$3649bcbba015c4d7$export$
|
|
161
|
-
$3649bcbba015c4d7$export$
|
|
162
|
-
$3649bcbba015c4d7$export$
|
|
163
|
-
$3649bcbba015c4d7$export$
|
|
164
|
-
$3649bcbba015c4d7$export$
|
|
165
|
-
$3649bcbba015c4d7$export$
|
|
166
|
-
$3649bcbba015c4d7$export$
|
|
167
|
-
$3649bcbba015c4d7$export$
|
|
168
|
-
$3649bcbba015c4d7$export$
|
|
169
|
-
$3649bcbba015c4d7$export$
|
|
170
|
-
$3649bcbba015c4d7$export$
|
|
171
|
-
$3649bcbba015c4d7$export$
|
|
172
|
-
$3649bcbba015c4d7$export$
|
|
173
|
-
$3649bcbba015c4d7$export$
|
|
174
|
-
$3649bcbba015c4d7$export$
|
|
175
|
-
$3649bcbba015c4d7$export$
|
|
162
|
+
$3649bcbba015c4d7$export$8f85cc9753f280aa = `Ug6T-W_decrement`;
|
|
163
|
+
$3649bcbba015c4d7$export$e0f35d825088c098 = `Ug6T-W_field`;
|
|
164
|
+
$3649bcbba015c4d7$export$f39a09f249340e2a = `Ug6T-W_focus-ring`;
|
|
165
|
+
$3649bcbba015c4d7$export$8c4ee2c50c22c514 = `Ug6T-W_i18nFontFamily`;
|
|
166
|
+
$3649bcbba015c4d7$export$a2647aa13413c947 = `Ug6T-W_increment`;
|
|
167
|
+
$3649bcbba015c4d7$export$20fd0f7cd4e6112f = `Ug6T-W_is-active`;
|
|
168
|
+
$3649bcbba015c4d7$export$d35bc1e505d1ebbf = `Ug6T-W_is-disabled`;
|
|
169
|
+
$3649bcbba015c4d7$export$e7dc768d35940237 = `Ug6T-W_is-focused`;
|
|
170
|
+
$3649bcbba015c4d7$export$b8813cd5d7824ce7 = `Ug6T-W_is-hovered`;
|
|
171
|
+
$3649bcbba015c4d7$export$14a30de2866685fa = `Ug6T-W_is-invalid`;
|
|
172
|
+
$3649bcbba015c4d7$export$a9781837241c946d = `Ug6T-W_is-open`;
|
|
173
|
+
$3649bcbba015c4d7$export$f7b415378ab4f839 = `Ug6T-W_spectrum-BaseButton ${$3649bcbba015c4d7$export$8c4ee2c50c22c514}`;
|
|
174
|
+
$3649bcbba015c4d7$export$4109102f950813a6 = `Ug6T-W_spectrum-FocusRing-ring`;
|
|
175
|
+
$3649bcbba015c4d7$export$24c7f46a6e3605dd = `Ug6T-W_spectrum-FocusRing ${$3649bcbba015c4d7$export$4109102f950813a6}`;
|
|
176
|
+
$3649bcbba015c4d7$export$53da69f51b770d3 = `Ug6T-W_spectrum-ActionButton ${$3649bcbba015c4d7$export$f7b415378ab4f839} ${$3649bcbba015c4d7$export$24c7f46a6e3605dd}`;
|
|
177
|
+
$3649bcbba015c4d7$export$40e1f009544bacf3 = `Ug6T-W_spectrum-ActionButton--quiet`;
|
|
178
|
+
$3649bcbba015c4d7$export$4a4f01c443eff992 = `Ug6T-W_spectrum-ActionButton-hold`;
|
|
179
|
+
$3649bcbba015c4d7$export$ebb4635c66bacdb9 = `Ug6T-W_spectrum-ActionButton-label`;
|
|
180
|
+
$3649bcbba015c4d7$export$1db4cca5b4ade39a = `Ug6T-W_spectrum-Button ${$3649bcbba015c4d7$export$f7b415378ab4f839} ${$3649bcbba015c4d7$export$24c7f46a6e3605dd}`;
|
|
181
|
+
$3649bcbba015c4d7$export$c1d306ec0fae3838 = `Ug6T-W_spectrum-Button--iconOnly`;
|
|
182
|
+
$3649bcbba015c4d7$export$54592d0984f245d5 = `Ug6T-W_spectrum-Button--pending`;
|
|
183
|
+
$3649bcbba015c4d7$export$76d4531f0342bbe0 = `Ug6T-W_spectrum-Button-circleLoader`;
|
|
184
|
+
$3649bcbba015c4d7$export$c081ba562e204942 = `Ug6T-W_spectrum-Button-label`;
|
|
185
|
+
$3649bcbba015c4d7$export$b752ce409e5660c = `Ug6T-W_spectrum-ClearButton ${$3649bcbba015c4d7$export$f7b415378ab4f839} ${$3649bcbba015c4d7$export$24c7f46a6e3605dd}`;
|
|
186
|
+
$3649bcbba015c4d7$export$49280ffa5236ba8b = `Ug6T-W_spectrum-ClearButton--small`;
|
|
187
|
+
$3649bcbba015c4d7$export$a024c99ecf6b5741 = `Ug6T-W_spectrum-FieldButton ${$3649bcbba015c4d7$export$f7b415378ab4f839} ${$3649bcbba015c4d7$export$24c7f46a6e3605dd}`;
|
|
188
|
+
$3649bcbba015c4d7$export$2927016961429360 = `Ug6T-W_spectrum-FocusRing--quiet`;
|
|
189
|
+
$3649bcbba015c4d7$export$5ca7b274e4fff9fc = `Ug6T-W_spectrum-FieldButton--quiet ${$3649bcbba015c4d7$export$2927016961429360}`;
|
|
190
|
+
$3649bcbba015c4d7$export$d374b04f30360026 = `Ug6T-W_spectrum-Icon`;
|
|
191
|
+
$3649bcbba015c4d7$export$36ae67a131730482 = `Ug6T-W_spectrum-LogicButton ${$3649bcbba015c4d7$export$f7b415378ab4f839} ${$3649bcbba015c4d7$export$24c7f46a6e3605dd}`;
|
|
192
|
+
$3649bcbba015c4d7$export$f49c123746e1fb8 = `Ug6T-W_spectrum-Stepper ${$3649bcbba015c4d7$export$24c7f46a6e3605dd}`;
|
|
193
|
+
$3649bcbba015c4d7$export$75e6f9c4d1d95421 = `Ug6T-W_spectrum-Stepper--isMobile`;
|
|
194
|
+
$3649bcbba015c4d7$export$70ed0eb2ba7512f8 = `Ug6T-W_spectrum-Stepper--isQuiet ${$3649bcbba015c4d7$export$2927016961429360}`;
|
|
195
|
+
$3649bcbba015c4d7$export$ba8faf273ff0a970 = `Ug6T-W_spectrum-Stepper--readonly`;
|
|
196
|
+
$3649bcbba015c4d7$export$a4e366275982a12f = `Ug6T-W_spectrum-Stepper--showStepper`;
|
|
197
|
+
$3649bcbba015c4d7$export$4e11596482f95f63 = `Ug6T-W_spectrum-Stepper-button ${$3649bcbba015c4d7$export$f7b415378ab4f839}`;
|
|
198
|
+
$3649bcbba015c4d7$export$e4ad52f6ba4e317b = `Ug6T-W_spectrum-Stepper-button--stepDown`;
|
|
199
|
+
$3649bcbba015c4d7$export$6c76d609d604c6e5 = `Ug6T-W_spectrum-Stepper-button--stepUp`;
|
|
200
|
+
$3649bcbba015c4d7$export$7d7cb0c4055e98ab = `Ug6T-W_spectrum-Stepper-button-icon`;
|
|
201
|
+
$3649bcbba015c4d7$export$f49a6eb8460c3f93 = `Ug6T-W_spectrum-Stepper-container`;
|
|
202
|
+
$3649bcbba015c4d7$export$3486d98f7bb904b1 = `Ug6T-W_spectrum-Stepper-container--isMobile`;
|
|
203
|
+
$3649bcbba015c4d7$export$faac6573b15f75d6 = `Ug6T-W_spectrum-Stepper-field`;
|
|
204
|
+
$3649bcbba015c4d7$export$639c56ba6082b615 = `Ug6T-W_spectrum-Stepper-icon`;
|
|
205
|
+
$3649bcbba015c4d7$export$8273fb931edd57d4 = `Ug6T-W_spectrum-Stepper-input`;
|
|
176
206
|
|
|
177
207
|
|
|
178
208
|
|
|
@@ -180,16 +210,16 @@ $3649bcbba015c4d7$export$ba8faf273ff0a970 = "spectrum-Stepper--readonly_8890ad";
|
|
|
180
210
|
|
|
181
211
|
function $2f3cded204daae76$var$StepButton(props, ref) {
|
|
182
212
|
props = (0, $i8sTE$reactspectrumprovider.useProviderProps)(props);
|
|
183
|
-
let { scale: scale
|
|
184
|
-
let { direction: direction
|
|
213
|
+
let { scale: scale } = (0, $i8sTE$reactspectrumprovider.useProvider)();
|
|
214
|
+
let { direction: direction, isDisabled: isDisabled, isQuiet: isQuiet } = props;
|
|
185
215
|
/**
|
|
186
216
|
* Must use div for now because Safari pointer event bugs on disabled form elements.
|
|
187
217
|
* Link https://bugs.webkit.org/show_bug.cgi?id=219188.
|
|
188
|
-
*/ let { buttonProps: buttonProps
|
|
218
|
+
*/ let { buttonProps: buttonProps, isPressed: isPressed } = (0, $i8sTE$reactariabutton.useButton)({
|
|
189
219
|
...props,
|
|
190
220
|
elementType: "div"
|
|
191
221
|
}, ref);
|
|
192
|
-
let { hoverProps: hoverProps
|
|
222
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $i8sTE$reactariainteractions.useHover)(props);
|
|
193
223
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, $i8sTE$reactariafocus.FocusRing), {
|
|
194
224
|
focusRingClass: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "focus-ring")
|
|
195
225
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement("div", {
|
|
@@ -229,19 +259,19 @@ function $2f3cded204daae76$var$StepButton(props, ref) {
|
|
|
229
259
|
function $9b3df9c012d62e52$var$NumberField(props, ref) {
|
|
230
260
|
props = (0, $i8sTE$reactspectrumprovider.useProviderProps)(props);
|
|
231
261
|
let provider = (0, $i8sTE$reactspectrumprovider.useProvider)();
|
|
232
|
-
let { isQuiet: isQuiet
|
|
233
|
-
let { styleProps: style
|
|
234
|
-
let { locale: locale
|
|
262
|
+
let { isQuiet: isQuiet, isReadOnly: isReadOnly, isDisabled: isDisabled, hideStepper: hideStepper } = props;
|
|
263
|
+
let { styleProps: style } = (0, $i8sTE$reactspectrumutils.useStyleProps)(props);
|
|
264
|
+
let { locale: locale } = (0, $i8sTE$reactariai18n.useLocale)();
|
|
235
265
|
let state = (0, $i8sTE$reactstatelynumberfield.useNumberFieldState)({
|
|
236
266
|
...props,
|
|
237
267
|
locale: locale
|
|
238
268
|
});
|
|
239
269
|
let inputRef = (0, $i8sTE$react.useRef)();
|
|
240
270
|
let domRef = (0, $i8sTE$reactspectrumutils.useFocusableRef)(ref, inputRef);
|
|
241
|
-
let { groupProps: groupProps
|
|
271
|
+
let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $i8sTE$reactarianumberfield.useNumberField)(props, state, inputRef);
|
|
242
272
|
let isMobile = provider.scale === "large";
|
|
243
273
|
let showStepper = !hideStepper;
|
|
244
|
-
let { isHovered: isHovered
|
|
274
|
+
let { isHovered: isHovered, hoverProps: hoverProps } = (0, $i8sTE$reactariainteractions.useHover)({
|
|
245
275
|
isDisabled: isDisabled
|
|
246
276
|
});
|
|
247
277
|
let className = (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper", {
|
|
@@ -277,7 +307,7 @@ function $9b3df9c012d62e52$var$NumberField(props, ref) {
|
|
|
277
307
|
}));
|
|
278
308
|
}
|
|
279
309
|
const $9b3df9c012d62e52$var$NumberFieldInput = /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).forwardRef(function NumberFieldInput(props, ref) {
|
|
280
|
-
let { groupProps: groupProps
|
|
310
|
+
let { groupProps: groupProps, inputProps: inputProps, inputRef: inputRef, incrementProps: incrementProps, decrementProps: decrementProps, className: className, style: style, autoFocus: autoFocus, isQuiet: isQuiet, isDisabled: isDisabled, hideStepper: hideStepper, validationState: validationState, name: name, state: state } = props;
|
|
281
311
|
let showStepper = !hideStepper;
|
|
282
312
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, $i8sTE$reactariafocus.FocusRing), {
|
|
283
313
|
within: true,
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {NumberFieldState, useNumberFieldState} from '@react-stately/numberfield';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n let provider = useProvider();\n let {\n isQuiet,\n isReadOnly,\n isDisabled,\n hideStepper\n } = props;\n\n let {styleProps: style} = useStyleProps(props);\n\n let {locale} = useLocale();\n let state = useNumberFieldState({...props, locale});\n let inputRef = useRef<HTMLInputElement>();\n let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n let {\n groupProps,\n labelProps,\n inputProps,\n incrementButtonProps,\n decrementButtonProps,\n descriptionProps,\n errorMessageProps\n } = useNumberField(props, state, inputRef);\n let isMobile = provider.scale === 'large';\n let showStepper = !hideStepper;\n\n let {isHovered, hoverProps} = useHover({isDisabled});\n\n let className =\n classNames(\n stepperStyle,\n 'spectrum-Stepper',\n {\n 'spectrum-Stepper--isQuiet': isQuiet,\n 'is-disabled': isDisabled,\n 'spectrum-Stepper--readonly': isReadOnly,\n 'is-invalid': props.validationState === 'invalid' && !isDisabled,\n 'spectrum-Stepper--showStepper': showStepper,\n 'spectrum-Stepper--isMobile': isMobile,\n 'is-hovered': isHovered,\n // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n [style.className]: !props.label && style.className\n }\n );\n\n return (\n <Field\n {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n labelProps={labelProps}\n ref={domRef}\n wrapperClassName={classNames(\n stepperStyle,\n 'spectrum-Stepper-container',\n {\n 'spectrum-Stepper-container--isMobile': isMobile\n }\n )}>\n <NumberFieldInput\n {...props}\n groupProps={mergeProps(groupProps, hoverProps)}\n inputProps={inputProps}\n inputRef={inputRef}\n incrementProps={incrementButtonProps}\n decrementProps={decrementButtonProps}\n className={className}\n style={style}\n state={state} />\n </Field>\n );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n groupProps: HTMLAttributes<HTMLDivElement>,\n inputProps: InputHTMLAttributes<HTMLInputElement>,\n inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n incrementProps: AriaButtonProps,\n decrementProps: AriaButtonProps,\n className?: string,\n style?: React.CSSProperties,\n state: NumberFieldState\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n let {\n groupProps,\n inputProps,\n inputRef,\n incrementProps,\n decrementProps,\n className,\n style,\n autoFocus,\n isQuiet,\n isDisabled,\n hideStepper,\n validationState,\n name,\n state\n } = props;\n let showStepper = !hideStepper;\n\n return (\n <FocusRing\n within\n isTextInput\n focusClass={classNames(stepperStyle, 'is-focused')}\n focusRingClass={classNames(stepperStyle, 'focus-ring')}\n autoFocus={autoFocus}>\n <div\n {...groupProps}\n ref={ref as RefObject<HTMLDivElement>}\n style={style}\n className={className}>\n <TextFieldBase\n UNSAFE_className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-field'\n )\n }\n inputClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-input'\n )\n }\n validationIconClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-icon'\n )\n }\n isQuiet={isQuiet}\n inputRef={inputRef}\n validationState={validationState}\n inputProps={inputProps}\n isDisabled={isDisabled}\n disableFocusRing />\n {showStepper &&\n <>\n <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n </>\n }\n {name && <input type=\"hidden\" name={name} value={isNaN(state.numberValue) ? '' : state.numberValue} />}\n </div>\n </FocusRing>\n );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n isQuiet: boolean,\n direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n props = useProviderProps(props);\n let {scale} = useProvider();\n let {direction, isDisabled, isQuiet} = props;\n /**\n * Must use div for now because Safari pointer event bugs on disabled form elements.\n * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n */\n let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n let {hoverProps, isHovered} = useHover(props);\n return (\n <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n <div\n className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-button',\n {\n 'spectrum-Stepper-button--stepUp': direction === 'up',\n 'spectrum-Stepper-button--stepDown': direction === 'down',\n 'spectrum-Stepper-button--isQuiet': isQuiet,\n 'is-hovered': isHovered,\n 'is-active': isPressed,\n 'is-disabled': isDisabled\n }\n )\n }\n {...mergeProps(hoverProps, buttonProps)}\n ref={ref}>\n {direction === 'up' && scale === 'large' &&\n <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n }\n {direction === 'up' && scale === 'medium' &&\n <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n }\n {direction === 'down' && scale === 'large' &&\n <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n }\n {direction === 'down' && scale === 'medium' &&\n <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n }\n </div>\n </FocusRing>\n );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {NumberFieldState, useNumberFieldState} from '@react-stately/numberfield';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n let provider = useProvider();\n let {\n isQuiet,\n isReadOnly,\n isDisabled,\n hideStepper\n } = props;\n\n let {styleProps: style} = useStyleProps(props);\n\n let {locale} = useLocale();\n let state = useNumberFieldState({...props, locale});\n let inputRef = useRef<HTMLInputElement>();\n let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n let {\n groupProps,\n labelProps,\n inputProps,\n incrementButtonProps,\n decrementButtonProps,\n descriptionProps,\n errorMessageProps\n } = useNumberField(props, state, inputRef);\n let isMobile = provider.scale === 'large';\n let showStepper = !hideStepper;\n\n let {isHovered, hoverProps} = useHover({isDisabled});\n\n let className =\n classNames(\n stepperStyle,\n 'spectrum-Stepper',\n {\n 'spectrum-Stepper--isQuiet': isQuiet,\n 'is-disabled': isDisabled,\n 'spectrum-Stepper--readonly': isReadOnly,\n 'is-invalid': props.validationState === 'invalid' && !isDisabled,\n 'spectrum-Stepper--showStepper': showStepper,\n 'spectrum-Stepper--isMobile': isMobile,\n 'is-hovered': isHovered,\n // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n [style.className]: !props.label && style.className\n }\n );\n\n return (\n <Field\n {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n labelProps={labelProps}\n ref={domRef}\n wrapperClassName={classNames(\n stepperStyle,\n 'spectrum-Stepper-container',\n {\n 'spectrum-Stepper-container--isMobile': isMobile\n }\n )}>\n <NumberFieldInput\n {...props}\n groupProps={mergeProps(groupProps, hoverProps)}\n inputProps={inputProps}\n inputRef={inputRef}\n incrementProps={incrementButtonProps}\n decrementProps={decrementButtonProps}\n className={className}\n style={style}\n state={state} />\n </Field>\n );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n groupProps: HTMLAttributes<HTMLDivElement>,\n inputProps: InputHTMLAttributes<HTMLInputElement>,\n inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n incrementProps: AriaButtonProps,\n decrementProps: AriaButtonProps,\n className?: string,\n style?: React.CSSProperties,\n state: NumberFieldState\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n let {\n groupProps,\n inputProps,\n inputRef,\n incrementProps,\n decrementProps,\n className,\n style,\n autoFocus,\n isQuiet,\n isDisabled,\n hideStepper,\n validationState,\n name,\n state\n } = props;\n let showStepper = !hideStepper;\n\n return (\n <FocusRing\n within\n isTextInput\n focusClass={classNames(stepperStyle, 'is-focused')}\n focusRingClass={classNames(stepperStyle, 'focus-ring')}\n autoFocus={autoFocus}>\n <div\n {...groupProps}\n ref={ref as RefObject<HTMLDivElement>}\n style={style}\n className={className}>\n <TextFieldBase\n UNSAFE_className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-field'\n )\n }\n inputClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-input'\n )\n }\n validationIconClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-icon'\n )\n }\n isQuiet={isQuiet}\n inputRef={inputRef}\n validationState={validationState}\n inputProps={inputProps}\n isDisabled={isDisabled}\n disableFocusRing />\n {showStepper &&\n <>\n <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n </>\n }\n {name && <input type=\"hidden\" name={name} value={isNaN(state.numberValue) ? '' : state.numberValue} />}\n </div>\n </FocusRing>\n );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n isQuiet: boolean,\n direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n props = useProviderProps(props);\n let {scale} = useProvider();\n let {direction, isDisabled, isQuiet} = props;\n /**\n * Must use div for now because Safari pointer event bugs on disabled form elements.\n * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n */\n let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n let {hoverProps, isHovered} = useHover(props);\n return (\n <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n <div\n className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-button',\n {\n 'spectrum-Stepper-button--stepUp': direction === 'up',\n 'spectrum-Stepper-button--stepDown': direction === 'down',\n 'spectrum-Stepper-button--isQuiet': isQuiet,\n 'is-hovered': isHovered,\n 'is-active': isPressed,\n 'is-disabled': isDisabled\n }\n )\n }\n {...mergeProps(hoverProps, buttonProps)}\n ref={ref}>\n {direction === 'up' && scale === 'large' &&\n <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n }\n {direction === 'up' && scale === 'medium' &&\n <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n }\n {direction === 'down' && scale === 'large' &&\n <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n }\n {direction === 'down' && scale === 'medium' &&\n <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n }\n </div>\n </FocusRing>\n );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|