@tamagui/radio-group 2.0.0-rc.8 → 2.0.0
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/cjs/RadioGroup.cjs +108 -106
- package/dist/cjs/RadioGroup.native.js +110 -108
- package/dist/cjs/RadioGroup.native.js.map +1 -1
- package/dist/cjs/RadioGroupStyledContext.cjs +12 -10
- package/dist/cjs/RadioGroupStyledContext.native.js +17 -15
- package/dist/cjs/RadioGroupStyledContext.native.js.map +1 -1
- package/dist/cjs/createRadioGroup.cjs +133 -123
- package/dist/cjs/createRadioGroup.native.js +134 -124
- package/dist/cjs/createRadioGroup.native.js.map +1 -1
- package/dist/cjs/index.cjs +15 -13
- package/dist/cjs/index.native.js +15 -13
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/RadioGroup.mjs +93 -93
- package/dist/esm/RadioGroup.mjs.map +1 -1
- package/dist/esm/RadioGroup.native.js +95 -95
- package/dist/esm/RadioGroup.native.js.map +1 -1
- package/dist/esm/createRadioGroup.mjs +103 -95
- package/dist/esm/createRadioGroup.mjs.map +1 -1
- package/dist/esm/createRadioGroup.native.js +103 -95
- package/dist/esm/createRadioGroup.native.js.map +1 -1
- package/dist/esm/index.js +6 -12
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/RadioGroup.mjs +93 -93
- package/dist/jsx/RadioGroup.mjs.map +1 -1
- package/dist/jsx/RadioGroup.native.js +110 -108
- package/dist/jsx/RadioGroup.native.js.map +1 -1
- package/dist/jsx/RadioGroupStyledContext.native.js +17 -15
- package/dist/jsx/RadioGroupStyledContext.native.js.map +1 -1
- package/dist/jsx/createRadioGroup.mjs +103 -95
- package/dist/jsx/createRadioGroup.mjs.map +1 -1
- package/dist/jsx/createRadioGroup.native.js +134 -124
- package/dist/jsx/createRadioGroup.native.js.map +1 -1
- package/dist/jsx/index.js +6 -12
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +15 -13
- package/dist/jsx/index.native.js.map +1 -1
- package/package.json +18 -21
- package/types/createRadioGroup.d.ts +8 -8
- package/types/index.d.ts +8 -8
- package/dist/cjs/RadioGroup.js +0 -120
- package/dist/cjs/RadioGroup.js.map +0 -6
- package/dist/cjs/RadioGroupStyledContext.js +0 -28
- package/dist/cjs/RadioGroupStyledContext.js.map +0 -6
- package/dist/cjs/createRadioGroup.js +0 -106
- package/dist/cjs/createRadioGroup.js.map +0 -6
- package/dist/cjs/index.js +0 -29
- package/dist/cjs/index.js.map +0 -6
- package/dist/esm/RadioGroup.js +0 -106
- package/dist/esm/RadioGroup.js.map +0 -6
- package/dist/esm/RadioGroupStyledContext.js +0 -12
- package/dist/esm/RadioGroupStyledContext.js.map +0 -6
- package/dist/esm/createRadioGroup.js +0 -95
- package/dist/esm/createRadioGroup.js.map +0 -6
- package/dist/jsx/RadioGroup.js +0 -106
- package/dist/jsx/RadioGroup.js.map +0 -6
- package/dist/jsx/RadioGroupStyledContext.js +0 -12
- package/dist/jsx/RadioGroupStyledContext.js.map +0 -6
- package/dist/jsx/createRadioGroup.js +0 -95
- package/dist/jsx/createRadioGroup.js.map +0 -6
|
@@ -5,13 +5,15 @@ import React from "react";
|
|
|
5
5
|
import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame } from "./RadioGroup.mjs";
|
|
6
6
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
const ensureContext = x => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
if (!x.context) {
|
|
9
|
+
x.context = RadioGroupContext;
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
const RadioGroupContext = React.createContext({});
|
|
13
|
+
const RadioGroupItemContext = React.createContext({
|
|
14
|
+
checked: false,
|
|
15
|
+
disabled: false
|
|
16
|
+
});
|
|
15
17
|
function createRadioGroup(createProps) {
|
|
16
18
|
const {
|
|
17
19
|
disableActiveTheme,
|
|
@@ -19,113 +21,119 @@ function createRadioGroup(createProps) {
|
|
|
19
21
|
Indicator = RadioGroupIndicatorFrame,
|
|
20
22
|
Item = RadioGroupItemFrame
|
|
21
23
|
} = createProps;
|
|
22
|
-
ensureContext(Frame)
|
|
24
|
+
ensureContext(Frame);
|
|
25
|
+
ensureContext(Indicator);
|
|
26
|
+
ensureContext(Item);
|
|
23
27
|
const RadioGroupImp = Frame.styleable((props, ref) => {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
const {
|
|
29
|
+
value,
|
|
30
|
+
defaultValue,
|
|
31
|
+
onValueChange,
|
|
32
|
+
required = false,
|
|
33
|
+
disabled = false,
|
|
34
|
+
name,
|
|
35
|
+
native,
|
|
36
|
+
accentColor,
|
|
37
|
+
orientation = "vertical",
|
|
38
|
+
...rest
|
|
39
|
+
} = props;
|
|
40
|
+
const {
|
|
41
|
+
providerValue,
|
|
42
|
+
frameAttrs,
|
|
43
|
+
rovingFocusGroupAttrs
|
|
44
|
+
} = useRadioGroup({
|
|
45
|
+
orientation,
|
|
46
|
+
name,
|
|
47
|
+
defaultValue,
|
|
48
|
+
value,
|
|
49
|
+
onValueChange,
|
|
50
|
+
required,
|
|
51
|
+
disabled,
|
|
52
|
+
native,
|
|
53
|
+
accentColor
|
|
54
|
+
});
|
|
55
|
+
return /* @__PURE__ */jsx(RadioGroupContext.Provider, {
|
|
56
|
+
value: providerValue,
|
|
57
|
+
children: /* @__PURE__ */jsx(RovingFocusGroup, {
|
|
58
|
+
...rovingFocusGroupAttrs,
|
|
59
|
+
children: /* @__PURE__ */jsx(RadioGroupFrame, {
|
|
60
|
+
...frameAttrs,
|
|
61
|
+
ref,
|
|
34
62
|
...rest
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
63
|
+
})
|
|
64
|
+
})
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
const RadioGroupItemImp = Item.styleable((props, ref) => {
|
|
68
|
+
const {
|
|
69
|
+
value,
|
|
70
|
+
labelledBy,
|
|
71
|
+
onPress,
|
|
72
|
+
onKeyDown,
|
|
73
|
+
disabled,
|
|
74
|
+
id,
|
|
75
|
+
...rest
|
|
76
|
+
} = props;
|
|
77
|
+
const {
|
|
78
|
+
providerValue,
|
|
79
|
+
bubbleInput,
|
|
80
|
+
rovingFocusGroupAttrs,
|
|
81
|
+
frameAttrs,
|
|
82
|
+
isFormControl,
|
|
83
|
+
native
|
|
84
|
+
} = useRadioGroupItem({
|
|
85
|
+
radioGroupContext: RadioGroupContext,
|
|
86
|
+
value,
|
|
87
|
+
id,
|
|
88
|
+
labelledBy,
|
|
89
|
+
disabled,
|
|
90
|
+
onPress,
|
|
91
|
+
onKeyDown
|
|
92
|
+
});
|
|
93
|
+
return /* @__PURE__ */jsx(RadioGroupItemContext.Provider, {
|
|
94
|
+
value: providerValue,
|
|
95
|
+
children: isWeb && native ? bubbleInput : /* @__PURE__ */jsxs(Fragment, {
|
|
96
|
+
children: [/* @__PURE__ */jsx(RovingFocusGroup.Item, {
|
|
54
97
|
...rovingFocusGroupAttrs,
|
|
55
|
-
children: /* @__PURE__ */jsx(
|
|
98
|
+
children: /* @__PURE__ */jsx(RadioGroupItemFrame, {
|
|
56
99
|
...frameAttrs,
|
|
57
100
|
ref,
|
|
58
101
|
...rest
|
|
59
102
|
})
|
|
60
|
-
})
|
|
61
|
-
})
|
|
62
|
-
}),
|
|
63
|
-
RadioGroupItemImp = Item.styleable((props, ref) => {
|
|
64
|
-
const {
|
|
65
|
-
value,
|
|
66
|
-
labelledBy,
|
|
67
|
-
onPress,
|
|
68
|
-
onKeyDown,
|
|
69
|
-
disabled,
|
|
70
|
-
id,
|
|
71
|
-
...rest
|
|
72
|
-
} = props,
|
|
73
|
-
{
|
|
74
|
-
providerValue,
|
|
75
|
-
bubbleInput,
|
|
76
|
-
rovingFocusGroupAttrs,
|
|
77
|
-
frameAttrs,
|
|
78
|
-
isFormControl,
|
|
79
|
-
native
|
|
80
|
-
} = useRadioGroupItem({
|
|
81
|
-
radioGroupContext: RadioGroupContext,
|
|
82
|
-
value,
|
|
83
|
-
id,
|
|
84
|
-
labelledBy,
|
|
85
|
-
disabled,
|
|
86
|
-
onPress,
|
|
87
|
-
onKeyDown
|
|
88
|
-
});
|
|
89
|
-
return /* @__PURE__ */jsx(RadioGroupItemContext.Provider, {
|
|
90
|
-
value: providerValue,
|
|
91
|
-
children: isWeb && native ? bubbleInput : /* @__PURE__ */jsxs(Fragment, {
|
|
92
|
-
children: [/* @__PURE__ */jsx(RovingFocusGroup.Item, {
|
|
93
|
-
...rovingFocusGroupAttrs,
|
|
94
|
-
children: /* @__PURE__ */jsx(RadioGroupItemFrame, {
|
|
95
|
-
...frameAttrs,
|
|
96
|
-
ref,
|
|
97
|
-
...rest
|
|
98
|
-
})
|
|
99
|
-
}), isFormControl && bubbleInput]
|
|
100
|
-
})
|
|
101
|
-
});
|
|
103
|
+
}), isFormControl && bubbleInput]
|
|
104
|
+
})
|
|
102
105
|
});
|
|
106
|
+
});
|
|
103
107
|
RadioGroupItemImp.displayName = "RadioGroupItem";
|
|
104
108
|
const RadioIndicator = Indicator.styleable((props, forwardedRef) => {
|
|
105
109
|
const {
|
|
106
|
-
|
|
107
|
-
|
|
110
|
+
forceMount,
|
|
111
|
+
disabled,
|
|
112
|
+
...indicatorProps
|
|
113
|
+
} = props;
|
|
114
|
+
const {
|
|
115
|
+
checked,
|
|
116
|
+
...useIndicatorRest
|
|
117
|
+
} = useRadioGroupItemIndicator({
|
|
118
|
+
radioGroupItemContext: RadioGroupItemContext,
|
|
119
|
+
disabled
|
|
120
|
+
});
|
|
121
|
+
if (forceMount || checked) {
|
|
122
|
+
return /* @__PURE__ */jsx(Indicator, {
|
|
123
|
+
...useIndicatorRest,
|
|
124
|
+
ref: forwardedRef,
|
|
108
125
|
...indicatorProps
|
|
109
|
-
} = props,
|
|
110
|
-
{
|
|
111
|
-
checked,
|
|
112
|
-
...useIndicatorRest
|
|
113
|
-
} = useRadioGroupItemIndicator({
|
|
114
|
-
radioGroupItemContext: RadioGroupItemContext,
|
|
115
|
-
disabled
|
|
116
126
|
});
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
ref: forwardedRef,
|
|
120
|
-
...indicatorProps
|
|
121
|
-
}) : null;
|
|
127
|
+
}
|
|
128
|
+
return null;
|
|
122
129
|
});
|
|
123
130
|
RadioIndicator.displayName = "RadioIndicator";
|
|
124
131
|
const RadioGroup = withStaticProperties(RadioGroupImp, {
|
|
125
132
|
Item: RadioGroupItemImp,
|
|
126
133
|
Indicator: RadioIndicator
|
|
127
134
|
});
|
|
128
|
-
|
|
135
|
+
RadioGroup.displayName = "RadioGroup";
|
|
136
|
+
return RadioGroup;
|
|
129
137
|
}
|
|
130
138
|
export { createRadioGroup };
|
|
131
139
|
//# sourceMappingURL=createRadioGroup.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","withStaticProperties","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","Fragment","jsx","jsxs","ensureContext","x","context","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","createRadioGroup","createProps","disableActiveTheme","Frame","Indicator","Item","RadioGroupImp","styleable","props","ref","value","defaultValue","onValueChange","required","name","native","accentColor","orientation","rest","providerValue","frameAttrs","rovingFocusGroupAttrs","Provider","children","RadioGroupItemImp","labelledBy","onPress","onKeyDown","id","bubbleInput","isFormControl","radioGroupContext","displayName","RadioIndicator","forwardedRef","forceMount","indicatorProps","useIndicatorRest","radioGroupItemContext","RadioGroup"],"sources":["../../src/createRadioGroup.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,oBAAA,QAA4B;AAK5C,SACEC,aAAA,EACAC,iBAAA,EACAC,0BAAA,QACK;AACP,SAASC,gBAAA,QAAwB;AACjC,OAAOC,KAAA,MAAW;AAClB,SACEC,eAAA,EACAC,wBAAA,EACAC,mBAAA,QACK;AAwGG,SA+BAC,QAAA,EA/BAC,GAAA,EA+BAC,IAAA,QA/BA;AAtGV,MAAMC,aAAA,GAAiBC,CAAA,IAAW;
|
|
1
|
+
{"version":3,"names":["isWeb","withStaticProperties","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","Fragment","jsx","jsxs","ensureContext","x","context","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","createRadioGroup","createProps","disableActiveTheme","Frame","Indicator","Item","RadioGroupImp","styleable","props","ref","value","defaultValue","onValueChange","required","name","native","accentColor","orientation","rest","providerValue","frameAttrs","rovingFocusGroupAttrs","Provider","children","RadioGroupItemImp","labelledBy","onPress","onKeyDown","id","bubbleInput","isFormControl","radioGroupContext","displayName","RadioIndicator","forwardedRef","forceMount","indicatorProps","useIndicatorRest","radioGroupItemContext","RadioGroup"],"sources":["../../src/createRadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -5,13 +5,15 @@ import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
|
5
5
|
import React from "react";
|
|
6
6
|
import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame } from "./RadioGroup.native.js";
|
|
7
7
|
var ensureContext = function (x) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
if (!x.context) {
|
|
9
|
+
x.context = RadioGroupContext;
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
var RadioGroupContext = /* @__PURE__ */React.createContext({});
|
|
13
|
+
var RadioGroupItemContext = /* @__PURE__ */React.createContext({
|
|
14
|
+
checked: false,
|
|
15
|
+
disabled: false
|
|
16
|
+
});
|
|
15
17
|
function createRadioGroup(createProps) {
|
|
16
18
|
var {
|
|
17
19
|
disableActiveTheme,
|
|
@@ -19,113 +21,119 @@ function createRadioGroup(createProps) {
|
|
|
19
21
|
Indicator = RadioGroupIndicatorFrame,
|
|
20
22
|
Item = RadioGroupItemFrame
|
|
21
23
|
} = createProps;
|
|
22
|
-
ensureContext(Frame)
|
|
24
|
+
ensureContext(Frame);
|
|
25
|
+
ensureContext(Indicator);
|
|
26
|
+
ensureContext(Item);
|
|
23
27
|
var RadioGroupImp = Frame.styleable(function (props, ref) {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
var {
|
|
29
|
+
value,
|
|
30
|
+
defaultValue,
|
|
31
|
+
onValueChange,
|
|
32
|
+
required = false,
|
|
33
|
+
disabled = false,
|
|
34
|
+
name,
|
|
35
|
+
native,
|
|
36
|
+
accentColor,
|
|
37
|
+
orientation = "vertical",
|
|
38
|
+
...rest
|
|
39
|
+
} = props;
|
|
40
|
+
var {
|
|
41
|
+
providerValue,
|
|
42
|
+
frameAttrs,
|
|
43
|
+
rovingFocusGroupAttrs
|
|
44
|
+
} = useRadioGroup({
|
|
45
|
+
orientation,
|
|
46
|
+
name,
|
|
47
|
+
defaultValue,
|
|
48
|
+
value,
|
|
49
|
+
onValueChange,
|
|
50
|
+
required,
|
|
51
|
+
disabled,
|
|
52
|
+
native,
|
|
53
|
+
accentColor
|
|
54
|
+
});
|
|
55
|
+
return /* @__PURE__ */_jsx(RadioGroupContext.Provider, {
|
|
56
|
+
value: providerValue,
|
|
57
|
+
children: /* @__PURE__ */_jsx(RovingFocusGroup, {
|
|
58
|
+
...rovingFocusGroupAttrs,
|
|
59
|
+
children: /* @__PURE__ */_jsx(RadioGroupFrame, {
|
|
60
|
+
...frameAttrs,
|
|
61
|
+
ref,
|
|
34
62
|
...rest
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
63
|
+
})
|
|
64
|
+
})
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
var RadioGroupItemImp = Item.styleable(function (props, ref) {
|
|
68
|
+
var {
|
|
69
|
+
value,
|
|
70
|
+
labelledBy,
|
|
71
|
+
onPress,
|
|
72
|
+
onKeyDown,
|
|
73
|
+
disabled,
|
|
74
|
+
id,
|
|
75
|
+
...rest
|
|
76
|
+
} = props;
|
|
77
|
+
var {
|
|
78
|
+
providerValue,
|
|
79
|
+
bubbleInput,
|
|
80
|
+
rovingFocusGroupAttrs,
|
|
81
|
+
frameAttrs,
|
|
82
|
+
isFormControl,
|
|
83
|
+
native
|
|
84
|
+
} = useRadioGroupItem({
|
|
85
|
+
radioGroupContext: RadioGroupContext,
|
|
86
|
+
value,
|
|
87
|
+
id,
|
|
88
|
+
labelledBy,
|
|
89
|
+
disabled,
|
|
90
|
+
onPress,
|
|
91
|
+
onKeyDown
|
|
92
|
+
});
|
|
93
|
+
return /* @__PURE__ */_jsx(RadioGroupItemContext.Provider, {
|
|
94
|
+
value: providerValue,
|
|
95
|
+
children: isWeb && native ? bubbleInput : /* @__PURE__ */_jsxs(_Fragment, {
|
|
96
|
+
children: [/* @__PURE__ */_jsx(RovingFocusGroup.Item, {
|
|
54
97
|
...rovingFocusGroupAttrs,
|
|
55
|
-
children: /* @__PURE__ */_jsx(
|
|
98
|
+
children: /* @__PURE__ */_jsx(RadioGroupItemFrame, {
|
|
56
99
|
...frameAttrs,
|
|
57
100
|
ref,
|
|
58
101
|
...rest
|
|
59
102
|
})
|
|
60
|
-
})
|
|
61
|
-
})
|
|
62
|
-
}),
|
|
63
|
-
RadioGroupItemImp = Item.styleable(function (props, ref) {
|
|
64
|
-
var {
|
|
65
|
-
value,
|
|
66
|
-
labelledBy,
|
|
67
|
-
onPress,
|
|
68
|
-
onKeyDown,
|
|
69
|
-
disabled,
|
|
70
|
-
id,
|
|
71
|
-
...rest
|
|
72
|
-
} = props,
|
|
73
|
-
{
|
|
74
|
-
providerValue,
|
|
75
|
-
bubbleInput,
|
|
76
|
-
rovingFocusGroupAttrs,
|
|
77
|
-
frameAttrs,
|
|
78
|
-
isFormControl,
|
|
79
|
-
native
|
|
80
|
-
} = useRadioGroupItem({
|
|
81
|
-
radioGroupContext: RadioGroupContext,
|
|
82
|
-
value,
|
|
83
|
-
id,
|
|
84
|
-
labelledBy,
|
|
85
|
-
disabled,
|
|
86
|
-
onPress,
|
|
87
|
-
onKeyDown
|
|
88
|
-
});
|
|
89
|
-
return /* @__PURE__ */_jsx(RadioGroupItemContext.Provider, {
|
|
90
|
-
value: providerValue,
|
|
91
|
-
children: isWeb && native ? bubbleInput : /* @__PURE__ */_jsxs(_Fragment, {
|
|
92
|
-
children: [/* @__PURE__ */_jsx(RovingFocusGroup.Item, {
|
|
93
|
-
...rovingFocusGroupAttrs,
|
|
94
|
-
children: /* @__PURE__ */_jsx(RadioGroupItemFrame, {
|
|
95
|
-
...frameAttrs,
|
|
96
|
-
ref,
|
|
97
|
-
...rest
|
|
98
|
-
})
|
|
99
|
-
}), isFormControl && bubbleInput]
|
|
100
|
-
})
|
|
101
|
-
});
|
|
103
|
+
}), isFormControl && bubbleInput]
|
|
104
|
+
})
|
|
102
105
|
});
|
|
106
|
+
});
|
|
103
107
|
RadioGroupItemImp.displayName = "RadioGroupItem";
|
|
104
108
|
var RadioIndicator = Indicator.styleable(function (props, forwardedRef) {
|
|
105
109
|
var {
|
|
106
|
-
|
|
107
|
-
|
|
110
|
+
forceMount,
|
|
111
|
+
disabled,
|
|
112
|
+
...indicatorProps
|
|
113
|
+
} = props;
|
|
114
|
+
var {
|
|
115
|
+
checked,
|
|
116
|
+
...useIndicatorRest
|
|
117
|
+
} = useRadioGroupItemIndicator({
|
|
118
|
+
radioGroupItemContext: RadioGroupItemContext,
|
|
119
|
+
disabled
|
|
120
|
+
});
|
|
121
|
+
if (forceMount || checked) {
|
|
122
|
+
return /* @__PURE__ */_jsx(Indicator, {
|
|
123
|
+
...useIndicatorRest,
|
|
124
|
+
ref: forwardedRef,
|
|
108
125
|
...indicatorProps
|
|
109
|
-
} = props,
|
|
110
|
-
{
|
|
111
|
-
checked,
|
|
112
|
-
...useIndicatorRest
|
|
113
|
-
} = useRadioGroupItemIndicator({
|
|
114
|
-
radioGroupItemContext: RadioGroupItemContext,
|
|
115
|
-
disabled
|
|
116
126
|
});
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
ref: forwardedRef,
|
|
120
|
-
...indicatorProps
|
|
121
|
-
}) : null;
|
|
127
|
+
}
|
|
128
|
+
return null;
|
|
122
129
|
});
|
|
123
130
|
RadioIndicator.displayName = "RadioIndicator";
|
|
124
131
|
var RadioGroup = withStaticProperties(RadioGroupImp, {
|
|
125
132
|
Item: RadioGroupItemImp,
|
|
126
133
|
Indicator: RadioIndicator
|
|
127
134
|
});
|
|
128
|
-
|
|
135
|
+
RadioGroup.displayName = "RadioGroup";
|
|
136
|
+
return RadioGroup;
|
|
129
137
|
}
|
|
130
138
|
export { createRadioGroup };
|
|
131
139
|
//# sourceMappingURL=createRadioGroup.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","isWeb","withStaticProperties","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","ensureContext","x","context","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","createRadioGroup","createProps","disableActiveTheme","Frame","Indicator","Item","RadioGroupImp","styleable","props","ref","value","defaultValue","onValueChange","required","name","native","accentColor","orientation","rest","providerValue","frameAttrs","rovingFocusGroupAttrs","Provider","children","RadioGroupItemImp","labelledBy","onPress","onKeyDown","id","bubbleInput","isFormControl","radioGroupContext","displayName","RadioIndicator","forwardedRef","forceMount","indicatorProps","useIndicatorRest","radioGroupItemContext","RadioGroup"],"sources":["../../src/createRadioGroup.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAA4B,IAAAC,SAAA;AAK5C,SAAAC,KAAA,EAAAC,oBAAA;AAAA,SACEC,aAAA,EAAAC,iBAAA,EAAAC,0BAAA;AAAA,SACAC,gBAAA;AAAA,OACAC,KAAA;AAAA,SACKC,eAAA,EAAAC,wBAAA,EAAAC,mBAAA;AACP,IAAAC,aAAS,YAAAA,CAAAC,CAAA;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","isWeb","withStaticProperties","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","ensureContext","x","context","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","createRadioGroup","createProps","disableActiveTheme","Frame","Indicator","Item","RadioGroupImp","styleable","props","ref","value","defaultValue","onValueChange","required","name","native","accentColor","orientation","rest","providerValue","frameAttrs","rovingFocusGroupAttrs","Provider","children","RadioGroupItemImp","labelledBy","onPress","onKeyDown","id","bubbleInput","isFormControl","radioGroupContext","displayName","RadioIndicator","forwardedRef","forceMount","indicatorProps","useIndicatorRest","radioGroupItemContext","RadioGroup"],"sources":["../../src/createRadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,18 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
import { createRadioGroup } from "./createRadioGroup";
|
|
7
|
-
export * from "./createRadioGroup";
|
|
8
|
-
export * from "./RadioGroup";
|
|
9
|
-
export * from "./RadioGroupStyledContext";
|
|
1
|
+
import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame } from "./RadioGroup.mjs";
|
|
2
|
+
import { createRadioGroup } from "./createRadioGroup.mjs";
|
|
3
|
+
export * from "./createRadioGroup.mjs";
|
|
4
|
+
export * from "./RadioGroup.mjs";
|
|
5
|
+
export * from "./RadioGroupStyledContext.mjs";
|
|
10
6
|
const RadioGroup = createRadioGroup({
|
|
11
7
|
Frame: RadioGroupFrame,
|
|
12
8
|
Indicator: RadioGroupIndicatorFrame,
|
|
13
9
|
Item: RadioGroupItemFrame
|
|
14
10
|
});
|
|
15
|
-
export {
|
|
16
|
-
RadioGroup
|
|
17
|
-
};
|
|
11
|
+
export { RadioGroup };
|
|
18
12
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AAEjC,cAAc;AACd,cAAc;AACd,cAAc;AAEP,MAAM,aAAa,iBAAiB;AAAA,EACzC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AACR,CAAC;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","createRadioGroup","RadioGroup","Frame","Indicator","Item"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,eAAA,EACAC,wBAAA,EACAC,mBAAA,QACK;AACP,SAASC,gBAAA,QAAwB;AAEjC,cAAc;AACd,cAAc;AACd,cAAc;AAEP,MAAMC,UAAA,GAAaD,gBAAA,CAAiB;EACzCE,KAAA,EAAOL,eAAA;EACPM,SAAA,EAAWL,wBAAA;EACXM,IAAA,EAAML;AACR,CAAC","ignoreList":[]}
|