@react-spectrum/numberfield 3.0.0-nightly.1349 → 3.0.0-nightly.1373

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/main.css +1 -2
  2. package/dist/main.js +273 -252
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +273 -218
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +20 -20
  8. package/dist/main.css.map +0 -1
package/dist/main.js CHANGED
@@ -1,286 +1,307 @@
1
- var {
2
- useNumberFieldState
3
- } = require("@react-stately/numberfield");
1
+ require("./main.css");
2
+ var $5m2PN$reactspectrumutils = require("@react-spectrum/utils");
3
+ var $5m2PN$reactspectrumlabel = require("@react-spectrum/label");
4
+ var $5m2PN$reactariafocus = require("@react-aria/focus");
5
+ var $5m2PN$reactariautils = require("@react-aria/utils");
6
+ var $5m2PN$react = require("react");
7
+ var $5m2PN$reactspectrumtextfield = require("@react-spectrum/textfield");
8
+ var $5m2PN$reactariainteractions = require("@react-aria/interactions");
9
+ var $5m2PN$reactariai18n = require("@react-aria/i18n");
10
+ var $5m2PN$reactarianumberfield = require("@react-aria/numberfield");
11
+ var $5m2PN$reactstatelynumberfield = require("@react-stately/numberfield");
12
+ var $5m2PN$reactspectrumprovider = require("@react-spectrum/provider");
13
+ var $5m2PN$spectrumiconsworkflowAdd = require("@spectrum-icons/workflow/Add");
14
+ var $5m2PN$spectrumiconsuiChevronDownSmall = require("@spectrum-icons/ui/ChevronDownSmall");
15
+ var $5m2PN$spectrumiconsuiChevronUpSmall = require("@spectrum-icons/ui/ChevronUpSmall");
16
+ var $5m2PN$spectrumiconsworkflowRemove = require("@spectrum-icons/workflow/Remove");
17
+ var $5m2PN$reactariabutton = require("@react-aria/button");
4
18
 
5
- var {
6
- useNumberField
7
- } = require("@react-aria/numberfield");
19
+ function $parcel$exportWildcard(dest, source) {
20
+ Object.keys(source).forEach(function(key) {
21
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
22
+ return;
23
+ }
8
24
 
9
- var {
10
- useLocale
11
- } = require("@react-aria/i18n");
25
+ Object.defineProperty(dest, key, {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return source[key];
29
+ }
30
+ });
31
+ });
12
32
 
13
- var {
14
- TextFieldBase
15
- } = require("@react-spectrum/textfield");
33
+ return dest;
34
+ }
35
+ function $parcel$interopDefault(a) {
36
+ return a && a.__esModule ? a.default : a;
37
+ }
38
+ function $parcel$export(e, n, v, s) {
39
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
40
+ }
41
+ var $93f670a1bf622346$exports = {};
16
42
 
17
- var {
18
- useProvider,
19
- useProviderProps
20
- } = require("@react-spectrum/provider");
43
+ $parcel$export($93f670a1bf622346$exports, "NumberField", () => $93f670a1bf622346$export$63c5fa0b2fdccd2e);
21
44
 
22
- var {
23
- useHover
24
- } = require("@react-aria/interactions");
25
45
 
26
- var {
27
- useButton
28
- } = require("@react-aria/button");
29
46
 
30
- var _spectrumIconsWorkflowRemove = $parcel$interopDefault(require("@spectrum-icons/workflow/Remove"));
31
47
 
32
- var _spectrumIconsUiChevronUpSmall = $parcel$interopDefault(require("@spectrum-icons/ui/ChevronUpSmall"));
33
48
 
34
- var _spectrumIconsUiChevronDownSmall = $parcel$interopDefault(require("@spectrum-icons/ui/ChevronDownSmall"));
35
49
 
36
- var _spectrumIconsWorkflowAdd = $parcel$interopDefault(require("@spectrum-icons/workflow/Add"));
37
50
 
38
- var _react2 = require("react");
39
51
 
40
- var _react = $parcel$interopDefault(_react2);
41
52
 
42
- var {
43
- useRef
44
- } = _react2;
45
53
 
46
- var {
47
- mergeProps
48
- } = require("@react-aria/utils");
49
54
 
50
- var {
51
- FocusRing
52
- } = require("@react-aria/focus");
53
55
 
54
- var {
55
- Field
56
- } = require("@react-spectrum/label");
57
56
 
58
- var {
59
- classNames,
60
- useFocusableRef,
61
- useStyleProps
62
- } = require("@react-spectrum/utils");
57
+ var $12d19da35f168ef6$exports = {};
58
+
59
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Button", () => $12d19da35f168ef6$export$1db4cca5b4ade39a, (v) => $12d19da35f168ef6$export$1db4cca5b4ade39a = v);
60
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-ActionButton", () => $12d19da35f168ef6$export$53da69f51b770d3, (v) => $12d19da35f168ef6$export$53da69f51b770d3 = v);
61
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-LogicButton", () => $12d19da35f168ef6$export$36ae67a131730482, (v) => $12d19da35f168ef6$export$36ae67a131730482 = v);
62
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-FieldButton", () => $12d19da35f168ef6$export$a024c99ecf6b5741, (v) => $12d19da35f168ef6$export$a024c99ecf6b5741 = v);
63
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-ClearButton", () => $12d19da35f168ef6$export$b752ce409e5660c, (v) => $12d19da35f168ef6$export$b752ce409e5660c = v);
64
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper-button", () => $12d19da35f168ef6$export$4e11596482f95f63, (v) => $12d19da35f168ef6$export$4e11596482f95f63 = v);
65
+ $parcel$export($12d19da35f168ef6$exports, "focus-ring", () => $12d19da35f168ef6$export$f39a09f249340e2a, (v) => $12d19da35f168ef6$export$f39a09f249340e2a = v);
66
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Icon", () => $12d19da35f168ef6$export$d374b04f30360026, (v) => $12d19da35f168ef6$export$d374b04f30360026 = v);
67
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-ActionButton--emphasized", () => $12d19da35f168ef6$export$5aabb61a966e266f, (v) => $12d19da35f168ef6$export$5aabb61a966e266f = v);
68
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-ActionButton--staticColor", () => $12d19da35f168ef6$export$29b7b5d6a5a497c5, (v) => $12d19da35f168ef6$export$29b7b5d6a5a497c5 = v);
69
+ $parcel$export($12d19da35f168ef6$exports, "is-hovered", () => $12d19da35f168ef6$export$b8813cd5d7824ce7, (v) => $12d19da35f168ef6$export$b8813cd5d7824ce7 = v);
70
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Button-label", () => $12d19da35f168ef6$export$c081ba562e204942, (v) => $12d19da35f168ef6$export$c081ba562e204942 = v);
71
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-ActionButton-label", () => $12d19da35f168ef6$export$ebb4635c66bacdb9, (v) => $12d19da35f168ef6$export$ebb4635c66bacdb9 = v);
72
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-ActionButton-hold", () => $12d19da35f168ef6$export$4a4f01c443eff992, (v) => $12d19da35f168ef6$export$4a4f01c443eff992 = v);
73
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-ActionButton--quiet", () => $12d19da35f168ef6$export$40e1f009544bacf3, (v) => $12d19da35f168ef6$export$40e1f009544bacf3 = v);
74
+ $parcel$export($12d19da35f168ef6$exports, "is-disabled", () => $12d19da35f168ef6$export$d35bc1e505d1ebbf, (v) => $12d19da35f168ef6$export$d35bc1e505d1ebbf = v);
75
+ $parcel$export($12d19da35f168ef6$exports, "is-open", () => $12d19da35f168ef6$export$a9781837241c946d, (v) => $12d19da35f168ef6$export$a9781837241c946d = v);
76
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-FieldButton--quiet", () => $12d19da35f168ef6$export$5ca7b274e4fff9fc, (v) => $12d19da35f168ef6$export$5ca7b274e4fff9fc = v);
77
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-ClearButton--overBackground", () => $12d19da35f168ef6$export$116f2fccf941d34d, (v) => $12d19da35f168ef6$export$116f2fccf941d34d = v);
78
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-ClearButton--small", () => $12d19da35f168ef6$export$49280ffa5236ba8b, (v) => $12d19da35f168ef6$export$49280ffa5236ba8b = v);
79
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper", () => $12d19da35f168ef6$export$f49c123746e1fb8, (v) => $12d19da35f168ef6$export$f49c123746e1fb8 = v);
80
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper--isMobile", () => $12d19da35f168ef6$export$75e6f9c4d1d95421, (v) => $12d19da35f168ef6$export$75e6f9c4d1d95421 = v);
81
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper-button--stepUp", () => $12d19da35f168ef6$export$6c76d609d604c6e5, (v) => $12d19da35f168ef6$export$6c76d609d604c6e5 = v);
82
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper-button--stepDown", () => $12d19da35f168ef6$export$e4ad52f6ba4e317b, (v) => $12d19da35f168ef6$export$e4ad52f6ba4e317b = v);
83
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper-field", () => $12d19da35f168ef6$export$faac6573b15f75d6, (v) => $12d19da35f168ef6$export$faac6573b15f75d6 = v);
84
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper-icon", () => $12d19da35f168ef6$export$639c56ba6082b615, (v) => $12d19da35f168ef6$export$639c56ba6082b615 = v);
85
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper--isQuiet", () => $12d19da35f168ef6$export$70ed0eb2ba7512f8, (v) => $12d19da35f168ef6$export$70ed0eb2ba7512f8 = v);
86
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper--showStepper", () => $12d19da35f168ef6$export$a4e366275982a12f, (v) => $12d19da35f168ef6$export$a4e366275982a12f = v);
87
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper-input", () => $12d19da35f168ef6$export$8273fb931edd57d4, (v) => $12d19da35f168ef6$export$8273fb931edd57d4 = v);
88
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper-container", () => $12d19da35f168ef6$export$f49a6eb8460c3f93, (v) => $12d19da35f168ef6$export$f49a6eb8460c3f93 = v);
89
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper-container--isMobile", () => $12d19da35f168ef6$export$3486d98f7bb904b1, (v) => $12d19da35f168ef6$export$3486d98f7bb904b1 = v);
90
+ $parcel$export($12d19da35f168ef6$exports, "spectrum-Stepper-button-icon", () => $12d19da35f168ef6$export$7d7cb0c4055e98ab, (v) => $12d19da35f168ef6$export$7d7cb0c4055e98ab = v);
91
+ $parcel$export($12d19da35f168ef6$exports, "is-active", () => $12d19da35f168ef6$export$20fd0f7cd4e6112f, (v) => $12d19da35f168ef6$export$20fd0f7cd4e6112f = v);
92
+ $parcel$export($12d19da35f168ef6$exports, "is-focused", () => $12d19da35f168ef6$export$e7dc768d35940237, (v) => $12d19da35f168ef6$export$e7dc768d35940237 = v);
93
+ $parcel$export($12d19da35f168ef6$exports, "is-invalid", () => $12d19da35f168ef6$export$14a30de2866685fa, (v) => $12d19da35f168ef6$export$14a30de2866685fa = v);
94
+ var $12d19da35f168ef6$export$1db4cca5b4ade39a;
95
+ var $12d19da35f168ef6$export$53da69f51b770d3;
96
+ var $12d19da35f168ef6$export$36ae67a131730482;
97
+ var $12d19da35f168ef6$export$a024c99ecf6b5741;
98
+ var $12d19da35f168ef6$export$b752ce409e5660c;
99
+ var $12d19da35f168ef6$export$4e11596482f95f63;
100
+ var $12d19da35f168ef6$export$f39a09f249340e2a;
101
+ var $12d19da35f168ef6$export$d374b04f30360026;
102
+ var $12d19da35f168ef6$export$5aabb61a966e266f;
103
+ var $12d19da35f168ef6$export$29b7b5d6a5a497c5;
104
+ var $12d19da35f168ef6$export$b8813cd5d7824ce7;
105
+ var $12d19da35f168ef6$export$c081ba562e204942;
106
+ var $12d19da35f168ef6$export$ebb4635c66bacdb9;
107
+ var $12d19da35f168ef6$export$4a4f01c443eff992;
108
+ var $12d19da35f168ef6$export$40e1f009544bacf3;
109
+ var $12d19da35f168ef6$export$d35bc1e505d1ebbf;
110
+ var $12d19da35f168ef6$export$a9781837241c946d;
111
+ var $12d19da35f168ef6$export$5ca7b274e4fff9fc;
112
+ var $12d19da35f168ef6$export$116f2fccf941d34d;
113
+ var $12d19da35f168ef6$export$49280ffa5236ba8b;
114
+ var $12d19da35f168ef6$export$f49c123746e1fb8;
115
+ var $12d19da35f168ef6$export$75e6f9c4d1d95421;
116
+ var $12d19da35f168ef6$export$6c76d609d604c6e5;
117
+ var $12d19da35f168ef6$export$e4ad52f6ba4e317b;
118
+ var $12d19da35f168ef6$export$faac6573b15f75d6;
119
+ var $12d19da35f168ef6$export$639c56ba6082b615;
120
+ var $12d19da35f168ef6$export$70ed0eb2ba7512f8;
121
+ var $12d19da35f168ef6$export$a4e366275982a12f;
122
+ var $12d19da35f168ef6$export$8273fb931edd57d4;
123
+ var $12d19da35f168ef6$export$f49a6eb8460c3f93;
124
+ var $12d19da35f168ef6$export$3486d98f7bb904b1;
125
+ var $12d19da35f168ef6$export$7d7cb0c4055e98ab;
126
+ var $12d19da35f168ef6$export$20fd0f7cd4e6112f;
127
+ var $12d19da35f168ef6$export$e7dc768d35940237;
128
+ var $12d19da35f168ef6$export$14a30de2866685fa;
129
+ $12d19da35f168ef6$export$1db4cca5b4ade39a = "_spectrum-Button_8890ad";
130
+ $12d19da35f168ef6$export$53da69f51b770d3 = "_spectrum-ActionButton_8890ad";
131
+ $12d19da35f168ef6$export$36ae67a131730482 = "_spectrum-LogicButton_8890ad";
132
+ $12d19da35f168ef6$export$a024c99ecf6b5741 = "_spectrum-FieldButton_8890ad";
133
+ $12d19da35f168ef6$export$b752ce409e5660c = "_spectrum-ClearButton_8890ad";
134
+ $12d19da35f168ef6$export$4e11596482f95f63 = "_spectrum-Stepper-button_8890ad";
135
+ $12d19da35f168ef6$export$f39a09f249340e2a = "_focus-ring_8890ad";
136
+ $12d19da35f168ef6$export$d374b04f30360026 = "_spectrum-Icon_8890ad";
137
+ $12d19da35f168ef6$export$5aabb61a966e266f = "_spectrum-ActionButton--emphasized_8890ad";
138
+ $12d19da35f168ef6$export$29b7b5d6a5a497c5 = "_spectrum-ActionButton--staticColor_8890ad";
139
+ $12d19da35f168ef6$export$b8813cd5d7824ce7 = "_is-hovered_8890ad";
140
+ $12d19da35f168ef6$export$c081ba562e204942 = "_spectrum-Button-label_8890ad";
141
+ $12d19da35f168ef6$export$ebb4635c66bacdb9 = "_spectrum-ActionButton-label_8890ad";
142
+ $12d19da35f168ef6$export$4a4f01c443eff992 = "_spectrum-ActionButton-hold_8890ad";
143
+ $12d19da35f168ef6$export$40e1f009544bacf3 = "_spectrum-ActionButton--quiet_8890ad";
144
+ $12d19da35f168ef6$export$d35bc1e505d1ebbf = "_is-disabled_8890ad";
145
+ $12d19da35f168ef6$export$a9781837241c946d = "_is-open_8890ad";
146
+ $12d19da35f168ef6$export$5ca7b274e4fff9fc = "_spectrum-FieldButton--quiet_8890ad";
147
+ $12d19da35f168ef6$export$116f2fccf941d34d = "_spectrum-ClearButton--overBackground_8890ad";
148
+ $12d19da35f168ef6$export$49280ffa5236ba8b = "_spectrum-ClearButton--small_8890ad";
149
+ $12d19da35f168ef6$export$f49c123746e1fb8 = "_spectrum-Stepper_8890ad";
150
+ $12d19da35f168ef6$export$75e6f9c4d1d95421 = "_spectrum-Stepper--isMobile_8890ad";
151
+ $12d19da35f168ef6$export$6c76d609d604c6e5 = "_spectrum-Stepper-button--stepUp_8890ad";
152
+ $12d19da35f168ef6$export$e4ad52f6ba4e317b = "_spectrum-Stepper-button--stepDown_8890ad";
153
+ $12d19da35f168ef6$export$faac6573b15f75d6 = "_spectrum-Stepper-field_8890ad";
154
+ $12d19da35f168ef6$export$639c56ba6082b615 = "_spectrum-Stepper-icon_8890ad";
155
+ $12d19da35f168ef6$export$70ed0eb2ba7512f8 = "_spectrum-Stepper--isQuiet_8890ad";
156
+ $12d19da35f168ef6$export$a4e366275982a12f = "_spectrum-Stepper--showStepper_8890ad";
157
+ $12d19da35f168ef6$export$8273fb931edd57d4 = "_spectrum-Stepper-input_8890ad";
158
+ $12d19da35f168ef6$export$f49a6eb8460c3f93 = "_spectrum-Stepper-container_8890ad";
159
+ $12d19da35f168ef6$export$3486d98f7bb904b1 = "_spectrum-Stepper-container--isMobile_8890ad";
160
+ $12d19da35f168ef6$export$7d7cb0c4055e98ab = "_spectrum-Stepper-button-icon_8890ad";
161
+ $12d19da35f168ef6$export$20fd0f7cd4e6112f = "_is-active_8890ad";
162
+ $12d19da35f168ef6$export$e7dc768d35940237 = "_is-focused_8890ad";
163
+ $12d19da35f168ef6$export$14a30de2866685fa = "_is-invalid_8890ad";
164
+
63
165
 
64
- var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
65
166
 
66
- require("./main.css");
67
167
 
68
- function $parcel$interopDefault(a) {
69
- return a && a.__esModule ? a.default : a;
70
- }
71
168
 
72
- // ASSET: /home/circleci/react-spectrum/node_modules/@adobe/spectrum-css-temp/components/stepper/vars.css
73
- var $d4a007006219f2f0747e8180$exports = {};
74
- $d4a007006219f2f0747e8180$exports = {
75
- "spectrum-Button": "_spectrum-Button_8b355",
76
- "spectrum-ActionButton": "_spectrum-ActionButton_8b355",
77
- "spectrum-LogicButton": "_spectrum-LogicButton_8b355",
78
- "spectrum-FieldButton": "_spectrum-FieldButton_8b355",
79
- "spectrum-ClearButton": "_spectrum-ClearButton_8b355",
80
- "spectrum-Stepper-button": "_spectrum-Stepper-button_8b355",
81
- "focus-ring": "_focus-ring_8b355",
82
- "spectrum-Icon": "_spectrum-Icon_8b355",
83
- "spectrum-ActionButton--emphasized": "_spectrum-ActionButton--emphasized_8b355",
84
- "spectrum-ActionButton--staticColor": "_spectrum-ActionButton--staticColor_8b355",
85
- "is-hovered": "_is-hovered_8b355",
86
- "spectrum-Button-label": "_spectrum-Button-label_8b355",
87
- "spectrum-ActionButton-label": "_spectrum-ActionButton-label_8b355",
88
- "spectrum-ActionButton-hold": "_spectrum-ActionButton-hold_8b355",
89
- "spectrum-ActionButton--quiet": "_spectrum-ActionButton--quiet_8b355",
90
- "is-disabled": "_is-disabled_8b355",
91
- "is-open": "_is-open_8b355",
92
- "spectrum-FieldButton--quiet": "_spectrum-FieldButton--quiet_8b355",
93
- "spectrum-ClearButton--overBackground": "_spectrum-ClearButton--overBackground_8b355",
94
- "spectrum-ClearButton--small": "_spectrum-ClearButton--small_8b355",
95
- "spectrum-Stepper": "_spectrum-Stepper_8b355",
96
- "spectrum-Stepper--isMobile": "_spectrum-Stepper--isMobile_8b355",
97
- "spectrum-Stepper-button--stepUp": "_spectrum-Stepper-button--stepUp_8b355",
98
- "spectrum-Stepper-button--stepDown": "_spectrum-Stepper-button--stepDown_8b355",
99
- "spectrum-Stepper-field": "_spectrum-Stepper-field_8b355",
100
- "spectrum-Stepper-icon": "_spectrum-Stepper-icon_8b355",
101
- "spectrum-Stepper--isQuiet": "_spectrum-Stepper--isQuiet_8b355",
102
- "spectrum-Stepper--showStepper": "_spectrum-Stepper--showStepper_8b355",
103
- "spectrum-Stepper-input": "_spectrum-Stepper-input_8b355",
104
- "spectrum-Stepper-container": "_spectrum-Stepper-container_8b355",
105
- "spectrum-Stepper-container--isMobile": "_spectrum-Stepper-container--isMobile_8b355",
106
- "spectrum-Stepper-button-icon": "_spectrum-Stepper-button-icon_8b355",
107
- "is-active": "_is-active_8b355",
108
- "is-focused": "_is-focused_8b355",
109
- "is-invalid": "_is-invalid_8b355"
110
- };
111
- var $d4a007006219f2f0747e8180$$interop$default = $parcel$interopDefault($d4a007006219f2f0747e8180$exports);
112
-
113
- function $a76af8b854aff60e70a87f94896d9fa1$var$StepButton(props, ref) {
114
- props = useProviderProps(props);
115
- let {
116
- scale
117
- } = useProvider();
118
- let {
119
- direction,
120
- isDisabled,
121
- isQuiet
122
- } = props;
123
- /**
169
+ function $b9e3cde7a62bbeed$var$StepButton(props, ref) {
170
+ props = $5m2PN$reactspectrumprovider.useProviderProps(props);
171
+ let { scale: scale } = $5m2PN$reactspectrumprovider.useProvider();
172
+ let { direction: direction , isDisabled: isDisabled , isQuiet: isQuiet } = props;
173
+ /**
124
174
  * Must use div for now because Safari pointer event bugs on disabled form elements.
125
175
  * Link https://bugs.webkit.org/show_bug.cgi?id=219188.
126
- */
127
-
128
- let {
129
- buttonProps,
130
- isPressed
131
- } = useButton(_babelRuntimeHelpersExtends({}, props, {
132
- elementType: 'div'
133
- }), ref);
134
- let {
135
- hoverProps,
136
- isHovered
137
- } = useHover(props);
138
- return /*#__PURE__*/_react.createElement(FocusRing, {
139
- focusRingClass: classNames($d4a007006219f2f0747e8180$$interop$default, 'focus-ring')
140
- }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({
141
- className: classNames($d4a007006219f2f0747e8180$$interop$default, 'spectrum-Stepper-button', {
142
- 'spectrum-Stepper-button--stepUp': direction === 'up',
143
- 'spectrum-Stepper-button--stepDown': direction === 'down',
144
- 'spectrum-Stepper-button--isQuiet': isQuiet,
145
- 'is-hovered': isHovered,
146
- 'is-active': isPressed,
147
- 'is-disabled': isDisabled
148
- })
149
- }, mergeProps(hoverProps, buttonProps), {
150
- ref: ref
151
- }), direction === 'up' && scale === 'large' && /*#__PURE__*/_react.createElement(_spectrumIconsWorkflowAdd, {
152
- UNSAFE_className: classNames($d4a007006219f2f0747e8180$$interop$default, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon'),
153
- size: "S"
154
- }), direction === 'up' && scale === 'medium' && /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronUpSmall, {
155
- UNSAFE_className: classNames($d4a007006219f2f0747e8180$$interop$default, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')
156
- }), direction === 'down' && scale === 'large' && /*#__PURE__*/_react.createElement(_spectrumIconsWorkflowRemove, {
157
- UNSAFE_className: classNames($d4a007006219f2f0747e8180$$interop$default, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon'),
158
- size: "S"
159
- }), direction === 'down' && scale === 'medium' && /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronDownSmall, {
160
- UNSAFE_className: classNames($d4a007006219f2f0747e8180$$interop$default, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')
161
- })));
176
+ */ let { buttonProps: buttonProps , isPressed: isPressed } = $5m2PN$reactariabutton.useButton({
177
+ ...props,
178
+ elementType: 'div'
179
+ }, ref);
180
+ let { hoverProps: hoverProps , isHovered: isHovered } = $5m2PN$reactariainteractions.useHover(props);
181
+ return(/*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement($5m2PN$reactariafocus.FocusRing, {
182
+ focusRingClass: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'focus-ring')
183
+ }, /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement("div", {
184
+ className: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'spectrum-Stepper-button', {
185
+ 'spectrum-Stepper-button--stepUp': direction === 'up',
186
+ 'spectrum-Stepper-button--stepDown': direction === 'down',
187
+ 'spectrum-Stepper-button--isQuiet': isQuiet,
188
+ 'is-hovered': isHovered,
189
+ 'is-active': isPressed,
190
+ 'is-disabled': isDisabled
191
+ }),
192
+ ...$5m2PN$reactariautils.mergeProps(hoverProps, buttonProps),
193
+ ref: ref
194
+ }, direction === 'up' && scale === 'large' && /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement(($parcel$interopDefault($5m2PN$spectrumiconsworkflowAdd)), {
195
+ UNSAFE_className: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon'),
196
+ size: "S"
197
+ }), direction === 'up' && scale === 'medium' && /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement(($parcel$interopDefault($5m2PN$spectrumiconsuiChevronUpSmall)), {
198
+ UNSAFE_className: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')
199
+ }), direction === 'down' && scale === 'large' && /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement(($parcel$interopDefault($5m2PN$spectrumiconsworkflowRemove)), {
200
+ UNSAFE_className: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon'),
201
+ size: "S"
202
+ }), direction === 'down' && scale === 'medium' && /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement(($parcel$interopDefault($5m2PN$spectrumiconsuiChevronDownSmall)), {
203
+ UNSAFE_className: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')
204
+ }))));
162
205
  }
163
206
  /**
164
207
  * Buttons for NumberField.
165
- */
166
-
167
-
168
- let $a76af8b854aff60e70a87f94896d9fa1$export$StepButton = /*#__PURE__*/_react.forwardRef($a76af8b854aff60e70a87f94896d9fa1$var$StepButton);
169
-
170
- function $ce21b38982d1913bcad5f7c7ce6464f8$var$NumberField(props, ref) {
171
- props = useProviderProps(props);
172
- let provider = useProvider();
173
- let {
174
- isQuiet,
175
- isReadOnly,
176
- isDisabled,
177
- hideStepper
178
- } = props;
179
- let {
180
- styleProps: style
181
- } = useStyleProps(props);
182
- let {
183
- locale
184
- } = useLocale();
185
- let state = useNumberFieldState(_babelRuntimeHelpersExtends({}, props, {
186
- locale
187
- }));
188
- let inputRef = useRef();
189
- let domRef = useFocusableRef(ref, inputRef);
190
- let {
191
- groupProps,
192
- labelProps,
193
- inputProps,
194
- incrementButtonProps,
195
- decrementButtonProps,
196
- descriptionProps,
197
- errorMessageProps
198
- } = useNumberField(props, state, inputRef);
199
- let isMobile = provider.scale === 'large';
200
- let showStepper = !hideStepper;
201
- let {
202
- isHovered,
203
- hoverProps
204
- } = useHover({
205
- isDisabled
206
- });
207
- let className = classNames($d4a007006219f2f0747e8180$$interop$default, 'spectrum-Stepper', {
208
- 'spectrum-Stepper--isQuiet': isQuiet,
209
- 'is-disabled': isDisabled,
210
- 'spectrum-Stepper--readonly': isReadOnly,
211
- 'is-invalid': props.validationState === 'invalid',
212
- 'spectrum-Stepper--showStepper': showStepper,
213
- 'spectrum-Stepper--isMobile': isMobile,
214
- 'is-hovered': isHovered,
215
- // because FocusRing won't pass along the className from Field, we have to handle that ourselves
216
- [style.className]: !props.label && style.className
217
- });
218
- return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersExtends({}, props, {
219
- descriptionProps: descriptionProps,
220
- errorMessageProps: errorMessageProps,
221
- labelProps: labelProps,
222
- ref: domRef,
223
- wrapperClassName: classNames($d4a007006219f2f0747e8180$$interop$default, 'spectrum-Stepper-container', {
224
- 'spectrum-Stepper-container--isMobile': isMobile
225
- })
226
- }), /*#__PURE__*/_react.createElement($ce21b38982d1913bcad5f7c7ce6464f8$var$NumberFieldInput, _babelRuntimeHelpersExtends({}, props, {
227
- groupProps: mergeProps(groupProps, hoverProps),
228
- inputProps: inputProps,
229
- inputRef: inputRef,
230
- incrementProps: incrementButtonProps,
231
- decrementProps: decrementButtonProps,
232
- className: className,
233
- style: style
234
- })));
235
- }
208
+ */ let $b9e3cde7a62bbeed$export$b2f6b60c1d32d6aa = /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).forwardRef($b9e3cde7a62bbeed$var$StepButton);
209
+
210
+
211
+
212
+
236
213
 
237
- const $ce21b38982d1913bcad5f7c7ce6464f8$var$NumberFieldInput = /*#__PURE__*/_react.forwardRef(function NumberFieldInput(props, ref) {
238
- let {
239
- groupProps,
240
- inputProps,
241
- inputRef,
242
- incrementProps,
243
- decrementProps,
244
- className,
245
- style,
246
- autoFocus,
247
- isQuiet,
248
- hideStepper,
249
- validationState
250
- } = props;
251
- let showStepper = !hideStepper;
252
- return /*#__PURE__*/_react.createElement(FocusRing, {
253
- within: true,
254
- isTextInput: true,
255
- focusClass: classNames($d4a007006219f2f0747e8180$$interop$default, 'is-focused'),
256
- focusRingClass: classNames($d4a007006219f2f0747e8180$$interop$default, 'focus-ring'),
257
- autoFocus: autoFocus
258
- }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, groupProps, {
259
- ref: ref,
260
- style: style,
261
- className: className
262
- }), /*#__PURE__*/_react.createElement(TextFieldBase, {
263
- UNSAFE_className: classNames($d4a007006219f2f0747e8180$$interop$default, 'spectrum-Stepper-field'),
264
- inputClassName: classNames($d4a007006219f2f0747e8180$$interop$default, 'spectrum-Stepper-input'),
265
- validationIconClassName: classNames($d4a007006219f2f0747e8180$$interop$default, 'spectrum-Stepper-icon'),
266
- isQuiet: isQuiet,
267
- inputRef: inputRef,
268
- validationState: validationState,
269
- inputProps: inputProps
270
- }), showStepper && /*#__PURE__*/_react.createElement(_react.Fragment, null, /*#__PURE__*/_react.createElement($a76af8b854aff60e70a87f94896d9fa1$export$StepButton, _babelRuntimeHelpersExtends({
271
- direction: "up",
272
- isQuiet: isQuiet
273
- }, incrementProps)), /*#__PURE__*/_react.createElement($a76af8b854aff60e70a87f94896d9fa1$export$StepButton, _babelRuntimeHelpersExtends({
274
- direction: "down",
275
- isQuiet: isQuiet
276
- }, decrementProps)))));
214
+
215
+
216
+
217
+
218
+ function $93f670a1bf622346$var$NumberField(props, ref) {
219
+ props = $5m2PN$reactspectrumprovider.useProviderProps(props);
220
+ let provider = $5m2PN$reactspectrumprovider.useProvider();
221
+ let { isQuiet: isQuiet , isReadOnly: isReadOnly , isDisabled: isDisabled , hideStepper: hideStepper } = props;
222
+ let { styleProps: style } = $5m2PN$reactspectrumutils.useStyleProps(props);
223
+ let { locale: locale } = $5m2PN$reactariai18n.useLocale();
224
+ let state = $5m2PN$reactstatelynumberfield.useNumberFieldState({
225
+ ...props,
226
+ locale: locale
227
+ });
228
+ let inputRef = $5m2PN$react.useRef();
229
+ let domRef = $5m2PN$reactspectrumutils.useFocusableRef(ref, inputRef);
230
+ let { groupProps: groupProps , labelProps: labelProps , inputProps: inputProps , incrementButtonProps: incrementButtonProps , decrementButtonProps: decrementButtonProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $5m2PN$reactarianumberfield.useNumberField(props, state, inputRef);
231
+ let isMobile = provider.scale === 'large';
232
+ let showStepper = !hideStepper;
233
+ let { isHovered: isHovered , hoverProps: hoverProps } = $5m2PN$reactariainteractions.useHover({
234
+ isDisabled: isDisabled
235
+ });
236
+ let className = $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'spectrum-Stepper', {
237
+ 'spectrum-Stepper--isQuiet': isQuiet,
238
+ 'is-disabled': isDisabled,
239
+ 'spectrum-Stepper--readonly': isReadOnly,
240
+ 'is-invalid': props.validationState === 'invalid',
241
+ 'spectrum-Stepper--showStepper': showStepper,
242
+ 'spectrum-Stepper--isMobile': isMobile,
243
+ 'is-hovered': isHovered,
244
+ // because FocusRing won't pass along the className from Field, we have to handle that ourselves
245
+ [style.className]: !props.label && style.className
246
+ });
247
+ return(/*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement($5m2PN$reactspectrumlabel.Field, {
248
+ ...props,
249
+ descriptionProps: descriptionProps,
250
+ errorMessageProps: errorMessageProps,
251
+ labelProps: labelProps,
252
+ ref: domRef,
253
+ wrapperClassName: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'spectrum-Stepper-container', {
254
+ 'spectrum-Stepper-container--isMobile': isMobile
255
+ })
256
+ }, /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement($93f670a1bf622346$var$NumberFieldInput, {
257
+ ...props,
258
+ groupProps: $5m2PN$reactariautils.mergeProps(groupProps, hoverProps),
259
+ inputProps: inputProps,
260
+ inputRef: inputRef,
261
+ incrementProps: incrementButtonProps,
262
+ decrementProps: decrementButtonProps,
263
+ className: className,
264
+ style: style
265
+ })));
266
+ }
267
+ const $93f670a1bf622346$var$NumberFieldInput = /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).forwardRef(function NumberFieldInput(props, ref) {
268
+ let { groupProps: groupProps , inputProps: inputProps , inputRef: inputRef , incrementProps: incrementProps , decrementProps: decrementProps , className: className , style: style , autoFocus: autoFocus , isQuiet: isQuiet , hideStepper: hideStepper , validationState: validationState } = props;
269
+ let showStepper = !hideStepper;
270
+ return(/*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement($5m2PN$reactariafocus.FocusRing, {
271
+ within: true,
272
+ isTextInput: true,
273
+ focusClass: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'is-focused'),
274
+ focusRingClass: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'focus-ring'),
275
+ autoFocus: autoFocus
276
+ }, /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement("div", {
277
+ ...groupProps,
278
+ ref: ref,
279
+ style: style,
280
+ className: className
281
+ }, /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement($5m2PN$reactspectrumtextfield.TextFieldBase, {
282
+ UNSAFE_className: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'spectrum-Stepper-field'),
283
+ inputClassName: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'spectrum-Stepper-input'),
284
+ validationIconClassName: $5m2PN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($12d19da35f168ef6$exports)), 'spectrum-Stepper-icon'),
285
+ isQuiet: isQuiet,
286
+ inputRef: inputRef,
287
+ validationState: validationState,
288
+ inputProps: inputProps
289
+ }), showStepper && /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement(($parcel$interopDefault($5m2PN$react)).Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement($b9e3cde7a62bbeed$export$b2f6b60c1d32d6aa, {
290
+ direction: "up",
291
+ isQuiet: isQuiet,
292
+ ...incrementProps
293
+ }), /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).createElement($b9e3cde7a62bbeed$export$b2f6b60c1d32d6aa, {
294
+ direction: "down",
295
+ isQuiet: isQuiet,
296
+ ...decrementProps
297
+ })))));
277
298
  });
278
299
  /**
279
300
  * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
280
- */
301
+ */ let $93f670a1bf622346$export$63c5fa0b2fdccd2e = /*#__PURE__*/ ($parcel$interopDefault($5m2PN$react)).forwardRef($93f670a1bf622346$var$NumberField);
302
+
281
303
 
304
+ $parcel$exportWildcard(module.exports, $93f670a1bf622346$exports);
282
305
 
283
- let NumberField = /*#__PURE__*/_react.forwardRef($ce21b38982d1913bcad5f7c7ce6464f8$var$NumberField);
284
306
 
285
- exports.NumberField = NumberField;
286
307
  //# sourceMappingURL=main.js.map