@tamagui/radio-group 1.0.1
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/LICENSE +21 -0
- package/dist/cjs/RadioGroup.cjs +132 -0
- package/dist/cjs/RadioGroup.js +120 -0
- package/dist/cjs/RadioGroup.js.map +6 -0
- package/dist/cjs/RadioGroup.native.js +137 -0
- package/dist/cjs/RadioGroup.native.js.map +1 -0
- package/dist/cjs/RadioGroupStyledContext.cjs +30 -0
- package/dist/cjs/RadioGroupStyledContext.js +28 -0
- package/dist/cjs/RadioGroupStyledContext.js.map +6 -0
- package/dist/cjs/RadioGroupStyledContext.native.js +33 -0
- package/dist/cjs/RadioGroupStyledContext.native.js.map +1 -0
- package/dist/cjs/createRadioGroup.cjs +165 -0
- package/dist/cjs/createRadioGroup.js +106 -0
- package/dist/cjs/createRadioGroup.js.map +6 -0
- package/dist/cjs/createRadioGroup.native.js +168 -0
- package/dist/cjs/createRadioGroup.native.js.map +1 -0
- package/dist/cjs/index.cjs +36 -0
- package/dist/cjs/index.js +29 -0
- package/dist/cjs/index.js.map +6 -0
- package/dist/cjs/index.native.js +39 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/esm/RadioGroup.js +106 -0
- package/dist/esm/RadioGroup.js.map +6 -0
- package/dist/esm/RadioGroup.mjs +107 -0
- package/dist/esm/RadioGroup.mjs.map +1 -0
- package/dist/esm/RadioGroup.native.js +109 -0
- package/dist/esm/RadioGroup.native.js.map +1 -0
- package/dist/esm/RadioGroupStyledContext.js +12 -0
- package/dist/esm/RadioGroupStyledContext.js.map +6 -0
- package/dist/esm/RadioGroupStyledContext.mjs +7 -0
- package/dist/esm/RadioGroupStyledContext.mjs.map +1 -0
- package/dist/esm/RadioGroupStyledContext.native.js +7 -0
- package/dist/esm/RadioGroupStyledContext.native.js.map +1 -0
- package/dist/esm/createRadioGroup.js +95 -0
- package/dist/esm/createRadioGroup.js.map +6 -0
- package/dist/esm/createRadioGroup.mjs +131 -0
- package/dist/esm/createRadioGroup.mjs.map +1 -0
- package/dist/esm/createRadioGroup.native.js +131 -0
- package/dist/esm/createRadioGroup.native.js.map +1 -0
- package/dist/esm/index.js +18 -0
- package/dist/esm/index.js.map +6 -0
- package/dist/esm/index.mjs +12 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +12 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/jsx/RadioGroup.js +106 -0
- package/dist/jsx/RadioGroup.js.map +6 -0
- package/dist/jsx/RadioGroup.mjs +107 -0
- package/dist/jsx/RadioGroup.mjs.map +1 -0
- package/dist/jsx/RadioGroup.native.js +137 -0
- package/dist/jsx/RadioGroup.native.js.map +1 -0
- package/dist/jsx/RadioGroupStyledContext.js +12 -0
- package/dist/jsx/RadioGroupStyledContext.js.map +6 -0
- package/dist/jsx/RadioGroupStyledContext.mjs +7 -0
- package/dist/jsx/RadioGroupStyledContext.mjs.map +1 -0
- package/dist/jsx/RadioGroupStyledContext.native.js +33 -0
- package/dist/jsx/RadioGroupStyledContext.native.js.map +1 -0
- package/dist/jsx/createRadioGroup.js +95 -0
- package/dist/jsx/createRadioGroup.js.map +6 -0
- package/dist/jsx/createRadioGroup.mjs +131 -0
- package/dist/jsx/createRadioGroup.mjs.map +1 -0
- package/dist/jsx/createRadioGroup.native.js +168 -0
- package/dist/jsx/createRadioGroup.native.js.map +1 -0
- package/dist/jsx/index.js +18 -0
- package/dist/jsx/index.js.map +6 -0
- package/dist/jsx/index.mjs +12 -0
- package/dist/jsx/index.mjs.map +1 -0
- package/dist/jsx/index.native.js +39 -0
- package/dist/jsx/index.native.js.map +1 -0
- package/package.json +62 -0
- package/src/RadioGroup.tsx +125 -0
- package/src/RadioGroupStyledContext.tsx +10 -0
- package/src/createRadioGroup.tsx +191 -0
- package/src/index.ts +16 -0
- package/types/RadioGroup.d.ts +18 -0
- package/types/RadioGroup.d.ts.map +1 -0
- package/types/RadioGroupStyledContext.d.ts +6 -0
- package/types/RadioGroupStyledContext.d.ts.map +1 -0
- package/types/createRadioGroup.d.ts +282 -0
- package/types/createRadioGroup.d.ts.map +1 -0
- package/types/index.d.ts +253 -0
- package/types/index.d.ts.map +1 -0
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { getVariableValue, styled } from "@tamagui/core";
|
|
2
|
+
import { getSize } from "@tamagui/get-token";
|
|
3
|
+
import { YStack } from "@tamagui/stacks";
|
|
4
|
+
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(YStack, {
|
|
5
|
+
name: RADIO_GROUP_ITEM_NAME,
|
|
6
|
+
render: "button",
|
|
7
|
+
variants: {
|
|
8
|
+
unstyled: {
|
|
9
|
+
false: {
|
|
10
|
+
size: "$true",
|
|
11
|
+
borderRadius: 1e3,
|
|
12
|
+
backgroundColor: "$background",
|
|
13
|
+
alignItems: "center",
|
|
14
|
+
justifyContent: "center",
|
|
15
|
+
borderWidth: 1,
|
|
16
|
+
borderColor: "$borderColor",
|
|
17
|
+
padding: 0,
|
|
18
|
+
hoverStyle: {
|
|
19
|
+
borderColor: "$borderColorHover",
|
|
20
|
+
backgroundColor: "$backgroundHover"
|
|
21
|
+
},
|
|
22
|
+
focusStyle: {
|
|
23
|
+
borderColor: "$borderColorHover",
|
|
24
|
+
backgroundColor: "$backgroundHover"
|
|
25
|
+
},
|
|
26
|
+
focusVisibleStyle: {
|
|
27
|
+
outlineStyle: "solid",
|
|
28
|
+
outlineWidth: 2,
|
|
29
|
+
outlineColor: "$outlineColor"
|
|
30
|
+
},
|
|
31
|
+
pressStyle: {
|
|
32
|
+
borderColor: "$borderColorFocus",
|
|
33
|
+
backgroundColor: "$backgroundFocus"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
disabled: {
|
|
38
|
+
true: {
|
|
39
|
+
pointerEvents: "none",
|
|
40
|
+
userSelect: "none",
|
|
41
|
+
cursor: "not-allowed",
|
|
42
|
+
hoverStyle: {
|
|
43
|
+
borderColor: "$borderColor",
|
|
44
|
+
backgroundColor: "$background"
|
|
45
|
+
},
|
|
46
|
+
pressStyle: {
|
|
47
|
+
borderColor: "$borderColor",
|
|
48
|
+
backgroundColor: "$background"
|
|
49
|
+
},
|
|
50
|
+
focusVisibleStyle: {
|
|
51
|
+
outlineWidth: 0
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
size: {
|
|
56
|
+
"...size": (value, { props }) => {
|
|
57
|
+
const size = Math.floor(
|
|
58
|
+
getVariableValue(getSize(value)) * (props.scaleSize ?? 0.5)
|
|
59
|
+
);
|
|
60
|
+
return {
|
|
61
|
+
width: size,
|
|
62
|
+
height: size
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
defaultVariants: {
|
|
68
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
69
|
+
}
|
|
70
|
+
}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(YStack, {
|
|
71
|
+
name: RADIO_GROUP_INDICATOR_NAME,
|
|
72
|
+
variants: {
|
|
73
|
+
unstyled: {
|
|
74
|
+
false: {
|
|
75
|
+
width: "33%",
|
|
76
|
+
height: "33%",
|
|
77
|
+
borderRadius: 1e3,
|
|
78
|
+
backgroundColor: "$color",
|
|
79
|
+
pressTheme: !0
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
defaultVariants: {
|
|
84
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
85
|
+
}
|
|
86
|
+
}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(YStack, {
|
|
87
|
+
name: RADIO_GROUP_NAME,
|
|
88
|
+
variants: {
|
|
89
|
+
orientation: {
|
|
90
|
+
horizontal: {
|
|
91
|
+
flexDirection: "row",
|
|
92
|
+
spaceDirection: "horizontal"
|
|
93
|
+
},
|
|
94
|
+
vertical: {
|
|
95
|
+
flexDirection: "column",
|
|
96
|
+
spaceDirection: "vertical"
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
export {
|
|
102
|
+
RadioGroupFrame,
|
|
103
|
+
RadioGroupIndicatorFrame,
|
|
104
|
+
RadioGroupItemFrame
|
|
105
|
+
};
|
|
106
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/RadioGroup.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAAS,kBAAkB,cAAc;AACzC,SAAS,eAAe;AACxB,SAAS,cAAc;AAEvB,MAAM,wBAAwB,kBAEjB,sBAAsB,OAAO,QAAQ;AAAA,EAChD,MAAM;AAAA,EACN,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,SAAS;AAAA,QAET,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,OAAO,EAAE,MAAM,MAAM;AAC/B,cAAM,OAAO,KAAK;AAAA,UAChB,iBAAiB,QAAQ,KAAK,CAAC,KAAK,MAAM,aAAgB;AAAA,QAC5D;AACA,eAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,6BAA6B,uBAEtB,2BAA2B,OAAO,QAAQ;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,mBAAmB,cAEZ,kBAAkB,OAAO,QAAQ;AAAA,EAC5C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { getVariableValue, styled } from "@tamagui/core";
|
|
2
|
+
import { getSize } from "@tamagui/get-token";
|
|
3
|
+
import { YStack } from "@tamagui/stacks";
|
|
4
|
+
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
|
|
5
|
+
RadioGroupItemFrame = styled(YStack, {
|
|
6
|
+
name: RADIO_GROUP_ITEM_NAME,
|
|
7
|
+
render: "button",
|
|
8
|
+
variants: {
|
|
9
|
+
unstyled: {
|
|
10
|
+
false: {
|
|
11
|
+
size: "$true",
|
|
12
|
+
borderRadius: 1e3,
|
|
13
|
+
backgroundColor: "$background",
|
|
14
|
+
alignItems: "center",
|
|
15
|
+
justifyContent: "center",
|
|
16
|
+
borderWidth: 1,
|
|
17
|
+
borderColor: "$borderColor",
|
|
18
|
+
padding: 0,
|
|
19
|
+
hoverStyle: {
|
|
20
|
+
borderColor: "$borderColorHover",
|
|
21
|
+
backgroundColor: "$backgroundHover"
|
|
22
|
+
},
|
|
23
|
+
focusStyle: {
|
|
24
|
+
borderColor: "$borderColorHover",
|
|
25
|
+
backgroundColor: "$backgroundHover"
|
|
26
|
+
},
|
|
27
|
+
focusVisibleStyle: {
|
|
28
|
+
outlineStyle: "solid",
|
|
29
|
+
outlineWidth: 2,
|
|
30
|
+
outlineColor: "$outlineColor"
|
|
31
|
+
},
|
|
32
|
+
pressStyle: {
|
|
33
|
+
borderColor: "$borderColorFocus",
|
|
34
|
+
backgroundColor: "$backgroundFocus"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
disabled: {
|
|
39
|
+
true: {
|
|
40
|
+
pointerEvents: "none",
|
|
41
|
+
userSelect: "none",
|
|
42
|
+
cursor: "not-allowed",
|
|
43
|
+
hoverStyle: {
|
|
44
|
+
borderColor: "$borderColor",
|
|
45
|
+
backgroundColor: "$background"
|
|
46
|
+
},
|
|
47
|
+
pressStyle: {
|
|
48
|
+
borderColor: "$borderColor",
|
|
49
|
+
backgroundColor: "$background"
|
|
50
|
+
},
|
|
51
|
+
focusVisibleStyle: {
|
|
52
|
+
outlineWidth: 0
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
size: {
|
|
57
|
+
"...size": (value, {
|
|
58
|
+
props
|
|
59
|
+
}) => {
|
|
60
|
+
const size = Math.floor(getVariableValue(getSize(value)) * (props.scaleSize ?? 0.5));
|
|
61
|
+
return {
|
|
62
|
+
width: size,
|
|
63
|
+
height: size
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
defaultVariants: {
|
|
69
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
70
|
+
}
|
|
71
|
+
}),
|
|
72
|
+
RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
|
|
73
|
+
RadioGroupIndicatorFrame = styled(YStack, {
|
|
74
|
+
name: RADIO_GROUP_INDICATOR_NAME,
|
|
75
|
+
variants: {
|
|
76
|
+
unstyled: {
|
|
77
|
+
false: {
|
|
78
|
+
width: "33%",
|
|
79
|
+
height: "33%",
|
|
80
|
+
borderRadius: 1e3,
|
|
81
|
+
backgroundColor: "$color",
|
|
82
|
+
pressTheme: !0
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
defaultVariants: {
|
|
87
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
88
|
+
}
|
|
89
|
+
}),
|
|
90
|
+
RADIO_GROUP_NAME = "RadioGroup",
|
|
91
|
+
RadioGroupFrame = styled(YStack, {
|
|
92
|
+
name: RADIO_GROUP_NAME,
|
|
93
|
+
variants: {
|
|
94
|
+
orientation: {
|
|
95
|
+
horizontal: {
|
|
96
|
+
flexDirection: "row",
|
|
97
|
+
spaceDirection: "horizontal"
|
|
98
|
+
},
|
|
99
|
+
vertical: {
|
|
100
|
+
flexDirection: "column",
|
|
101
|
+
spaceDirection: "vertical"
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
export { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame };
|
|
107
|
+
//# sourceMappingURL=RadioGroup.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getVariableValue","styled","getSize","YStack","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","variants","unstyled","false","size","borderRadius","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","padding","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","disabled","true","pointerEvents","userSelect","cursor","...size","value","props","Math","floor","scaleSize","width","height","defaultVariants","process","env","TAMAGUI_HEADLESS","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","pressTheme","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical"],"sources":["../../src/RadioGroup.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,MAAMC,qBAAA,GAAwB;EAEjBC,mBAAA,GAAsBJ,MAAA,CAAOE,MAAA,EAAQ;IAChDG,IAAA,EAAMF,qBAAA;IACNG,MAAA,EAAQ;IAERC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,IAAA,EAAM;UACNC,YAAA,EAAc;UACdC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,WAAA,EAAa;UACbC,WAAA,EAAa;UACbC,OAAA,EAAS;UAETC,UAAA,EAAY;YACVF,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAO,UAAA,EAAY;YACVH,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAQ,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;UAChB;UAEAC,UAAA,EAAY;YACVR,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;QACF;MACF;MAEAa,QAAA,EAAU;QACRC,IAAA,EAAM;UACJC,aAAA,EAAe;UACfC,UAAA,EAAY;UACZC,MAAA,EAAQ;UAERX,UAAA,EAAY;YACVF,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAY,UAAA,EAAY;YACVR,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAQ,iBAAA,EAAmB;YACjBE,YAAA,EAAc;UAChB;QACF;MACF;MAEAZ,IAAA,EAAM;QACJ,WAAWoB,CAACC,KAAA,EAAO;UAAEC;QAAM,MAAM;UAC/B,MAAMtB,IAAA,GAAOuB,IAAA,CAAKC,KAAA,CAChBnC,gBAAA,CAAiBE,OAAA,CAAQ8B,KAAK,CAAC,KAAKC,KAAA,CAAMG,SAAA,IAAgB,IAC5D;UACA,OAAO;YACLC,KAAA,EAAO1B,IAAA;YACP2B,MAAA,EAAQ3B;UACV;QACF;MACF;IACF;IAEA4B,eAAA,EAAiB;MACf9B,QAAA,EAAU+B,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC;EAEKC,0BAAA,GAA6B;EAEtBC,wBAAA,GAA2B3C,MAAA,CAAOE,MAAA,EAAQ;IACrDG,IAAA,EAAMqC,0BAAA;IAENnC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACL2B,KAAA,EAAO;UACPC,MAAA,EAAQ;UACR1B,YAAA,EAAc;UACdC,eAAA,EAAiB;UACjBgC,UAAA,EAAY;QACd;MACF;IACF;IAEAN,eAAA,EAAiB;MACf9B,QAAA,EAAU+B,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC;EAEKI,gBAAA,GAAmB;EAEZC,eAAA,GAAkB9C,MAAA,CAAOE,MAAA,EAAQ;IAC5CG,IAAA,EAAMwC,gBAAA;IAENtC,QAAA,EAAU;MACRwC,WAAA,EAAa;QACXC,UAAA,EAAY;UACVC,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;QACAC,QAAA,EAAU;UACRF,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;MACF;IACF;EACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { getVariableValue, styled } from "@tamagui/core";
|
|
2
|
+
import { getSize } from "@tamagui/get-token";
|
|
3
|
+
import { YStack } from "@tamagui/stacks";
|
|
4
|
+
var RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
|
|
5
|
+
RadioGroupItemFrame = styled(YStack, {
|
|
6
|
+
name: RADIO_GROUP_ITEM_NAME,
|
|
7
|
+
render: "button",
|
|
8
|
+
variants: {
|
|
9
|
+
unstyled: {
|
|
10
|
+
false: {
|
|
11
|
+
size: "$true",
|
|
12
|
+
borderRadius: 1e3,
|
|
13
|
+
backgroundColor: "$background",
|
|
14
|
+
alignItems: "center",
|
|
15
|
+
justifyContent: "center",
|
|
16
|
+
borderWidth: 1,
|
|
17
|
+
borderColor: "$borderColor",
|
|
18
|
+
padding: 0,
|
|
19
|
+
hoverStyle: {
|
|
20
|
+
borderColor: "$borderColorHover",
|
|
21
|
+
backgroundColor: "$backgroundHover"
|
|
22
|
+
},
|
|
23
|
+
focusStyle: {
|
|
24
|
+
borderColor: "$borderColorHover",
|
|
25
|
+
backgroundColor: "$backgroundHover"
|
|
26
|
+
},
|
|
27
|
+
focusVisibleStyle: {
|
|
28
|
+
outlineStyle: "solid",
|
|
29
|
+
outlineWidth: 2,
|
|
30
|
+
outlineColor: "$outlineColor"
|
|
31
|
+
},
|
|
32
|
+
pressStyle: {
|
|
33
|
+
borderColor: "$borderColorFocus",
|
|
34
|
+
backgroundColor: "$backgroundFocus"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
disabled: {
|
|
39
|
+
true: {
|
|
40
|
+
pointerEvents: "none",
|
|
41
|
+
userSelect: "none",
|
|
42
|
+
cursor: "not-allowed",
|
|
43
|
+
hoverStyle: {
|
|
44
|
+
borderColor: "$borderColor",
|
|
45
|
+
backgroundColor: "$background"
|
|
46
|
+
},
|
|
47
|
+
pressStyle: {
|
|
48
|
+
borderColor: "$borderColor",
|
|
49
|
+
backgroundColor: "$background"
|
|
50
|
+
},
|
|
51
|
+
focusVisibleStyle: {
|
|
52
|
+
outlineWidth: 0
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
size: {
|
|
57
|
+
"...size": function (value, param) {
|
|
58
|
+
var {
|
|
59
|
+
props
|
|
60
|
+
} = param,
|
|
61
|
+
_props_scaleSize,
|
|
62
|
+
size = Math.floor(getVariableValue(getSize(value)) * ((_props_scaleSize = props.scaleSize) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
|
|
63
|
+
return {
|
|
64
|
+
width: size,
|
|
65
|
+
height: size
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
defaultVariants: {
|
|
71
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
72
|
+
}
|
|
73
|
+
}),
|
|
74
|
+
RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
|
|
75
|
+
RadioGroupIndicatorFrame = styled(YStack, {
|
|
76
|
+
name: RADIO_GROUP_INDICATOR_NAME,
|
|
77
|
+
variants: {
|
|
78
|
+
unstyled: {
|
|
79
|
+
false: {
|
|
80
|
+
width: "33%",
|
|
81
|
+
height: "33%",
|
|
82
|
+
borderRadius: 1e3,
|
|
83
|
+
backgroundColor: "$color",
|
|
84
|
+
pressTheme: !0
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
defaultVariants: {
|
|
89
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
90
|
+
}
|
|
91
|
+
}),
|
|
92
|
+
RADIO_GROUP_NAME = "RadioGroup",
|
|
93
|
+
RadioGroupFrame = styled(YStack, {
|
|
94
|
+
name: RADIO_GROUP_NAME,
|
|
95
|
+
variants: {
|
|
96
|
+
orientation: {
|
|
97
|
+
horizontal: {
|
|
98
|
+
flexDirection: "row",
|
|
99
|
+
spaceDirection: "horizontal"
|
|
100
|
+
},
|
|
101
|
+
vertical: {
|
|
102
|
+
flexDirection: "column",
|
|
103
|
+
spaceDirection: "vertical"
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
export { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame };
|
|
109
|
+
//# sourceMappingURL=RadioGroup.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getVariableValue","styled","getSize","YStack","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","variants","unstyled","false","size","borderRadius","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","padding","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","disabled","true","pointerEvents","userSelect","cursor","...size","value","param","props","_props_scaleSize","Math","floor","scaleSize","width","height","defaultVariants","process","env","TAMAGUI_HEADLESS","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","pressTheme","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical"],"sources":["../../src/RadioGroup.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,IAAAC,qBAAM,mBAAwB;EAAAC,mBAEjB,GAAAJ,MAAsB,CAAAE,MAAO;IACxCG,IAAA,EAAMF,qBAAA;IACNG,MAAA,EAAQ;IAERC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,IAAA,EAAM;UACNC,YAAA,EAAc;UACdC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,WAAA,EAAa;UACbC,WAAA,EAAa;UACbC,OAAA,EAAS;UAETC,UAAA,EAAY;YACVF,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAO,UAAA,EAAY;YACVH,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAQ,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;UAChB;UAEAC,UAAA,EAAY;YACVR,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;QACF;MACF;MAEAa,QAAA,EAAU;QACRC,IAAA,EAAM;UACJC,aAAA,EAAe;UACfC,UAAA,EAAY;UACZC,MAAA,EAAQ;UAERX,UAAA,EAAY;YACVF,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAY,UAAA,EAAY;YACVR,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAQ,iBAAA,EAAmB;YACjBE,YAAA,EAAc;UAChB;QACF;MACF;MAEAZ,IAAA,EAAM;QACJ,WAAW,SAAAoB,CAAQC,KAAE,EAAMC,KAAA,EAAM;UAC/B;cAAMC;YAAA,CAAO,GAAAD,KAAK;YAAAE,gBAAA;YAAAxB,IAAA,GAAAyB,IAAA,CAAAC,KAAA,CAAArC,gBAAA,CAAAE,OAAA,CAAA8B,KAAA,OAAAG,gBAAA,GAAAD,KAAA,CAAAI,SAAA,cAAAH,gBAAA,cAAAA,gBAAA;UAAA,OAChB;YACFI,KAAA,EAAA5B,IAAA;YACA6B,MAAO,EAAA7B;UAAA;QACE;MACC;IACV;IACF8B,eACF;MACFhC,QAAA,EAAAiC,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IAEA;EAAiB;EACfC,0BAAsB,wBAAqB;EAAAC,wBAAA,GAAA7C,MAAA,CAAAE,MAAA;IAC7CG,IAAA,EAAAuC,0BAAA;IACDrC,QAEK;MAGJC,QAAM;QAENC,KAAA,EAAU;UACR6B,KAAA,EAAU;UACRC,MAAO;UACL5B,YAAO;UACPC,eAAQ;UACRkC,UAAA;QAAc;MACG;IACL;IACdN,eACF;MACFhC,QAAA,EAAAiC,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IAEA;EAAiB;EACfI,gBAAU,GAAQ,YAAI;EAAAC,eAAqB,GAAAhD,MAAA,CAAAE,MAAA;IAC7CG,IAAA,EAAA0C,gBAAA;IACDxC,QAEK;MAGJ0C,WAAM;QAENC,UAAU;UACRC,aAAa;UACXC,cAAY;QAAA;QACKC,QACf;UACFF,aAAA;UACAC,cAAU;QAAA;MACO;IACC;EAClB;AACF,SAEHJ,eAAA,E","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { createStyledContext } from "@tamagui/core";
|
|
2
|
+
const RadioGroupStyledContext = createStyledContext(
|
|
3
|
+
{
|
|
4
|
+
size: "$true",
|
|
5
|
+
scaleIcon: 1
|
|
6
|
+
},
|
|
7
|
+
"RadioGroup"
|
|
8
|
+
);
|
|
9
|
+
export {
|
|
10
|
+
RadioGroupStyledContext
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=RadioGroupStyledContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createStyledContext","RadioGroupStyledContext","size","scaleIcon"],"sources":["../../src/RadioGroupStyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,mBAAA,QAA2B;AAE7B,MAAMC,uBAAA,GAA0BD,mBAAA,CACrC;EACEE,IAAA,EAAM;EACNC,SAAA,EAAW;AACb,GACA,YACF","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createStyledContext","RadioGroupStyledContext","size","scaleIcon"],"sources":["../../src/RadioGroupStyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,mBAAA,QAA2B;AAE7B,IAAAC,uBAAM,GAAAD,mBAA0B;EACrCE,IAAA;EAAAC,SACQ;AAAA,eACK;AAAA,SAEbF,uBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { isWeb, withStaticProperties } from "@tamagui/core";
|
|
2
|
+
import {
|
|
3
|
+
useRadioGroup,
|
|
4
|
+
useRadioGroupItem,
|
|
5
|
+
useRadioGroupItemIndicator
|
|
6
|
+
} from "@tamagui/radio-headless";
|
|
7
|
+
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
8
|
+
import React from "react";
|
|
9
|
+
import {
|
|
10
|
+
RadioGroupFrame,
|
|
11
|
+
RadioGroupIndicatorFrame,
|
|
12
|
+
RadioGroupItemFrame
|
|
13
|
+
} from "./RadioGroup";
|
|
14
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
+
const ensureContext = (x) => {
|
|
16
|
+
x.context || (x.context = RadioGroupContext);
|
|
17
|
+
}, RadioGroupContext = React.createContext({}), RadioGroupItemContext = React.createContext({
|
|
18
|
+
checked: !1,
|
|
19
|
+
disabled: !1
|
|
20
|
+
});
|
|
21
|
+
function createRadioGroup(createProps) {
|
|
22
|
+
const {
|
|
23
|
+
disableActiveTheme,
|
|
24
|
+
Frame = RadioGroupFrame,
|
|
25
|
+
Indicator = RadioGroupIndicatorFrame,
|
|
26
|
+
Item = RadioGroupItemFrame
|
|
27
|
+
} = createProps;
|
|
28
|
+
ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
|
|
29
|
+
const RadioGroupImp = Frame.styleable((props, ref) => {
|
|
30
|
+
const {
|
|
31
|
+
value,
|
|
32
|
+
defaultValue,
|
|
33
|
+
onValueChange,
|
|
34
|
+
required = !1,
|
|
35
|
+
disabled = !1,
|
|
36
|
+
name,
|
|
37
|
+
native,
|
|
38
|
+
accentColor,
|
|
39
|
+
orientation = "vertical",
|
|
40
|
+
...rest
|
|
41
|
+
} = props, { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
|
|
42
|
+
orientation,
|
|
43
|
+
name,
|
|
44
|
+
defaultValue,
|
|
45
|
+
value,
|
|
46
|
+
onValueChange,
|
|
47
|
+
required,
|
|
48
|
+
disabled,
|
|
49
|
+
native,
|
|
50
|
+
accentColor
|
|
51
|
+
});
|
|
52
|
+
return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupFrame, { ...frameAttrs, ref, ...rest }) }) });
|
|
53
|
+
}), RadioGroupItemImp = Item.styleable((props, ref) => {
|
|
54
|
+
const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props, {
|
|
55
|
+
providerValue,
|
|
56
|
+
bubbleInput,
|
|
57
|
+
rovingFocusGroupAttrs,
|
|
58
|
+
frameAttrs,
|
|
59
|
+
isFormControl,
|
|
60
|
+
native
|
|
61
|
+
} = useRadioGroupItem({
|
|
62
|
+
radioGroupContext: RadioGroupContext,
|
|
63
|
+
value,
|
|
64
|
+
id,
|
|
65
|
+
labelledBy,
|
|
66
|
+
disabled,
|
|
67
|
+
onPress,
|
|
68
|
+
onKeyDown
|
|
69
|
+
});
|
|
70
|
+
return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
71
|
+
/* @__PURE__ */ jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupItemFrame, { ...frameAttrs, ref, ...rest }) }),
|
|
72
|
+
isFormControl && bubbleInput
|
|
73
|
+
] }) });
|
|
74
|
+
});
|
|
75
|
+
RadioGroupItemImp.displayName = "RadioGroupItem";
|
|
76
|
+
const RadioIndicator = Indicator.styleable(
|
|
77
|
+
(props, forwardedRef) => {
|
|
78
|
+
const { forceMount, disabled, ...indicatorProps } = props, { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({
|
|
79
|
+
radioGroupItemContext: RadioGroupItemContext,
|
|
80
|
+
disabled
|
|
81
|
+
});
|
|
82
|
+
return forceMount || checked ? /* @__PURE__ */ jsx(Indicator, { ...useIndicatorRest, ref: forwardedRef, ...indicatorProps }) : null;
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
RadioIndicator.displayName = "RadioIndicator";
|
|
86
|
+
const RadioGroup = withStaticProperties(RadioGroupImp, {
|
|
87
|
+
Item: RadioGroupItemImp,
|
|
88
|
+
Indicator: RadioIndicator
|
|
89
|
+
});
|
|
90
|
+
return RadioGroup.displayName = "RadioGroup", RadioGroup;
|
|
91
|
+
}
|
|
92
|
+
export {
|
|
93
|
+
createRadioGroup
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=createRadioGroup.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/createRadioGroup.tsx"],
|
|
4
|
+
"mappings": "AACA,SAAS,OAAO,4BAA4B;AAK5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAwGG,SA+BA,UA/BA,KA+BA,YA/BA;AAtGV,MAAM,gBAAgB,CAAC,MAAW;AAChC,EAAK,EAAE,YACL,EAAE,UAAU;AAEhB,GAOM,oBAAoB,MAAM,cAAsC,CAAC,CAAC,GAClE,wBAAwB,MAAM,cAA0C;AAAA,EAC5E,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AA0BM,SAAS,iBAId,aAAmF;AACnF,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EACT,IAAI;AAOJ,gBAAc,KAAK,GACnB,cAAc,SAAS,GACvB,cAAc,IAAI;AAalB,QAAM,gBAAgB,MAAM,UAA2B,CAAC,OAAO,QAAQ;AACrE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,GAAG;AAAA,IACL,IAAI,OAEE,EAAE,eAAe,YAAY,sBAAsB,IAAI,cAAc;AAAA,MACzE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,eACjC,8BAAC,oBAAkB,GAAG,uBACpB,8BAAC,mBAAiB,GAAG,YAAY,KAAW,GAAG,MAAM,GACvD,GACF;AAAA,EAEJ,CAAC,GAEK,oBAAoB,KAAK,UAA+B,CAAC,OAAO,QAAQ;AAC5E,UAAM,EAAE,OAAO,YAAY,SAAS,WAAW,UAAU,IAAI,GAAG,KAAK,IAAI,OAEnE;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,kBAAkB;AAAA,MACpB,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,eACpC,mBAAS,SACR,cAEA,iCACE;AAAA,0BAAC,iBAAiB,MAAjB,EAAuB,GAAG,uBACzB,8BAAC,uBAAqB,GAAG,YAAY,KAAW,GAAG,MAAM,GAC3D;AAAA,MACC,iBAAiB;AAAA,OACpB,GAEJ;AAAA,EAEJ,CAAC;AAED,oBAAkB,cAAc;AAEhC,QAAM,iBAAiB,UAAU;AAAA,IAC/B,CAAC,OAA4B,iBAAiB;AAC5C,YAAM,EAAE,YAAY,UAAU,GAAG,eAAe,IAAI,OAC9C,EAAE,SAAS,GAAG,iBAAiB,IAAI,2BAA2B;AAAA,QAClE,uBAAuB;AAAA,QACvB;AAAA,MACF,CAAC;AAED,aAAI,cAAc,UACT,oBAAC,aAAW,GAAG,kBAAkB,KAAK,cAAe,GAAG,gBAAgB,IAG1E;AAAA,IACT;AAAA,EACF;AAEA,iBAAe,cAAc;AAE7B,QAAM,aAAa,qBAAqB,eAAe;AAAA,IACrD,MAAM;AAAA,IACN,WAAW;AAAA,EACb,CAAC;AACD,oBAAW,cAAc,cAElB;AACT;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { isWeb, withStaticProperties } from "@tamagui/core";
|
|
2
|
+
import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@tamagui/radio-headless";
|
|
3
|
+
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame } from "./RadioGroup.mjs";
|
|
6
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
const ensureContext = x => {
|
|
8
|
+
x.context || (x.context = RadioGroupContext);
|
|
9
|
+
},
|
|
10
|
+
RadioGroupContext = React.createContext({}),
|
|
11
|
+
RadioGroupItemContext = React.createContext({
|
|
12
|
+
checked: !1,
|
|
13
|
+
disabled: !1
|
|
14
|
+
});
|
|
15
|
+
function createRadioGroup(createProps) {
|
|
16
|
+
const {
|
|
17
|
+
disableActiveTheme,
|
|
18
|
+
Frame = RadioGroupFrame,
|
|
19
|
+
Indicator = RadioGroupIndicatorFrame,
|
|
20
|
+
Item = RadioGroupItemFrame
|
|
21
|
+
} = createProps;
|
|
22
|
+
ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
|
|
23
|
+
const RadioGroupImp = Frame.styleable((props, ref) => {
|
|
24
|
+
const {
|
|
25
|
+
value,
|
|
26
|
+
defaultValue,
|
|
27
|
+
onValueChange,
|
|
28
|
+
required = !1,
|
|
29
|
+
disabled = !1,
|
|
30
|
+
name,
|
|
31
|
+
native,
|
|
32
|
+
accentColor,
|
|
33
|
+
orientation = "vertical",
|
|
34
|
+
...rest
|
|
35
|
+
} = props,
|
|
36
|
+
{
|
|
37
|
+
providerValue,
|
|
38
|
+
frameAttrs,
|
|
39
|
+
rovingFocusGroupAttrs
|
|
40
|
+
} = useRadioGroup({
|
|
41
|
+
orientation,
|
|
42
|
+
name,
|
|
43
|
+
defaultValue,
|
|
44
|
+
value,
|
|
45
|
+
onValueChange,
|
|
46
|
+
required,
|
|
47
|
+
disabled,
|
|
48
|
+
native,
|
|
49
|
+
accentColor
|
|
50
|
+
});
|
|
51
|
+
return /* @__PURE__ */jsx(RadioGroupContext.Provider, {
|
|
52
|
+
value: providerValue,
|
|
53
|
+
children: /* @__PURE__ */jsx(RovingFocusGroup, {
|
|
54
|
+
...rovingFocusGroupAttrs,
|
|
55
|
+
children: /* @__PURE__ */jsx(RadioGroupFrame, {
|
|
56
|
+
...frameAttrs,
|
|
57
|
+
ref,
|
|
58
|
+
...rest
|
|
59
|
+
})
|
|
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
|
+
});
|
|
102
|
+
});
|
|
103
|
+
RadioGroupItemImp.displayName = "RadioGroupItem";
|
|
104
|
+
const RadioIndicator = Indicator.styleable((props, forwardedRef) => {
|
|
105
|
+
const {
|
|
106
|
+
forceMount,
|
|
107
|
+
disabled,
|
|
108
|
+
...indicatorProps
|
|
109
|
+
} = props,
|
|
110
|
+
{
|
|
111
|
+
checked,
|
|
112
|
+
...useIndicatorRest
|
|
113
|
+
} = useRadioGroupItemIndicator({
|
|
114
|
+
radioGroupItemContext: RadioGroupItemContext,
|
|
115
|
+
disabled
|
|
116
|
+
});
|
|
117
|
+
return forceMount || checked ? /* @__PURE__ */jsx(Indicator, {
|
|
118
|
+
...useIndicatorRest,
|
|
119
|
+
ref: forwardedRef,
|
|
120
|
+
...indicatorProps
|
|
121
|
+
}) : null;
|
|
122
|
+
});
|
|
123
|
+
RadioIndicator.displayName = "RadioIndicator";
|
|
124
|
+
const RadioGroup = withStaticProperties(RadioGroupImp, {
|
|
125
|
+
Item: RadioGroupItemImp,
|
|
126
|
+
Indicator: RadioIndicator
|
|
127
|
+
});
|
|
128
|
+
return RadioGroup.displayName = "RadioGroup", RadioGroup;
|
|
129
|
+
}
|
|
130
|
+
export { createRadioGroup };
|
|
131
|
+
//# sourceMappingURL=createRadioGroup.mjs.map
|
|
@@ -0,0 +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":"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","ignoreList":[]}
|