@react-spectrum/radio 3.1.7 → 3.1.8
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 +155 -155
- package/dist/module.js +154 -154
- package/package.json +11 -11
package/dist/main.js
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
require("./main.css");
|
2
|
-
var $
|
3
|
-
var $
|
4
|
-
var $
|
5
|
-
var $
|
6
|
-
var $
|
7
|
-
var $
|
8
|
-
var $
|
9
|
-
var $
|
10
|
-
var $
|
2
|
+
var $ltKMc$reactspectrumutils = require("@react-spectrum/utils");
|
3
|
+
var $ltKMc$reactariafocus = require("@react-aria/focus");
|
4
|
+
var $ltKMc$react = require("react");
|
5
|
+
var $ltKMc$reactariainteractions = require("@react-aria/interactions");
|
6
|
+
var $ltKMc$reactariaradio = require("@react-aria/radio");
|
7
|
+
var $ltKMc$reactspectrumlabel = require("@react-spectrum/label");
|
8
|
+
var $ltKMc$reactspectrumform = require("@react-spectrum/form");
|
9
|
+
var $ltKMc$reactspectrumprovider = require("@react-spectrum/provider");
|
10
|
+
var $ltKMc$reactstatelyradio = require("@react-stately/radio");
|
11
11
|
|
12
12
|
function $parcel$exportWildcard(dest, source) {
|
13
13
|
Object.keys(source).forEach(function(key) {
|
@@ -31,72 +31,72 @@ function $parcel$interopDefault(a) {
|
|
31
31
|
function $parcel$export(e, n, v, s) {
|
32
32
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
33
33
|
}
|
34
|
-
var $
|
34
|
+
var $e8d5518f9c1aca76$exports = {};
|
35
35
|
|
36
|
-
$parcel$export($
|
36
|
+
$parcel$export($e8d5518f9c1aca76$exports, "Radio", () => $e8d5518f9c1aca76$export$d7b12c4107be0d61);
|
37
37
|
|
38
38
|
|
39
39
|
|
40
|
-
var $
|
40
|
+
var $a8fbff4889c18df2$exports = {};
|
41
41
|
|
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
|
-
var $
|
52
|
-
var $
|
53
|
-
var $
|
54
|
-
var $
|
55
|
-
var $
|
56
|
-
var $
|
57
|
-
var $
|
58
|
-
var $
|
59
|
-
var $
|
60
|
-
$
|
61
|
-
$
|
62
|
-
$
|
63
|
-
$
|
64
|
-
$
|
65
|
-
$
|
66
|
-
$
|
67
|
-
$
|
68
|
-
$
|
42
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio", () => $a8fbff4889c18df2$export$26ebd4dbfef068c5, (v) => $a8fbff4889c18df2$export$26ebd4dbfef068c5 = v);
|
43
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio-input", () => $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc, (v) => $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc = v);
|
44
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio-button", () => $a8fbff4889c18df2$export$bf9d5e902c33bf05, (v) => $a8fbff4889c18df2$export$bf9d5e902c33bf05 = v);
|
45
|
+
$parcel$export($a8fbff4889c18df2$exports, "focus-ring", () => $a8fbff4889c18df2$export$f39a09f249340e2a, (v) => $a8fbff4889c18df2$export$f39a09f249340e2a = v);
|
46
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio-label", () => $a8fbff4889c18df2$export$b0f8395a9667922d, (v) => $a8fbff4889c18df2$export$b0f8395a9667922d = v);
|
47
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio--labelBelow", () => $a8fbff4889c18df2$export$9443e7082698950d, (v) => $a8fbff4889c18df2$export$9443e7082698950d = v);
|
48
|
+
$parcel$export($a8fbff4889c18df2$exports, "is-hovered", () => $a8fbff4889c18df2$export$b8813cd5d7824ce7, (v) => $a8fbff4889c18df2$export$b8813cd5d7824ce7 = v);
|
49
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio--quiet", () => $a8fbff4889c18df2$export$6db66b55a897f36d, (v) => $a8fbff4889c18df2$export$6db66b55a897f36d = v);
|
50
|
+
$parcel$export($a8fbff4889c18df2$exports, "is-invalid", () => $a8fbff4889c18df2$export$14a30de2866685fa, (v) => $a8fbff4889c18df2$export$14a30de2866685fa = v);
|
51
|
+
var $a8fbff4889c18df2$export$26ebd4dbfef068c5;
|
52
|
+
var $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc;
|
53
|
+
var $a8fbff4889c18df2$export$bf9d5e902c33bf05;
|
54
|
+
var $a8fbff4889c18df2$export$f39a09f249340e2a;
|
55
|
+
var $a8fbff4889c18df2$export$b0f8395a9667922d;
|
56
|
+
var $a8fbff4889c18df2$export$9443e7082698950d;
|
57
|
+
var $a8fbff4889c18df2$export$b8813cd5d7824ce7;
|
58
|
+
var $a8fbff4889c18df2$export$6db66b55a897f36d;
|
59
|
+
var $a8fbff4889c18df2$export$14a30de2866685fa;
|
60
|
+
$a8fbff4889c18df2$export$26ebd4dbfef068c5 = "spectrum-Radio_bf46c2";
|
61
|
+
$a8fbff4889c18df2$export$c0ce6f9a6a2de1cc = "spectrum-Radio-input_bf46c2";
|
62
|
+
$a8fbff4889c18df2$export$bf9d5e902c33bf05 = "spectrum-Radio-button_bf46c2";
|
63
|
+
$a8fbff4889c18df2$export$f39a09f249340e2a = "focus-ring_bf46c2";
|
64
|
+
$a8fbff4889c18df2$export$b0f8395a9667922d = "spectrum-Radio-label_bf46c2";
|
65
|
+
$a8fbff4889c18df2$export$9443e7082698950d = "spectrum-Radio--labelBelow_bf46c2";
|
66
|
+
$a8fbff4889c18df2$export$b8813cd5d7824ce7 = "is-hovered_bf46c2";
|
67
|
+
$a8fbff4889c18df2$export$6db66b55a897f36d = "spectrum-Radio--quiet_bf46c2";
|
68
|
+
$a8fbff4889c18df2$export$14a30de2866685fa = "is-invalid_bf46c2";
|
69
69
|
|
70
70
|
|
71
71
|
|
72
72
|
|
73
73
|
|
74
|
-
const $
|
75
|
-
function $
|
76
|
-
return $
|
74
|
+
const $f5a8721b9af05d97$export$b118023277d4a5c3 = ($parcel$interopDefault($ltKMc$react)).createContext(null);
|
75
|
+
function $f5a8721b9af05d97$export$b054eba74077a826() {
|
76
|
+
return $ltKMc$react.useContext($f5a8721b9af05d97$export$b118023277d4a5c3);
|
77
77
|
}
|
78
78
|
|
79
79
|
|
80
|
-
function $
|
80
|
+
function $e8d5518f9c1aca76$var$Radio(props, ref) {
|
81
81
|
let { isDisabled: isDisabled , children: children , autoFocus: autoFocus , ...otherProps } = props;
|
82
|
-
let { styleProps: styleProps } = $
|
83
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
82
|
+
let { styleProps: styleProps } = $ltKMc$reactspectrumutils.useStyleProps(otherProps);
|
83
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $ltKMc$reactariainteractions.useHover({
|
84
84
|
isDisabled: isDisabled
|
85
85
|
});
|
86
|
-
let inputRef = $
|
87
|
-
let domRef = $
|
88
|
-
let radioGroupProps = $
|
86
|
+
let inputRef = $ltKMc$react.useRef(null);
|
87
|
+
let domRef = $ltKMc$reactspectrumutils.useFocusableRef(ref, inputRef);
|
88
|
+
let radioGroupProps = $f5a8721b9af05d97$export$b054eba74077a826();
|
89
89
|
let { isEmphasized: isEmphasized , validationState: validationState , state: state } = radioGroupProps;
|
90
|
-
let { inputProps: inputProps } = $
|
90
|
+
let { inputProps: inputProps } = $ltKMc$reactariaradio.useRadio({
|
91
91
|
...props,
|
92
92
|
...radioGroupProps,
|
93
93
|
isDisabled: isDisabled
|
94
94
|
}, state, inputRef);
|
95
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
95
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("label", {
|
96
96
|
...styleProps,
|
97
97
|
...hoverProps,
|
98
98
|
ref: domRef,
|
99
|
-
className: $
|
99
|
+
className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports)), 'spectrum-Radio', {
|
100
100
|
// Removing. Pending design feedback.
|
101
101
|
// 'spectrum-Radio--labelBelow': labelPosition === 'bottom',
|
102
102
|
'spectrum-Radio--quiet': !isEmphasized,
|
@@ -104,129 +104,129 @@ function $2033c9c68ea215df$var$Radio(props, ref) {
|
|
104
104
|
'is-invalid': validationState === 'invalid',
|
105
105
|
'is-hovered': isHovered
|
106
106
|
}, styleProps.className)
|
107
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
108
|
-
focusRingClass: $
|
107
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement($ltKMc$reactariafocus.FocusRing, {
|
108
|
+
focusRingClass: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports)), 'focus-ring'),
|
109
109
|
autoFocus: autoFocus
|
110
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
110
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("input", {
|
111
111
|
...inputProps,
|
112
112
|
ref: inputRef,
|
113
|
-
className: $
|
114
|
-
})), /*#__PURE__*/ ($parcel$interopDefault($
|
115
|
-
className: $
|
116
|
-
}), children && /*#__PURE__*/ ($parcel$interopDefault($
|
117
|
-
className: $
|
113
|
+
className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports)), 'spectrum-Radio-input')
|
114
|
+
})), /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("span", {
|
115
|
+
className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports)), 'spectrum-Radio-button')
|
116
|
+
}), children && /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("span", {
|
117
|
+
className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports)), 'spectrum-Radio-label')
|
118
118
|
}, children)));
|
119
119
|
}
|
120
120
|
/**
|
121
121
|
* Radio buttons allow users to select a single option from a list of mutually exclusive options.
|
122
122
|
* All possible options are exposed up front for users to compare.
|
123
|
-
*/ const $
|
124
|
-
|
125
|
-
|
126
|
-
var $
|
127
|
-
|
128
|
-
$parcel$export($
|
129
|
-
|
130
|
-
|
131
|
-
var $
|
132
|
-
|
133
|
-
$parcel$export($
|
134
|
-
$parcel$export($
|
135
|
-
$parcel$export($
|
136
|
-
$parcel$export($
|
137
|
-
$parcel$export($
|
138
|
-
$parcel$export($
|
139
|
-
$parcel$export($
|
140
|
-
$parcel$export($
|
141
|
-
$parcel$export($
|
142
|
-
$parcel$export($
|
143
|
-
$parcel$export($
|
144
|
-
$parcel$export($
|
145
|
-
$parcel$export($
|
146
|
-
$parcel$export($
|
147
|
-
$parcel$export($
|
148
|
-
var $
|
149
|
-
var $
|
150
|
-
var $
|
151
|
-
var $
|
152
|
-
var $
|
153
|
-
var $
|
154
|
-
var $
|
155
|
-
var $
|
156
|
-
var $
|
157
|
-
var $
|
158
|
-
var $
|
159
|
-
var $
|
160
|
-
var $
|
161
|
-
var $
|
162
|
-
var $
|
163
|
-
$
|
164
|
-
$
|
165
|
-
$
|
166
|
-
$
|
167
|
-
$
|
168
|
-
$
|
169
|
-
$
|
170
|
-
$
|
171
|
-
$
|
172
|
-
$
|
173
|
-
$
|
174
|
-
$
|
175
|
-
$
|
176
|
-
$
|
177
|
-
$
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
var $
|
183
|
-
|
184
|
-
$parcel$export($
|
185
|
-
$parcel$export($
|
186
|
-
$parcel$export($
|
187
|
-
$parcel$export($
|
188
|
-
var $
|
189
|
-
var $
|
190
|
-
var $
|
191
|
-
var $
|
192
|
-
$
|
193
|
-
$
|
194
|
-
$
|
195
|
-
$
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
function $
|
203
|
-
props = $
|
204
|
-
props = $
|
123
|
+
*/ const $e8d5518f9c1aca76$export$d7b12c4107be0d61 = /*#__PURE__*/ $ltKMc$react.forwardRef($e8d5518f9c1aca76$var$Radio);
|
124
|
+
|
125
|
+
|
126
|
+
var $aa5529d97b69d048$exports = {};
|
127
|
+
|
128
|
+
$parcel$export($aa5529d97b69d048$exports, "RadioGroup", () => $aa5529d97b69d048$export$a98f0dcb43a68a25);
|
129
|
+
|
130
|
+
|
131
|
+
var $eb2fc0ee655eff6b$exports = {};
|
132
|
+
|
133
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-FieldLabel", () => $eb2fc0ee655eff6b$export$493d18e796ae054, (v) => $eb2fc0ee655eff6b$export$493d18e796ae054 = v);
|
134
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-FieldLabel--positionSide", () => $eb2fc0ee655eff6b$export$9e6f19dc21f22f2e, (v) => $eb2fc0ee655eff6b$export$9e6f19dc21f22f2e = v);
|
135
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-FieldLabel-requiredIcon", () => $eb2fc0ee655eff6b$export$7c47642c7d46f3c9, (v) => $eb2fc0ee655eff6b$export$7c47642c7d46f3c9 = v);
|
136
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-FieldLabel--alignEnd", () => $eb2fc0ee655eff6b$export$885efcc08143a987, (v) => $eb2fc0ee655eff6b$export$885efcc08143a987 = v);
|
137
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field", () => $eb2fc0ee655eff6b$export$f6d480ae1e56eba0, (v) => $eb2fc0ee655eff6b$export$f6d480ae1e56eba0 = v);
|
138
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field--positionTop", () => $eb2fc0ee655eff6b$export$a4ea780a9064d7f9, (v) => $eb2fc0ee655eff6b$export$a4ea780a9064d7f9 = v);
|
139
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field-field", () => $eb2fc0ee655eff6b$export$3ab8a3dc7f0563d, (v) => $eb2fc0ee655eff6b$export$3ab8a3dc7f0563d = v);
|
140
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field-field--multiline", () => $eb2fc0ee655eff6b$export$f58a1e966a92ba5e, (v) => $eb2fc0ee655eff6b$export$f58a1e966a92ba5e = v);
|
141
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field--positionSide", () => $eb2fc0ee655eff6b$export$2963225c91179589, (v) => $eb2fc0ee655eff6b$export$2963225c91179589 = v);
|
142
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field-wrapper", () => $eb2fc0ee655eff6b$export$127df0b7290eb8ef, (v) => $eb2fc0ee655eff6b$export$127df0b7290eb8ef = v);
|
143
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Form", () => $eb2fc0ee655eff6b$export$94d2bcc94afabd89, (v) => $eb2fc0ee655eff6b$export$94d2bcc94afabd89 = v);
|
144
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Form--positionSide", () => $eb2fc0ee655eff6b$export$7f44db659563c8f4, (v) => $eb2fc0ee655eff6b$export$7f44db659563c8f4 = v);
|
145
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Form--positionTop", () => $eb2fc0ee655eff6b$export$11b8bc81fe551057, (v) => $eb2fc0ee655eff6b$export$11b8bc81fe551057 = v);
|
146
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Form-itemLabel", () => $eb2fc0ee655eff6b$export$51ec27881a1e3928, (v) => $eb2fc0ee655eff6b$export$51ec27881a1e3928 = v);
|
147
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "is-disabled", () => $eb2fc0ee655eff6b$export$d35bc1e505d1ebbf, (v) => $eb2fc0ee655eff6b$export$d35bc1e505d1ebbf = v);
|
148
|
+
var $eb2fc0ee655eff6b$export$493d18e796ae054;
|
149
|
+
var $eb2fc0ee655eff6b$export$9e6f19dc21f22f2e;
|
150
|
+
var $eb2fc0ee655eff6b$export$7c47642c7d46f3c9;
|
151
|
+
var $eb2fc0ee655eff6b$export$885efcc08143a987;
|
152
|
+
var $eb2fc0ee655eff6b$export$f6d480ae1e56eba0;
|
153
|
+
var $eb2fc0ee655eff6b$export$a4ea780a9064d7f9;
|
154
|
+
var $eb2fc0ee655eff6b$export$3ab8a3dc7f0563d;
|
155
|
+
var $eb2fc0ee655eff6b$export$f58a1e966a92ba5e;
|
156
|
+
var $eb2fc0ee655eff6b$export$2963225c91179589;
|
157
|
+
var $eb2fc0ee655eff6b$export$127df0b7290eb8ef;
|
158
|
+
var $eb2fc0ee655eff6b$export$94d2bcc94afabd89;
|
159
|
+
var $eb2fc0ee655eff6b$export$7f44db659563c8f4;
|
160
|
+
var $eb2fc0ee655eff6b$export$11b8bc81fe551057;
|
161
|
+
var $eb2fc0ee655eff6b$export$51ec27881a1e3928;
|
162
|
+
var $eb2fc0ee655eff6b$export$d35bc1e505d1ebbf;
|
163
|
+
$eb2fc0ee655eff6b$export$493d18e796ae054 = "spectrum-FieldLabel_d2db1f";
|
164
|
+
$eb2fc0ee655eff6b$export$9e6f19dc21f22f2e = "spectrum-FieldLabel--positionSide_d2db1f";
|
165
|
+
$eb2fc0ee655eff6b$export$7c47642c7d46f3c9 = "spectrum-FieldLabel-requiredIcon_d2db1f";
|
166
|
+
$eb2fc0ee655eff6b$export$885efcc08143a987 = "spectrum-FieldLabel--alignEnd_d2db1f";
|
167
|
+
$eb2fc0ee655eff6b$export$f6d480ae1e56eba0 = "spectrum-Field_d2db1f";
|
168
|
+
$eb2fc0ee655eff6b$export$a4ea780a9064d7f9 = "spectrum-Field--positionTop_d2db1f";
|
169
|
+
$eb2fc0ee655eff6b$export$3ab8a3dc7f0563d = "spectrum-Field-field_d2db1f";
|
170
|
+
$eb2fc0ee655eff6b$export$f58a1e966a92ba5e = "spectrum-Field-field--multiline_d2db1f";
|
171
|
+
$eb2fc0ee655eff6b$export$2963225c91179589 = "spectrum-Field--positionSide_d2db1f";
|
172
|
+
$eb2fc0ee655eff6b$export$127df0b7290eb8ef = "spectrum-Field-wrapper_d2db1f";
|
173
|
+
$eb2fc0ee655eff6b$export$94d2bcc94afabd89 = "spectrum-Form_d2db1f";
|
174
|
+
$eb2fc0ee655eff6b$export$7f44db659563c8f4 = "spectrum-Form--positionSide_d2db1f";
|
175
|
+
$eb2fc0ee655eff6b$export$11b8bc81fe551057 = "spectrum-Form--positionTop_d2db1f";
|
176
|
+
$eb2fc0ee655eff6b$export$51ec27881a1e3928 = "spectrum-Form-itemLabel_d2db1f";
|
177
|
+
$eb2fc0ee655eff6b$export$d35bc1e505d1ebbf = "is-disabled_d2db1f";
|
178
|
+
|
179
|
+
|
180
|
+
|
181
|
+
|
182
|
+
var $53124a3a0fd56fca$exports = {};
|
183
|
+
|
184
|
+
$parcel$export($53124a3a0fd56fca$exports, "spectrum-FieldGroup", () => $53124a3a0fd56fca$export$75eb16cbfc18279c, (v) => $53124a3a0fd56fca$export$75eb16cbfc18279c = v);
|
185
|
+
$parcel$export($53124a3a0fd56fca$exports, "spectrum-FieldGroup--positionSide", () => $53124a3a0fd56fca$export$859b606bd9f45f81, (v) => $53124a3a0fd56fca$export$859b606bd9f45f81 = v);
|
186
|
+
$parcel$export($53124a3a0fd56fca$exports, "spectrum-FieldGroup-group", () => $53124a3a0fd56fca$export$984c7bbbfc7ddffc, (v) => $53124a3a0fd56fca$export$984c7bbbfc7ddffc = v);
|
187
|
+
$parcel$export($53124a3a0fd56fca$exports, "spectrum-FieldGroup-group--horizontal", () => $53124a3a0fd56fca$export$1ad8646bcba21c0e, (v) => $53124a3a0fd56fca$export$1ad8646bcba21c0e = v);
|
188
|
+
var $53124a3a0fd56fca$export$75eb16cbfc18279c;
|
189
|
+
var $53124a3a0fd56fca$export$859b606bd9f45f81;
|
190
|
+
var $53124a3a0fd56fca$export$984c7bbbfc7ddffc;
|
191
|
+
var $53124a3a0fd56fca$export$1ad8646bcba21c0e;
|
192
|
+
$53124a3a0fd56fca$export$75eb16cbfc18279c = "spectrum-FieldGroup_41d350";
|
193
|
+
$53124a3a0fd56fca$export$859b606bd9f45f81 = "spectrum-FieldGroup--positionSide_41d350";
|
194
|
+
$53124a3a0fd56fca$export$984c7bbbfc7ddffc = "spectrum-FieldGroup-group_41d350";
|
195
|
+
$53124a3a0fd56fca$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizontal_41d350";
|
196
|
+
|
197
|
+
|
198
|
+
|
199
|
+
|
200
|
+
|
201
|
+
|
202
|
+
function $aa5529d97b69d048$var$RadioGroup(props, ref) {
|
203
|
+
props = $ltKMc$reactspectrumprovider.useProviderProps(props);
|
204
|
+
props = $ltKMc$reactspectrumform.useFormProps(props);
|
205
205
|
let { isEmphasized: isEmphasized , isRequired: isRequired , necessityIndicator: necessityIndicator , label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , validationState: validationState , children: children , orientation: orientation = 'vertical' , ...otherProps } = props;
|
206
|
-
let domRef = $
|
207
|
-
let { styleProps: styleProps } = $
|
208
|
-
let state = $
|
209
|
-
let { radioGroupProps: radioGroupProps , labelProps: labelProps } = $
|
210
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
206
|
+
let domRef = $ltKMc$reactspectrumutils.useDOMRef(ref);
|
207
|
+
let { styleProps: styleProps } = $ltKMc$reactspectrumutils.useStyleProps(otherProps);
|
208
|
+
let state = $ltKMc$reactstatelyradio.useRadioGroupState(props);
|
209
|
+
let { radioGroupProps: radioGroupProps , labelProps: labelProps } = $ltKMc$reactariaradio.useRadioGroup(props, state);
|
210
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("div", {
|
211
211
|
...styleProps,
|
212
212
|
...radioGroupProps,
|
213
|
-
className: $
|
213
|
+
className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($53124a3a0fd56fca$exports)), 'spectrum-FieldGroup', {
|
214
214
|
'spectrum-FieldGroup--positionSide': labelPosition === 'side'
|
215
215
|
}, // This is so radio works inside a <Form>
|
216
|
-
$
|
216
|
+
$ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($eb2fc0ee655eff6b$exports)), 'spectrum-Field'), styleProps.className),
|
217
217
|
ref: domRef
|
218
|
-
}, label && /*#__PURE__*/ ($parcel$interopDefault($
|
218
|
+
}, label && /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement($ltKMc$reactspectrumlabel.Label, {
|
219
219
|
...labelProps,
|
220
220
|
elementType: "span",
|
221
221
|
labelPosition: labelPosition,
|
222
222
|
labelAlign: labelAlign,
|
223
223
|
isRequired: isRequired,
|
224
224
|
necessityIndicator: necessityIndicator
|
225
|
-
}, label), /*#__PURE__*/ ($parcel$interopDefault($
|
226
|
-
className: $
|
225
|
+
}, label), /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("div", {
|
226
|
+
className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($53124a3a0fd56fca$exports)), 'spectrum-FieldGroup-group', {
|
227
227
|
'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'
|
228
228
|
})
|
229
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
229
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement($f5a8721b9af05d97$export$b118023277d4a5c3.Provider, {
|
230
230
|
value: {
|
231
231
|
isEmphasized: isEmphasized,
|
232
232
|
validationState: validationState,
|
@@ -237,11 +237,11 @@ function $daaa8e2da7e1109e$var$RadioGroup(props, ref) {
|
|
237
237
|
/**
|
238
238
|
* Radio groups allow users to select a single option from a list of mutually exclusive options.
|
239
239
|
* All possible options are exposed up front for users to compare.
|
240
|
-
*/ const $
|
240
|
+
*/ const $aa5529d97b69d048$export$a98f0dcb43a68a25 = /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).forwardRef($aa5529d97b69d048$var$RadioGroup);
|
241
241
|
|
242
242
|
|
243
|
-
$parcel$exportWildcard(module.exports, $
|
244
|
-
$parcel$exportWildcard(module.exports, $
|
243
|
+
$parcel$exportWildcard(module.exports, $e8d5518f9c1aca76$exports);
|
244
|
+
$parcel$exportWildcard(module.exports, $aa5529d97b69d048$exports);
|
245
245
|
|
246
246
|
|
247
247
|
//# sourceMappingURL=main.js.map
|
package/dist/module.js
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
import "./main.css";
|
2
|
-
import {useStyleProps as $
|
3
|
-
import {FocusRing as $
|
4
|
-
import $
|
5
|
-
import {useHover as $
|
6
|
-
import {useRadio as $
|
7
|
-
import {Label as $
|
8
|
-
import {useFormProps as $
|
9
|
-
import {useProviderProps as $
|
10
|
-
import {useRadioGroupState as $
|
2
|
+
import {useStyleProps as $4hD9r$useStyleProps, useFocusableRef as $4hD9r$useFocusableRef, classNames as $4hD9r$classNames, useDOMRef as $4hD9r$useDOMRef} from "@react-spectrum/utils";
|
3
|
+
import {FocusRing as $4hD9r$FocusRing} from "@react-aria/focus";
|
4
|
+
import $4hD9r$react, {useRef as $4hD9r$useRef, forwardRef as $4hD9r$forwardRef, useContext as $4hD9r$useContext} from "react";
|
5
|
+
import {useHover as $4hD9r$useHover} from "@react-aria/interactions";
|
6
|
+
import {useRadio as $4hD9r$useRadio, useRadioGroup as $4hD9r$useRadioGroup} from "@react-aria/radio";
|
7
|
+
import {Label as $4hD9r$Label} from "@react-spectrum/label";
|
8
|
+
import {useFormProps as $4hD9r$useFormProps} from "@react-spectrum/form";
|
9
|
+
import {useProviderProps as $4hD9r$useProviderProps} from "@react-spectrum/provider";
|
10
|
+
import {useRadioGroupState as $4hD9r$useRadioGroupState} from "@react-stately/radio";
|
11
11
|
|
12
12
|
function $parcel$interopDefault(a) {
|
13
13
|
return a && a.__esModule ? a.default : a;
|
@@ -15,72 +15,72 @@ function $parcel$interopDefault(a) {
|
|
15
15
|
function $parcel$export(e, n, v, s) {
|
16
16
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
17
17
|
}
|
18
|
-
var $
|
18
|
+
var $337c5cb580c4e6ba$exports = {};
|
19
19
|
|
20
|
-
$parcel$export($
|
20
|
+
$parcel$export($337c5cb580c4e6ba$exports, "Radio", () => $337c5cb580c4e6ba$export$d7b12c4107be0d61);
|
21
21
|
|
22
22
|
|
23
23
|
|
24
|
-
var $
|
24
|
+
var $d1246d70e6c52742$exports = {};
|
25
25
|
|
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
|
-
var $
|
36
|
-
var $
|
37
|
-
var $
|
38
|
-
var $
|
39
|
-
var $
|
40
|
-
var $
|
41
|
-
var $
|
42
|
-
var $
|
43
|
-
var $
|
44
|
-
$
|
45
|
-
$
|
46
|
-
$
|
47
|
-
$
|
48
|
-
$
|
49
|
-
$
|
50
|
-
$
|
51
|
-
$
|
52
|
-
$
|
26
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio", () => $d1246d70e6c52742$export$26ebd4dbfef068c5, (v) => $d1246d70e6c52742$export$26ebd4dbfef068c5 = v);
|
27
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-input", () => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc, (v) => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc = v);
|
28
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-button", () => $d1246d70e6c52742$export$bf9d5e902c33bf05, (v) => $d1246d70e6c52742$export$bf9d5e902c33bf05 = v);
|
29
|
+
$parcel$export($d1246d70e6c52742$exports, "focus-ring", () => $d1246d70e6c52742$export$f39a09f249340e2a, (v) => $d1246d70e6c52742$export$f39a09f249340e2a = v);
|
30
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-label", () => $d1246d70e6c52742$export$b0f8395a9667922d, (v) => $d1246d70e6c52742$export$b0f8395a9667922d = v);
|
31
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--labelBelow", () => $d1246d70e6c52742$export$9443e7082698950d, (v) => $d1246d70e6c52742$export$9443e7082698950d = v);
|
32
|
+
$parcel$export($d1246d70e6c52742$exports, "is-hovered", () => $d1246d70e6c52742$export$b8813cd5d7824ce7, (v) => $d1246d70e6c52742$export$b8813cd5d7824ce7 = v);
|
33
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--quiet", () => $d1246d70e6c52742$export$6db66b55a897f36d, (v) => $d1246d70e6c52742$export$6db66b55a897f36d = v);
|
34
|
+
$parcel$export($d1246d70e6c52742$exports, "is-invalid", () => $d1246d70e6c52742$export$14a30de2866685fa, (v) => $d1246d70e6c52742$export$14a30de2866685fa = v);
|
35
|
+
var $d1246d70e6c52742$export$26ebd4dbfef068c5;
|
36
|
+
var $d1246d70e6c52742$export$c0ce6f9a6a2de1cc;
|
37
|
+
var $d1246d70e6c52742$export$bf9d5e902c33bf05;
|
38
|
+
var $d1246d70e6c52742$export$f39a09f249340e2a;
|
39
|
+
var $d1246d70e6c52742$export$b0f8395a9667922d;
|
40
|
+
var $d1246d70e6c52742$export$9443e7082698950d;
|
41
|
+
var $d1246d70e6c52742$export$b8813cd5d7824ce7;
|
42
|
+
var $d1246d70e6c52742$export$6db66b55a897f36d;
|
43
|
+
var $d1246d70e6c52742$export$14a30de2866685fa;
|
44
|
+
$d1246d70e6c52742$export$26ebd4dbfef068c5 = "spectrum-Radio_bf46c2";
|
45
|
+
$d1246d70e6c52742$export$c0ce6f9a6a2de1cc = "spectrum-Radio-input_bf46c2";
|
46
|
+
$d1246d70e6c52742$export$bf9d5e902c33bf05 = "spectrum-Radio-button_bf46c2";
|
47
|
+
$d1246d70e6c52742$export$f39a09f249340e2a = "focus-ring_bf46c2";
|
48
|
+
$d1246d70e6c52742$export$b0f8395a9667922d = "spectrum-Radio-label_bf46c2";
|
49
|
+
$d1246d70e6c52742$export$9443e7082698950d = "spectrum-Radio--labelBelow_bf46c2";
|
50
|
+
$d1246d70e6c52742$export$b8813cd5d7824ce7 = "is-hovered_bf46c2";
|
51
|
+
$d1246d70e6c52742$export$6db66b55a897f36d = "spectrum-Radio--quiet_bf46c2";
|
52
|
+
$d1246d70e6c52742$export$14a30de2866685fa = "is-invalid_bf46c2";
|
53
53
|
|
54
54
|
|
55
55
|
|
56
56
|
|
57
57
|
|
58
|
-
const $
|
59
|
-
function $
|
60
|
-
return $
|
58
|
+
const $f394bff9e10389a0$export$b118023277d4a5c3 = $4hD9r$react.createContext(null);
|
59
|
+
function $f394bff9e10389a0$export$b054eba74077a826() {
|
60
|
+
return $4hD9r$useContext($f394bff9e10389a0$export$b118023277d4a5c3);
|
61
61
|
}
|
62
62
|
|
63
63
|
|
64
|
-
function $
|
64
|
+
function $337c5cb580c4e6ba$var$Radio(props, ref) {
|
65
65
|
let { isDisabled: isDisabled , children: children , autoFocus: autoFocus , ...otherProps } = props;
|
66
|
-
let { styleProps: styleProps } = $
|
67
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
66
|
+
let { styleProps: styleProps } = $4hD9r$useStyleProps(otherProps);
|
67
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $4hD9r$useHover({
|
68
68
|
isDisabled: isDisabled
|
69
69
|
});
|
70
|
-
let inputRef = $
|
71
|
-
let domRef = $
|
72
|
-
let radioGroupProps = $
|
70
|
+
let inputRef = $4hD9r$useRef(null);
|
71
|
+
let domRef = $4hD9r$useFocusableRef(ref, inputRef);
|
72
|
+
let radioGroupProps = $f394bff9e10389a0$export$b054eba74077a826();
|
73
73
|
let { isEmphasized: isEmphasized , validationState: validationState , state: state } = radioGroupProps;
|
74
|
-
let { inputProps: inputProps } = $
|
74
|
+
let { inputProps: inputProps } = $4hD9r$useRadio({
|
75
75
|
...props,
|
76
76
|
...radioGroupProps,
|
77
77
|
isDisabled: isDisabled
|
78
78
|
}, state, inputRef);
|
79
|
-
return(/*#__PURE__*/ $
|
79
|
+
return(/*#__PURE__*/ $4hD9r$react.createElement("label", {
|
80
80
|
...styleProps,
|
81
81
|
...hoverProps,
|
82
82
|
ref: domRef,
|
83
|
-
className: $
|
83
|
+
className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports)), 'spectrum-Radio', {
|
84
84
|
// Removing. Pending design feedback.
|
85
85
|
// 'spectrum-Radio--labelBelow': labelPosition === 'bottom',
|
86
86
|
'spectrum-Radio--quiet': !isEmphasized,
|
@@ -88,129 +88,129 @@ function $6713fd2c3526c9dd$var$Radio(props, ref) {
|
|
88
88
|
'is-invalid': validationState === 'invalid',
|
89
89
|
'is-hovered': isHovered
|
90
90
|
}, styleProps.className)
|
91
|
-
}, /*#__PURE__*/ $
|
92
|
-
focusRingClass: $
|
91
|
+
}, /*#__PURE__*/ $4hD9r$react.createElement($4hD9r$FocusRing, {
|
92
|
+
focusRingClass: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports)), 'focus-ring'),
|
93
93
|
autoFocus: autoFocus
|
94
|
-
}, /*#__PURE__*/ $
|
94
|
+
}, /*#__PURE__*/ $4hD9r$react.createElement("input", {
|
95
95
|
...inputProps,
|
96
96
|
ref: inputRef,
|
97
|
-
className: $
|
98
|
-
})), /*#__PURE__*/ $
|
99
|
-
className: $
|
100
|
-
}), children && /*#__PURE__*/ $
|
101
|
-
className: $
|
97
|
+
className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports)), 'spectrum-Radio-input')
|
98
|
+
})), /*#__PURE__*/ $4hD9r$react.createElement("span", {
|
99
|
+
className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports)), 'spectrum-Radio-button')
|
100
|
+
}), children && /*#__PURE__*/ $4hD9r$react.createElement("span", {
|
101
|
+
className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports)), 'spectrum-Radio-label')
|
102
102
|
}, children)));
|
103
103
|
}
|
104
104
|
/**
|
105
105
|
* Radio buttons allow users to select a single option from a list of mutually exclusive options.
|
106
106
|
* All possible options are exposed up front for users to compare.
|
107
|
-
*/ const $
|
108
|
-
|
109
|
-
|
110
|
-
var $
|
111
|
-
|
112
|
-
$parcel$export($
|
113
|
-
|
114
|
-
|
115
|
-
var $
|
116
|
-
|
117
|
-
$parcel$export($
|
118
|
-
$parcel$export($
|
119
|
-
$parcel$export($
|
120
|
-
$parcel$export($
|
121
|
-
$parcel$export($
|
122
|
-
$parcel$export($
|
123
|
-
$parcel$export($
|
124
|
-
$parcel$export($
|
125
|
-
$parcel$export($
|
126
|
-
$parcel$export($
|
127
|
-
$parcel$export($
|
128
|
-
$parcel$export($
|
129
|
-
$parcel$export($
|
130
|
-
$parcel$export($
|
131
|
-
$parcel$export($
|
132
|
-
var $
|
133
|
-
var $
|
134
|
-
var $
|
135
|
-
var $
|
136
|
-
var $
|
137
|
-
var $
|
138
|
-
var $
|
139
|
-
var $
|
140
|
-
var $
|
141
|
-
var $
|
142
|
-
var $
|
143
|
-
var $
|
144
|
-
var $
|
145
|
-
var $
|
146
|
-
var $
|
147
|
-
$
|
148
|
-
$
|
149
|
-
$
|
150
|
-
$
|
151
|
-
$
|
152
|
-
$
|
153
|
-
$
|
154
|
-
$
|
155
|
-
$
|
156
|
-
$
|
157
|
-
$
|
158
|
-
$
|
159
|
-
$
|
160
|
-
$
|
161
|
-
$
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
var $
|
167
|
-
|
168
|
-
$parcel$export($
|
169
|
-
$parcel$export($
|
170
|
-
$parcel$export($
|
171
|
-
$parcel$export($
|
172
|
-
var $
|
173
|
-
var $
|
174
|
-
var $
|
175
|
-
var $
|
176
|
-
$
|
177
|
-
$
|
178
|
-
$
|
179
|
-
$
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
function $
|
187
|
-
props = $
|
188
|
-
props = $
|
107
|
+
*/ const $337c5cb580c4e6ba$export$d7b12c4107be0d61 = /*#__PURE__*/ $4hD9r$forwardRef($337c5cb580c4e6ba$var$Radio);
|
108
|
+
|
109
|
+
|
110
|
+
var $ac9b96486fc4badf$exports = {};
|
111
|
+
|
112
|
+
$parcel$export($ac9b96486fc4badf$exports, "RadioGroup", () => $ac9b96486fc4badf$export$a98f0dcb43a68a25);
|
113
|
+
|
114
|
+
|
115
|
+
var $cd231e464c886c86$exports = {};
|
116
|
+
|
117
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-FieldLabel", () => $cd231e464c886c86$export$493d18e796ae054, (v) => $cd231e464c886c86$export$493d18e796ae054 = v);
|
118
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-FieldLabel--positionSide", () => $cd231e464c886c86$export$9e6f19dc21f22f2e, (v) => $cd231e464c886c86$export$9e6f19dc21f22f2e = v);
|
119
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-FieldLabel-requiredIcon", () => $cd231e464c886c86$export$7c47642c7d46f3c9, (v) => $cd231e464c886c86$export$7c47642c7d46f3c9 = v);
|
120
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-FieldLabel--alignEnd", () => $cd231e464c886c86$export$885efcc08143a987, (v) => $cd231e464c886c86$export$885efcc08143a987 = v);
|
121
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field", () => $cd231e464c886c86$export$f6d480ae1e56eba0, (v) => $cd231e464c886c86$export$f6d480ae1e56eba0 = v);
|
122
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field--positionTop", () => $cd231e464c886c86$export$a4ea780a9064d7f9, (v) => $cd231e464c886c86$export$a4ea780a9064d7f9 = v);
|
123
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field-field", () => $cd231e464c886c86$export$3ab8a3dc7f0563d, (v) => $cd231e464c886c86$export$3ab8a3dc7f0563d = v);
|
124
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field-field--multiline", () => $cd231e464c886c86$export$f58a1e966a92ba5e, (v) => $cd231e464c886c86$export$f58a1e966a92ba5e = v);
|
125
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field--positionSide", () => $cd231e464c886c86$export$2963225c91179589, (v) => $cd231e464c886c86$export$2963225c91179589 = v);
|
126
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field-wrapper", () => $cd231e464c886c86$export$127df0b7290eb8ef, (v) => $cd231e464c886c86$export$127df0b7290eb8ef = v);
|
127
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Form", () => $cd231e464c886c86$export$94d2bcc94afabd89, (v) => $cd231e464c886c86$export$94d2bcc94afabd89 = v);
|
128
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Form--positionSide", () => $cd231e464c886c86$export$7f44db659563c8f4, (v) => $cd231e464c886c86$export$7f44db659563c8f4 = v);
|
129
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Form--positionTop", () => $cd231e464c886c86$export$11b8bc81fe551057, (v) => $cd231e464c886c86$export$11b8bc81fe551057 = v);
|
130
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Form-itemLabel", () => $cd231e464c886c86$export$51ec27881a1e3928, (v) => $cd231e464c886c86$export$51ec27881a1e3928 = v);
|
131
|
+
$parcel$export($cd231e464c886c86$exports, "is-disabled", () => $cd231e464c886c86$export$d35bc1e505d1ebbf, (v) => $cd231e464c886c86$export$d35bc1e505d1ebbf = v);
|
132
|
+
var $cd231e464c886c86$export$493d18e796ae054;
|
133
|
+
var $cd231e464c886c86$export$9e6f19dc21f22f2e;
|
134
|
+
var $cd231e464c886c86$export$7c47642c7d46f3c9;
|
135
|
+
var $cd231e464c886c86$export$885efcc08143a987;
|
136
|
+
var $cd231e464c886c86$export$f6d480ae1e56eba0;
|
137
|
+
var $cd231e464c886c86$export$a4ea780a9064d7f9;
|
138
|
+
var $cd231e464c886c86$export$3ab8a3dc7f0563d;
|
139
|
+
var $cd231e464c886c86$export$f58a1e966a92ba5e;
|
140
|
+
var $cd231e464c886c86$export$2963225c91179589;
|
141
|
+
var $cd231e464c886c86$export$127df0b7290eb8ef;
|
142
|
+
var $cd231e464c886c86$export$94d2bcc94afabd89;
|
143
|
+
var $cd231e464c886c86$export$7f44db659563c8f4;
|
144
|
+
var $cd231e464c886c86$export$11b8bc81fe551057;
|
145
|
+
var $cd231e464c886c86$export$51ec27881a1e3928;
|
146
|
+
var $cd231e464c886c86$export$d35bc1e505d1ebbf;
|
147
|
+
$cd231e464c886c86$export$493d18e796ae054 = "spectrum-FieldLabel_d2db1f";
|
148
|
+
$cd231e464c886c86$export$9e6f19dc21f22f2e = "spectrum-FieldLabel--positionSide_d2db1f";
|
149
|
+
$cd231e464c886c86$export$7c47642c7d46f3c9 = "spectrum-FieldLabel-requiredIcon_d2db1f";
|
150
|
+
$cd231e464c886c86$export$885efcc08143a987 = "spectrum-FieldLabel--alignEnd_d2db1f";
|
151
|
+
$cd231e464c886c86$export$f6d480ae1e56eba0 = "spectrum-Field_d2db1f";
|
152
|
+
$cd231e464c886c86$export$a4ea780a9064d7f9 = "spectrum-Field--positionTop_d2db1f";
|
153
|
+
$cd231e464c886c86$export$3ab8a3dc7f0563d = "spectrum-Field-field_d2db1f";
|
154
|
+
$cd231e464c886c86$export$f58a1e966a92ba5e = "spectrum-Field-field--multiline_d2db1f";
|
155
|
+
$cd231e464c886c86$export$2963225c91179589 = "spectrum-Field--positionSide_d2db1f";
|
156
|
+
$cd231e464c886c86$export$127df0b7290eb8ef = "spectrum-Field-wrapper_d2db1f";
|
157
|
+
$cd231e464c886c86$export$94d2bcc94afabd89 = "spectrum-Form_d2db1f";
|
158
|
+
$cd231e464c886c86$export$7f44db659563c8f4 = "spectrum-Form--positionSide_d2db1f";
|
159
|
+
$cd231e464c886c86$export$11b8bc81fe551057 = "spectrum-Form--positionTop_d2db1f";
|
160
|
+
$cd231e464c886c86$export$51ec27881a1e3928 = "spectrum-Form-itemLabel_d2db1f";
|
161
|
+
$cd231e464c886c86$export$d35bc1e505d1ebbf = "is-disabled_d2db1f";
|
162
|
+
|
163
|
+
|
164
|
+
|
165
|
+
|
166
|
+
var $4cb2b26710154c56$exports = {};
|
167
|
+
|
168
|
+
$parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup", () => $4cb2b26710154c56$export$75eb16cbfc18279c, (v) => $4cb2b26710154c56$export$75eb16cbfc18279c = v);
|
169
|
+
$parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup--positionSide", () => $4cb2b26710154c56$export$859b606bd9f45f81, (v) => $4cb2b26710154c56$export$859b606bd9f45f81 = v);
|
170
|
+
$parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup-group", () => $4cb2b26710154c56$export$984c7bbbfc7ddffc, (v) => $4cb2b26710154c56$export$984c7bbbfc7ddffc = v);
|
171
|
+
$parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup-group--horizontal", () => $4cb2b26710154c56$export$1ad8646bcba21c0e, (v) => $4cb2b26710154c56$export$1ad8646bcba21c0e = v);
|
172
|
+
var $4cb2b26710154c56$export$75eb16cbfc18279c;
|
173
|
+
var $4cb2b26710154c56$export$859b606bd9f45f81;
|
174
|
+
var $4cb2b26710154c56$export$984c7bbbfc7ddffc;
|
175
|
+
var $4cb2b26710154c56$export$1ad8646bcba21c0e;
|
176
|
+
$4cb2b26710154c56$export$75eb16cbfc18279c = "spectrum-FieldGroup_41d350";
|
177
|
+
$4cb2b26710154c56$export$859b606bd9f45f81 = "spectrum-FieldGroup--positionSide_41d350";
|
178
|
+
$4cb2b26710154c56$export$984c7bbbfc7ddffc = "spectrum-FieldGroup-group_41d350";
|
179
|
+
$4cb2b26710154c56$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizontal_41d350";
|
180
|
+
|
181
|
+
|
182
|
+
|
183
|
+
|
184
|
+
|
185
|
+
|
186
|
+
function $ac9b96486fc4badf$var$RadioGroup(props, ref) {
|
187
|
+
props = $4hD9r$useProviderProps(props);
|
188
|
+
props = $4hD9r$useFormProps(props);
|
189
189
|
let { isEmphasized: isEmphasized , isRequired: isRequired , necessityIndicator: necessityIndicator , label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , validationState: validationState , children: children , orientation: orientation = 'vertical' , ...otherProps } = props;
|
190
|
-
let domRef = $
|
191
|
-
let { styleProps: styleProps } = $
|
192
|
-
let state = $
|
193
|
-
let { radioGroupProps: radioGroupProps , labelProps: labelProps } = $
|
194
|
-
return(/*#__PURE__*/ $
|
190
|
+
let domRef = $4hD9r$useDOMRef(ref);
|
191
|
+
let { styleProps: styleProps } = $4hD9r$useStyleProps(otherProps);
|
192
|
+
let state = $4hD9r$useRadioGroupState(props);
|
193
|
+
let { radioGroupProps: radioGroupProps , labelProps: labelProps } = $4hD9r$useRadioGroup(props, state);
|
194
|
+
return(/*#__PURE__*/ $4hD9r$react.createElement("div", {
|
195
195
|
...styleProps,
|
196
196
|
...radioGroupProps,
|
197
|
-
className: $
|
197
|
+
className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($4cb2b26710154c56$exports)), 'spectrum-FieldGroup', {
|
198
198
|
'spectrum-FieldGroup--positionSide': labelPosition === 'side'
|
199
199
|
}, // This is so radio works inside a <Form>
|
200
|
-
$
|
200
|
+
$4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($cd231e464c886c86$exports)), 'spectrum-Field'), styleProps.className),
|
201
201
|
ref: domRef
|
202
|
-
}, label && /*#__PURE__*/ $
|
202
|
+
}, label && /*#__PURE__*/ $4hD9r$react.createElement($4hD9r$Label, {
|
203
203
|
...labelProps,
|
204
204
|
elementType: "span",
|
205
205
|
labelPosition: labelPosition,
|
206
206
|
labelAlign: labelAlign,
|
207
207
|
isRequired: isRequired,
|
208
208
|
necessityIndicator: necessityIndicator
|
209
|
-
}, label), /*#__PURE__*/ $
|
210
|
-
className: $
|
209
|
+
}, label), /*#__PURE__*/ $4hD9r$react.createElement("div", {
|
210
|
+
className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($4cb2b26710154c56$exports)), 'spectrum-FieldGroup-group', {
|
211
211
|
'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'
|
212
212
|
})
|
213
|
-
}, /*#__PURE__*/ $
|
213
|
+
}, /*#__PURE__*/ $4hD9r$react.createElement($f394bff9e10389a0$export$b118023277d4a5c3.Provider, {
|
214
214
|
value: {
|
215
215
|
isEmphasized: isEmphasized,
|
216
216
|
validationState: validationState,
|
@@ -221,10 +221,10 @@ function $3c8c9af9884883ec$var$RadioGroup(props, ref) {
|
|
221
221
|
/**
|
222
222
|
* Radio groups allow users to select a single option from a list of mutually exclusive options.
|
223
223
|
* All possible options are exposed up front for users to compare.
|
224
|
-
*/ const $
|
224
|
+
*/ const $ac9b96486fc4badf$export$a98f0dcb43a68a25 = /*#__PURE__*/ $4hD9r$react.forwardRef($ac9b96486fc4badf$var$RadioGroup);
|
225
225
|
|
226
226
|
|
227
227
|
|
228
228
|
|
229
|
-
export {$
|
229
|
+
export {$337c5cb580c4e6ba$export$d7b12c4107be0d61 as Radio, $ac9b96486fc4badf$export$a98f0dcb43a68a25 as RadioGroup};
|
230
230
|
//# sourceMappingURL=module.js.map
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@react-spectrum/radio",
|
3
|
-
"version": "3.1.
|
3
|
+
"version": "3.1.8",
|
4
4
|
"description": "Spectrum UI components in React",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "dist/main.js",
|
@@ -32,15 +32,15 @@
|
|
32
32
|
},
|
33
33
|
"dependencies": {
|
34
34
|
"@babel/runtime": "^7.6.2",
|
35
|
-
"@react-aria/focus": "^3.5.
|
36
|
-
"@react-aria/interactions": "^3.8.
|
37
|
-
"@react-aria/radio": "^3.1.
|
38
|
-
"@react-spectrum/form": "^3.2.
|
39
|
-
"@react-spectrum/label": "^3.4.
|
40
|
-
"@react-spectrum/utils": "^3.6.
|
41
|
-
"@react-stately/radio": "^3.3.
|
42
|
-
"@react-types/radio": "^3.1.
|
43
|
-
"@react-types/shared": "^3.11.
|
35
|
+
"@react-aria/focus": "^3.5.3",
|
36
|
+
"@react-aria/interactions": "^3.8.2",
|
37
|
+
"@react-aria/radio": "^3.1.9",
|
38
|
+
"@react-spectrum/form": "^3.2.7",
|
39
|
+
"@react-spectrum/label": "^3.4.4",
|
40
|
+
"@react-spectrum/utils": "^3.6.6",
|
41
|
+
"@react-stately/radio": "^3.3.5",
|
42
|
+
"@react-types/radio": "^3.1.5",
|
43
|
+
"@react-types/shared": "^3.11.2"
|
44
44
|
},
|
45
45
|
"devDependencies": {
|
46
46
|
"@adobe/spectrum-css-temp": "3.0.0-alpha.1"
|
@@ -52,5 +52,5 @@
|
|
52
52
|
"publishConfig": {
|
53
53
|
"access": "public"
|
54
54
|
},
|
55
|
-
"gitHead": "
|
55
|
+
"gitHead": "ed8d8d984c2f7f2c31e8b18795b97858a95e4729"
|
56
56
|
}
|