@tamagui/radio-group 1.88.21 → 1.88.23
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/esm/RadioGroup.native.js +43 -60
- package/dist/esm/RadioGroup.native.js.map +1 -1
- package/dist/esm/index.native.js +1 -19
- package/dist/esm/index.native.js.map +1 -1
- package/dist/jsx/RadioGroup.native.js +43 -60
- package/dist/jsx/RadioGroup.native.js.map +1 -1
- package/dist/jsx/index.native.js +1 -19
- package/dist/jsx/index.native.js.map +1 -1
- package/package.json +14 -14
|
@@ -1,34 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
-
mod
|
|
23
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
-
var RadioGroup_exports = {};
|
|
25
|
-
__export(RadioGroup_exports, {
|
|
26
|
-
RadioGroup: () => RadioGroup,
|
|
27
|
-
createRadioGroupScope: () => createRadioGroupScope
|
|
28
|
-
});
|
|
29
|
-
module.exports = __toCommonJS(RadioGroup_exports);
|
|
30
|
-
var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_label = require("@tamagui/label"), import_roving_focus = require("@tamagui/roving-focus"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_previous = require("@tamagui/use-previous"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
const RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], [createRadioGroupContext, createRadioGroupScope] = (0, import_create_context.createContextScope)(RADIO_GROUP_NAME), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), getState = (checked) => checked ? "checked" : "unchecked", RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioIndicatorFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
1
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
|
+
import { isWeb } from "@tamagui/constants";
|
|
3
|
+
import { getVariableValue, styled } from "@tamagui/core";
|
|
4
|
+
import { createContextScope } from "@tamagui/create-context";
|
|
5
|
+
import { registerFocusable } from "@tamagui/focusable";
|
|
6
|
+
import { getSize } from "@tamagui/get-token";
|
|
7
|
+
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
8
|
+
import { useLabelContext } from "@tamagui/label";
|
|
9
|
+
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
10
|
+
import { ThemeableStack } from "@tamagui/stacks";
|
|
11
|
+
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
12
|
+
import { usePrevious } from "@tamagui/use-previous";
|
|
13
|
+
import * as React from "react";
|
|
14
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
+
const RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], [createRadioGroupContext, createRadioGroupScope] = createContextScope(RADIO_GROUP_NAME), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), getState = (checked) => checked ? "checked" : "unchecked", RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioIndicatorFrame = styled(ThemeableStack, {
|
|
32
16
|
name: RADIO_GROUP_INDICATOR_NAME,
|
|
33
17
|
variants: {
|
|
34
18
|
unstyled: {
|
|
@@ -51,7 +35,7 @@ const RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "Ar
|
|
|
51
35
|
RADIO_GROUP_INDICATOR_NAME,
|
|
52
36
|
__scopeRadioGroupItem
|
|
53
37
|
);
|
|
54
|
-
return forceMount || checked ? /* @__PURE__ */
|
|
38
|
+
return forceMount || checked ? /* @__PURE__ */ jsx(
|
|
55
39
|
RadioIndicatorFrame,
|
|
56
40
|
{
|
|
57
41
|
"data-state": getState(checked),
|
|
@@ -64,7 +48,7 @@ const RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "Ar
|
|
|
64
48
|
)
|
|
65
49
|
);
|
|
66
50
|
RadioIndicator.displayName = RADIO_GROUP_INDICATOR_NAME;
|
|
67
|
-
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadioGroupItemContext] = createRadioGroupContext(RADIO_GROUP_NAME), RadioGroupItemFrame =
|
|
51
|
+
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadioGroupItemContext] = createRadioGroupContext(RADIO_GROUP_NAME), RadioGroupItemFrame = styled(ThemeableStack, {
|
|
68
52
|
name: RADIO_GROUP_ITEM_NAME,
|
|
69
53
|
tag: "button",
|
|
70
54
|
variants: {
|
|
@@ -116,7 +100,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
116
100
|
size: {
|
|
117
101
|
"...size": (value, { props }) => {
|
|
118
102
|
const size = Math.floor(
|
|
119
|
-
|
|
103
|
+
getVariableValue(getSize(value)) * (props.scaleSize ?? 0.5)
|
|
120
104
|
);
|
|
121
105
|
return {
|
|
122
106
|
width: size,
|
|
@@ -145,9 +129,9 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
145
129
|
name,
|
|
146
130
|
native,
|
|
147
131
|
accentColor
|
|
148
|
-
} = useRadioGroupContext(RADIO_GROUP_ITEM_NAME, __scopeRadioGroup), [button, setButton] = React.useState(null), hasConsumerStoppedPropagationRef = React.useRef(!1), ref = React.useRef(null), composedRefs =
|
|
132
|
+
} = useRadioGroupContext(RADIO_GROUP_ITEM_NAME, __scopeRadioGroup), [button, setButton] = React.useState(null), hasConsumerStoppedPropagationRef = React.useRef(!1), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node), ref), isArrowKeyPressedRef = React.useRef(!1), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, checked = groupValue === value, labelId = useLabelContext(button), labelledBy = ariaLabelledby || labelId;
|
|
149
133
|
React.useEffect(() => {
|
|
150
|
-
if (
|
|
134
|
+
if (isWeb) {
|
|
151
135
|
const handleKeyDown = (event) => {
|
|
152
136
|
ARROW_KEYS.includes(event.key) && (isArrowKeyPressedRef.current = !0);
|
|
153
137
|
}, handleKeyUp = () => {
|
|
@@ -159,7 +143,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
159
143
|
}
|
|
160
144
|
}, []), React.useEffect(() => {
|
|
161
145
|
if (props.id && !disabled)
|
|
162
|
-
return
|
|
146
|
+
return registerFocusable(props.id, {
|
|
163
147
|
focusAndSelect: () => {
|
|
164
148
|
onChange == null || onChange(value);
|
|
165
149
|
},
|
|
@@ -168,7 +152,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
168
152
|
});
|
|
169
153
|
}, [props.id, value, disabled]);
|
|
170
154
|
const isDisabled = disabled || itemDisabled;
|
|
171
|
-
return /* @__PURE__ */
|
|
155
|
+
return /* @__PURE__ */ jsx(RadioGroupItemProvider, { checked, scope: __scopeRadioGroup, children: isWeb && native ? /* @__PURE__ */ jsx(
|
|
172
156
|
BubbleInput,
|
|
173
157
|
{
|
|
174
158
|
control: button,
|
|
@@ -181,15 +165,15 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
181
165
|
id: props.id,
|
|
182
166
|
accentColor
|
|
183
167
|
}
|
|
184
|
-
) : /* @__PURE__ */
|
|
185
|
-
/* @__PURE__ */
|
|
186
|
-
|
|
168
|
+
) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
169
|
+
/* @__PURE__ */ jsx(
|
|
170
|
+
RovingFocusGroup.Item,
|
|
187
171
|
{
|
|
188
172
|
__scopeRovingFocusGroup: RADIO_GROUP_NAME,
|
|
189
173
|
asChild: "except-style",
|
|
190
174
|
focusable: !isDisabled,
|
|
191
175
|
active: checked,
|
|
192
|
-
children: /* @__PURE__ */
|
|
176
|
+
children: /* @__PURE__ */ jsx(
|
|
193
177
|
RadioGroupItemFrame,
|
|
194
178
|
{
|
|
195
179
|
"data-state": getState(checked),
|
|
@@ -200,22 +184,22 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
200
184
|
"aria-required": required,
|
|
201
185
|
disabled: isDisabled,
|
|
202
186
|
ref: composedRefs,
|
|
203
|
-
...
|
|
187
|
+
...isWeb && {
|
|
204
188
|
type: "button",
|
|
205
189
|
value
|
|
206
190
|
},
|
|
207
191
|
...itemProps,
|
|
208
|
-
onPress:
|
|
192
|
+
onPress: composeEventHandlers(props.onPress, (event) => {
|
|
209
193
|
checked || onChange == null || onChange(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
|
|
210
194
|
}),
|
|
211
|
-
...
|
|
212
|
-
onKeyDown:
|
|
195
|
+
...isWeb && {
|
|
196
|
+
onKeyDown: composeEventHandlers(
|
|
213
197
|
props.onKeyDown,
|
|
214
198
|
(event) => {
|
|
215
199
|
event.key === "Enter" && event.preventDefault();
|
|
216
200
|
}
|
|
217
201
|
),
|
|
218
|
-
onFocus:
|
|
202
|
+
onFocus: composeEventHandlers(itemProps.onFocus, () => {
|
|
219
203
|
var _a;
|
|
220
204
|
isArrowKeyPressedRef.current && ((_a = ref.current) == null || _a.click());
|
|
221
205
|
})
|
|
@@ -224,7 +208,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
224
208
|
)
|
|
225
209
|
}
|
|
226
210
|
),
|
|
227
|
-
isFormControl && /* @__PURE__ */
|
|
211
|
+
isFormControl && /* @__PURE__ */ jsx(
|
|
228
212
|
BubbleInput,
|
|
229
213
|
{
|
|
230
214
|
isHidden: !0,
|
|
@@ -241,7 +225,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
241
225
|
}
|
|
242
226
|
)
|
|
243
227
|
), BubbleInput = (props) => {
|
|
244
|
-
const { checked, bubbles = !0, control, isHidden, accentColor, ...inputProps } = props, ref = React.useRef(null), prevChecked =
|
|
228
|
+
const { checked, bubbles = !0, control, isHidden, accentColor, ...inputProps } = props, ref = React.useRef(null), prevChecked = usePrevious(checked);
|
|
245
229
|
return React.useEffect(() => {
|
|
246
230
|
const input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(
|
|
247
231
|
inputProto,
|
|
@@ -251,7 +235,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
251
235
|
const event = new Event("click", { bubbles });
|
|
252
236
|
setChecked.call(input, checked), input.dispatchEvent(event);
|
|
253
237
|
}
|
|
254
|
-
}, [prevChecked, checked, bubbles]), /* @__PURE__ */
|
|
238
|
+
}, [prevChecked, checked, bubbles]), /* @__PURE__ */ jsx(
|
|
255
239
|
"input",
|
|
256
240
|
{
|
|
257
241
|
type: "radio",
|
|
@@ -275,7 +259,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
275
259
|
}
|
|
276
260
|
}
|
|
277
261
|
);
|
|
278
|
-
}, RadioGroupFrame =
|
|
262
|
+
}, RadioGroupFrame = styled(ThemeableStack, {
|
|
279
263
|
name: RADIO_GROUP_NAME,
|
|
280
264
|
variants: {
|
|
281
265
|
orientation: {
|
|
@@ -289,7 +273,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
289
273
|
}
|
|
290
274
|
}
|
|
291
275
|
}
|
|
292
|
-
}), RadioGroup =
|
|
276
|
+
}), RadioGroup = withStaticProperties(
|
|
293
277
|
RadioGroupFrame.extractable(
|
|
294
278
|
React.forwardRef(
|
|
295
279
|
(props, forwardedRef) => {
|
|
@@ -305,12 +289,12 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
305
289
|
native,
|
|
306
290
|
accentColor,
|
|
307
291
|
...radioGroupProps
|
|
308
|
-
} = props, [value, setValue] =
|
|
292
|
+
} = props, [value, setValue] = useControllableState({
|
|
309
293
|
prop: valueProp,
|
|
310
294
|
defaultProp: defaultValue,
|
|
311
295
|
onChange: onValueChange
|
|
312
296
|
});
|
|
313
|
-
return /* @__PURE__ */
|
|
297
|
+
return /* @__PURE__ */ jsx(
|
|
314
298
|
RadioGroupProvider,
|
|
315
299
|
{
|
|
316
300
|
scope: __scopeRadioGroup,
|
|
@@ -321,13 +305,13 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
321
305
|
name,
|
|
322
306
|
native,
|
|
323
307
|
accentColor,
|
|
324
|
-
children: /* @__PURE__ */
|
|
325
|
-
|
|
308
|
+
children: /* @__PURE__ */ jsx(
|
|
309
|
+
RovingFocusGroup,
|
|
326
310
|
{
|
|
327
311
|
__scopeRovingFocusGroup: RADIO_GROUP_NAME,
|
|
328
312
|
orientation,
|
|
329
313
|
loop: !0,
|
|
330
|
-
children: /* @__PURE__ */
|
|
314
|
+
children: /* @__PURE__ */ jsx(
|
|
331
315
|
RadioGroupFrame,
|
|
332
316
|
{
|
|
333
317
|
role: "radiogroup",
|
|
@@ -351,9 +335,8 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
351
335
|
}
|
|
352
336
|
);
|
|
353
337
|
RadioGroup.displayName = RADIO_GROUP_NAME;
|
|
354
|
-
|
|
355
|
-
0 && (module.exports = {
|
|
338
|
+
export {
|
|
356
339
|
RadioGroup,
|
|
357
340
|
createRadioGroupScope
|
|
358
|
-
}
|
|
341
|
+
};
|
|
359
342
|
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/RadioGroup.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,20 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
-
return to;
|
|
11
|
-
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
12
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
13
|
-
var src_exports = {};
|
|
14
|
-
module.exports = __toCommonJS(src_exports);
|
|
15
|
-
__reExport(src_exports, require("./RadioGroup"), module.exports);
|
|
16
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
17
|
-
0 && (module.exports = {
|
|
18
|
-
...require("./RadioGroup")
|
|
19
|
-
});
|
|
1
|
+
export * from "./RadioGroup";
|
|
20
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,34 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
-
mod
|
|
23
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
-
var RadioGroup_exports = {};
|
|
25
|
-
__export(RadioGroup_exports, {
|
|
26
|
-
RadioGroup: () => RadioGroup,
|
|
27
|
-
createRadioGroupScope: () => createRadioGroupScope
|
|
28
|
-
});
|
|
29
|
-
module.exports = __toCommonJS(RadioGroup_exports);
|
|
30
|
-
var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_label = require("@tamagui/label"), import_roving_focus = require("@tamagui/roving-focus"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_previous = require("@tamagui/use-previous"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
const RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], [createRadioGroupContext, createRadioGroupScope] = (0, import_create_context.createContextScope)(RADIO_GROUP_NAME), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), getState = (checked) => checked ? "checked" : "unchecked", RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioIndicatorFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
1
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
|
+
import { isWeb } from "@tamagui/constants";
|
|
3
|
+
import { getVariableValue, styled } from "@tamagui/core";
|
|
4
|
+
import { createContextScope } from "@tamagui/create-context";
|
|
5
|
+
import { registerFocusable } from "@tamagui/focusable";
|
|
6
|
+
import { getSize } from "@tamagui/get-token";
|
|
7
|
+
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
8
|
+
import { useLabelContext } from "@tamagui/label";
|
|
9
|
+
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
10
|
+
import { ThemeableStack } from "@tamagui/stacks";
|
|
11
|
+
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
12
|
+
import { usePrevious } from "@tamagui/use-previous";
|
|
13
|
+
import * as React from "react";
|
|
14
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
+
const RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], [createRadioGroupContext, createRadioGroupScope] = createContextScope(RADIO_GROUP_NAME), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), getState = (checked) => checked ? "checked" : "unchecked", RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioIndicatorFrame = styled(ThemeableStack, {
|
|
32
16
|
name: RADIO_GROUP_INDICATOR_NAME,
|
|
33
17
|
variants: {
|
|
34
18
|
unstyled: {
|
|
@@ -51,7 +35,7 @@ const RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "Ar
|
|
|
51
35
|
RADIO_GROUP_INDICATOR_NAME,
|
|
52
36
|
__scopeRadioGroupItem
|
|
53
37
|
);
|
|
54
|
-
return forceMount || checked ? /* @__PURE__ */
|
|
38
|
+
return forceMount || checked ? /* @__PURE__ */ jsx(
|
|
55
39
|
RadioIndicatorFrame,
|
|
56
40
|
{
|
|
57
41
|
"data-state": getState(checked),
|
|
@@ -64,7 +48,7 @@ const RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "Ar
|
|
|
64
48
|
)
|
|
65
49
|
);
|
|
66
50
|
RadioIndicator.displayName = RADIO_GROUP_INDICATOR_NAME;
|
|
67
|
-
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadioGroupItemContext] = createRadioGroupContext(RADIO_GROUP_NAME), RadioGroupItemFrame =
|
|
51
|
+
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadioGroupItemContext] = createRadioGroupContext(RADIO_GROUP_NAME), RadioGroupItemFrame = styled(ThemeableStack, {
|
|
68
52
|
name: RADIO_GROUP_ITEM_NAME,
|
|
69
53
|
tag: "button",
|
|
70
54
|
variants: {
|
|
@@ -116,7 +100,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
116
100
|
size: {
|
|
117
101
|
"...size": (value, { props }) => {
|
|
118
102
|
const size = Math.floor(
|
|
119
|
-
|
|
103
|
+
getVariableValue(getSize(value)) * (props.scaleSize ?? 0.5)
|
|
120
104
|
);
|
|
121
105
|
return {
|
|
122
106
|
width: size,
|
|
@@ -145,9 +129,9 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
145
129
|
name,
|
|
146
130
|
native,
|
|
147
131
|
accentColor
|
|
148
|
-
} = useRadioGroupContext(RADIO_GROUP_ITEM_NAME, __scopeRadioGroup), [button, setButton] = React.useState(null), hasConsumerStoppedPropagationRef = React.useRef(!1), ref = React.useRef(null), composedRefs =
|
|
132
|
+
} = useRadioGroupContext(RADIO_GROUP_ITEM_NAME, __scopeRadioGroup), [button, setButton] = React.useState(null), hasConsumerStoppedPropagationRef = React.useRef(!1), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node), ref), isArrowKeyPressedRef = React.useRef(!1), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, checked = groupValue === value, labelId = useLabelContext(button), labelledBy = ariaLabelledby || labelId;
|
|
149
133
|
React.useEffect(() => {
|
|
150
|
-
if (
|
|
134
|
+
if (isWeb) {
|
|
151
135
|
const handleKeyDown = (event) => {
|
|
152
136
|
ARROW_KEYS.includes(event.key) && (isArrowKeyPressedRef.current = !0);
|
|
153
137
|
}, handleKeyUp = () => {
|
|
@@ -159,7 +143,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
159
143
|
}
|
|
160
144
|
}, []), React.useEffect(() => {
|
|
161
145
|
if (props.id && !disabled)
|
|
162
|
-
return
|
|
146
|
+
return registerFocusable(props.id, {
|
|
163
147
|
focusAndSelect: () => {
|
|
164
148
|
onChange == null || onChange(value);
|
|
165
149
|
},
|
|
@@ -168,7 +152,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
168
152
|
});
|
|
169
153
|
}, [props.id, value, disabled]);
|
|
170
154
|
const isDisabled = disabled || itemDisabled;
|
|
171
|
-
return /* @__PURE__ */
|
|
155
|
+
return /* @__PURE__ */ jsx(RadioGroupItemProvider, { checked, scope: __scopeRadioGroup, children: isWeb && native ? /* @__PURE__ */ jsx(
|
|
172
156
|
BubbleInput,
|
|
173
157
|
{
|
|
174
158
|
control: button,
|
|
@@ -181,15 +165,15 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
181
165
|
id: props.id,
|
|
182
166
|
accentColor
|
|
183
167
|
}
|
|
184
|
-
) : /* @__PURE__ */
|
|
185
|
-
/* @__PURE__ */
|
|
186
|
-
|
|
168
|
+
) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
169
|
+
/* @__PURE__ */ jsx(
|
|
170
|
+
RovingFocusGroup.Item,
|
|
187
171
|
{
|
|
188
172
|
__scopeRovingFocusGroup: RADIO_GROUP_NAME,
|
|
189
173
|
asChild: "except-style",
|
|
190
174
|
focusable: !isDisabled,
|
|
191
175
|
active: checked,
|
|
192
|
-
children: /* @__PURE__ */
|
|
176
|
+
children: /* @__PURE__ */ jsx(
|
|
193
177
|
RadioGroupItemFrame,
|
|
194
178
|
{
|
|
195
179
|
"data-state": getState(checked),
|
|
@@ -200,22 +184,22 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
200
184
|
"aria-required": required,
|
|
201
185
|
disabled: isDisabled,
|
|
202
186
|
ref: composedRefs,
|
|
203
|
-
...
|
|
187
|
+
...isWeb && {
|
|
204
188
|
type: "button",
|
|
205
189
|
value
|
|
206
190
|
},
|
|
207
191
|
...itemProps,
|
|
208
|
-
onPress:
|
|
192
|
+
onPress: composeEventHandlers(props.onPress, (event) => {
|
|
209
193
|
checked || onChange == null || onChange(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
|
|
210
194
|
}),
|
|
211
|
-
...
|
|
212
|
-
onKeyDown:
|
|
195
|
+
...isWeb && {
|
|
196
|
+
onKeyDown: composeEventHandlers(
|
|
213
197
|
props.onKeyDown,
|
|
214
198
|
(event) => {
|
|
215
199
|
event.key === "Enter" && event.preventDefault();
|
|
216
200
|
}
|
|
217
201
|
),
|
|
218
|
-
onFocus:
|
|
202
|
+
onFocus: composeEventHandlers(itemProps.onFocus, () => {
|
|
219
203
|
var _a;
|
|
220
204
|
isArrowKeyPressedRef.current && ((_a = ref.current) == null || _a.click());
|
|
221
205
|
})
|
|
@@ -224,7 +208,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
224
208
|
)
|
|
225
209
|
}
|
|
226
210
|
),
|
|
227
|
-
isFormControl && /* @__PURE__ */
|
|
211
|
+
isFormControl && /* @__PURE__ */ jsx(
|
|
228
212
|
BubbleInput,
|
|
229
213
|
{
|
|
230
214
|
isHidden: !0,
|
|
@@ -241,7 +225,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
241
225
|
}
|
|
242
226
|
)
|
|
243
227
|
), BubbleInput = (props) => {
|
|
244
|
-
const { checked, bubbles = !0, control, isHidden, accentColor, ...inputProps } = props, ref = React.useRef(null), prevChecked =
|
|
228
|
+
const { checked, bubbles = !0, control, isHidden, accentColor, ...inputProps } = props, ref = React.useRef(null), prevChecked = usePrevious(checked);
|
|
245
229
|
return React.useEffect(() => {
|
|
246
230
|
const input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(
|
|
247
231
|
inputProto,
|
|
@@ -251,7 +235,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
251
235
|
const event = new Event("click", { bubbles });
|
|
252
236
|
setChecked.call(input, checked), input.dispatchEvent(event);
|
|
253
237
|
}
|
|
254
|
-
}, [prevChecked, checked, bubbles]), /* @__PURE__ */
|
|
238
|
+
}, [prevChecked, checked, bubbles]), /* @__PURE__ */ jsx(
|
|
255
239
|
"input",
|
|
256
240
|
{
|
|
257
241
|
type: "radio",
|
|
@@ -275,7 +259,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
275
259
|
}
|
|
276
260
|
}
|
|
277
261
|
);
|
|
278
|
-
}, RadioGroupFrame =
|
|
262
|
+
}, RadioGroupFrame = styled(ThemeableStack, {
|
|
279
263
|
name: RADIO_GROUP_NAME,
|
|
280
264
|
variants: {
|
|
281
265
|
orientation: {
|
|
@@ -289,7 +273,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
289
273
|
}
|
|
290
274
|
}
|
|
291
275
|
}
|
|
292
|
-
}), RadioGroup =
|
|
276
|
+
}), RadioGroup = withStaticProperties(
|
|
293
277
|
RadioGroupFrame.extractable(
|
|
294
278
|
React.forwardRef(
|
|
295
279
|
(props, forwardedRef) => {
|
|
@@ -305,12 +289,12 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
305
289
|
native,
|
|
306
290
|
accentColor,
|
|
307
291
|
...radioGroupProps
|
|
308
|
-
} = props, [value, setValue] =
|
|
292
|
+
} = props, [value, setValue] = useControllableState({
|
|
309
293
|
prop: valueProp,
|
|
310
294
|
defaultProp: defaultValue,
|
|
311
295
|
onChange: onValueChange
|
|
312
296
|
});
|
|
313
|
-
return /* @__PURE__ */
|
|
297
|
+
return /* @__PURE__ */ jsx(
|
|
314
298
|
RadioGroupProvider,
|
|
315
299
|
{
|
|
316
300
|
scope: __scopeRadioGroup,
|
|
@@ -321,13 +305,13 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
321
305
|
name,
|
|
322
306
|
native,
|
|
323
307
|
accentColor,
|
|
324
|
-
children: /* @__PURE__ */
|
|
325
|
-
|
|
308
|
+
children: /* @__PURE__ */ jsx(
|
|
309
|
+
RovingFocusGroup,
|
|
326
310
|
{
|
|
327
311
|
__scopeRovingFocusGroup: RADIO_GROUP_NAME,
|
|
328
312
|
orientation,
|
|
329
313
|
loop: !0,
|
|
330
|
-
children: /* @__PURE__ */
|
|
314
|
+
children: /* @__PURE__ */ jsx(
|
|
331
315
|
RadioGroupFrame,
|
|
332
316
|
{
|
|
333
317
|
role: "radiogroup",
|
|
@@ -351,9 +335,8 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
|
|
|
351
335
|
}
|
|
352
336
|
);
|
|
353
337
|
RadioGroup.displayName = RADIO_GROUP_NAME;
|
|
354
|
-
|
|
355
|
-
0 && (module.exports = {
|
|
338
|
+
export {
|
|
356
339
|
RadioGroup,
|
|
357
340
|
createRadioGroupScope
|
|
358
|
-
}
|
|
341
|
+
};
|
|
359
342
|
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/RadioGroup.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/index.native.js
CHANGED
|
@@ -1,20 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
-
return to;
|
|
11
|
-
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
12
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
13
|
-
var src_exports = {};
|
|
14
|
-
module.exports = __toCommonJS(src_exports);
|
|
15
|
-
__reExport(src_exports, require("./RadioGroup"), module.exports);
|
|
16
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
17
|
-
0 && (module.exports = {
|
|
18
|
-
...require("./RadioGroup")
|
|
19
|
-
});
|
|
1
|
+
export * from "./RadioGroup";
|
|
20
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/radio-group",
|
|
3
|
-
"version": "1.88.
|
|
3
|
+
"version": "1.88.23",
|
|
4
4
|
"removeSideEffects": true,
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css"
|
|
@@ -33,24 +33,24 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tamagui/compose-refs": "1.88.
|
|
37
|
-
"@tamagui/constants": "1.88.
|
|
38
|
-
"@tamagui/core": "1.88.
|
|
39
|
-
"@tamagui/create-context": "1.88.
|
|
40
|
-
"@tamagui/focusable": "1.88.
|
|
41
|
-
"@tamagui/get-token": "1.88.
|
|
42
|
-
"@tamagui/helpers": "1.88.
|
|
43
|
-
"@tamagui/label": "1.88.
|
|
44
|
-
"@tamagui/roving-focus": "1.88.
|
|
45
|
-
"@tamagui/stacks": "1.88.
|
|
46
|
-
"@tamagui/use-controllable-state": "1.88.
|
|
47
|
-
"@tamagui/use-previous": "1.88.
|
|
36
|
+
"@tamagui/compose-refs": "1.88.23",
|
|
37
|
+
"@tamagui/constants": "1.88.23",
|
|
38
|
+
"@tamagui/core": "1.88.23",
|
|
39
|
+
"@tamagui/create-context": "1.88.23",
|
|
40
|
+
"@tamagui/focusable": "1.88.23",
|
|
41
|
+
"@tamagui/get-token": "1.88.23",
|
|
42
|
+
"@tamagui/helpers": "1.88.23",
|
|
43
|
+
"@tamagui/label": "1.88.23",
|
|
44
|
+
"@tamagui/roving-focus": "1.88.23",
|
|
45
|
+
"@tamagui/stacks": "1.88.23",
|
|
46
|
+
"@tamagui/use-controllable-state": "1.88.23",
|
|
47
|
+
"@tamagui/use-previous": "1.88.23"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"react": "*"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "1.88.
|
|
53
|
+
"@tamagui/build": "1.88.23",
|
|
54
54
|
"react": "^18.2.0"
|
|
55
55
|
},
|
|
56
56
|
"publishConfig": {
|