@hanzogui/radio-group 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/LICENSE +21 -0
- package/dist/cjs/RadioGroup.cjs +132 -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.native.js +33 -0
- package/dist/cjs/RadioGroupStyledContext.native.js.map +1 -0
- package/dist/cjs/createRadioGroup.cjs +165 -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.native.js +39 -0
- package/dist/cjs/index.native.js.map +1 -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.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.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 +12 -0
- package/dist/esm/index.js.map +1 -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.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.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.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 +12 -0
- package/dist/jsx/index.js.map +1 -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/RadioGroupStyledContext.d.ts +6 -0
- package/types/createRadioGroup.d.ts +282 -0
- package/types/index.d.ts +253 -0
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __create = Object.create;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
8
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __export = (target, all) => {
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: !0
|
|
13
|
+
});
|
|
14
|
+
},
|
|
15
|
+
__copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: !0
|
|
30
|
+
}) : target, mod)),
|
|
31
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: !0
|
|
33
|
+
}), mod);
|
|
34
|
+
var createRadioGroup_exports = {};
|
|
35
|
+
__export(createRadioGroup_exports, {
|
|
36
|
+
createRadioGroup: () => createRadioGroup
|
|
37
|
+
});
|
|
38
|
+
module.exports = __toCommonJS(createRadioGroup_exports);
|
|
39
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
40
|
+
import_gui_core = require("@hanzo/gui-core"),
|
|
41
|
+
import_gui_radio_headless = require("@hanzo/gui-radio-headless"),
|
|
42
|
+
import_gui_roving_focus = require("@hanzo/gui-roving-focus"),
|
|
43
|
+
import_react = __toESM(require("react"), 1),
|
|
44
|
+
import_RadioGroup = require("./RadioGroup.native.js"),
|
|
45
|
+
ensureContext = function (x) {
|
|
46
|
+
x.context || (x.context = RadioGroupContext);
|
|
47
|
+
},
|
|
48
|
+
RadioGroupContext = /* @__PURE__ */import_react.default.createContext({}),
|
|
49
|
+
RadioGroupItemContext = /* @__PURE__ */import_react.default.createContext({
|
|
50
|
+
checked: !1,
|
|
51
|
+
disabled: !1
|
|
52
|
+
});
|
|
53
|
+
function createRadioGroup(createProps) {
|
|
54
|
+
var {
|
|
55
|
+
disableActiveTheme,
|
|
56
|
+
Frame = import_RadioGroup.RadioGroupFrame,
|
|
57
|
+
Indicator = import_RadioGroup.RadioGroupIndicatorFrame,
|
|
58
|
+
Item = import_RadioGroup.RadioGroupItemFrame
|
|
59
|
+
} = createProps;
|
|
60
|
+
ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
|
|
61
|
+
var RadioGroupImp = Frame.styleable(function (props, ref) {
|
|
62
|
+
var {
|
|
63
|
+
value,
|
|
64
|
+
defaultValue,
|
|
65
|
+
onValueChange,
|
|
66
|
+
required = !1,
|
|
67
|
+
disabled = !1,
|
|
68
|
+
name,
|
|
69
|
+
native,
|
|
70
|
+
accentColor,
|
|
71
|
+
orientation = "vertical",
|
|
72
|
+
...rest
|
|
73
|
+
} = props,
|
|
74
|
+
{
|
|
75
|
+
providerValue,
|
|
76
|
+
frameAttrs,
|
|
77
|
+
rovingFocusGroupAttrs
|
|
78
|
+
} = (0, import_gui_radio_headless.useRadioGroup)({
|
|
79
|
+
orientation,
|
|
80
|
+
name,
|
|
81
|
+
defaultValue,
|
|
82
|
+
value,
|
|
83
|
+
onValueChange,
|
|
84
|
+
required,
|
|
85
|
+
disabled,
|
|
86
|
+
native,
|
|
87
|
+
accentColor
|
|
88
|
+
});
|
|
89
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {
|
|
90
|
+
value: providerValue,
|
|
91
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_roving_focus.RovingFocusGroup, {
|
|
92
|
+
...rovingFocusGroupAttrs,
|
|
93
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RadioGroup.RadioGroupFrame, {
|
|
94
|
+
...frameAttrs,
|
|
95
|
+
ref,
|
|
96
|
+
...rest
|
|
97
|
+
})
|
|
98
|
+
})
|
|
99
|
+
});
|
|
100
|
+
}),
|
|
101
|
+
RadioGroupItemImp = Item.styleable(function (props, ref) {
|
|
102
|
+
var {
|
|
103
|
+
value,
|
|
104
|
+
labelledBy,
|
|
105
|
+
onPress,
|
|
106
|
+
onKeyDown,
|
|
107
|
+
disabled,
|
|
108
|
+
id,
|
|
109
|
+
...rest
|
|
110
|
+
} = props,
|
|
111
|
+
{
|
|
112
|
+
providerValue,
|
|
113
|
+
bubbleInput,
|
|
114
|
+
rovingFocusGroupAttrs,
|
|
115
|
+
frameAttrs,
|
|
116
|
+
isFormControl,
|
|
117
|
+
native
|
|
118
|
+
} = (0, import_gui_radio_headless.useRadioGroupItem)({
|
|
119
|
+
radioGroupContext: RadioGroupContext,
|
|
120
|
+
value,
|
|
121
|
+
id,
|
|
122
|
+
labelledBy,
|
|
123
|
+
disabled,
|
|
124
|
+
onPress,
|
|
125
|
+
onKeyDown
|
|
126
|
+
});
|
|
127
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
|
|
128
|
+
value: providerValue,
|
|
129
|
+
children: import_gui_core.isWeb && native ? bubbleInput : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
130
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_roving_focus.RovingFocusGroup.Item, {
|
|
131
|
+
...rovingFocusGroupAttrs,
|
|
132
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RadioGroup.RadioGroupItemFrame, {
|
|
133
|
+
...frameAttrs,
|
|
134
|
+
ref,
|
|
135
|
+
...rest
|
|
136
|
+
})
|
|
137
|
+
}), isFormControl && bubbleInput]
|
|
138
|
+
})
|
|
139
|
+
});
|
|
140
|
+
});
|
|
141
|
+
RadioGroupItemImp.displayName = "RadioGroupItem";
|
|
142
|
+
var RadioIndicator = Indicator.styleable(function (props, forwardedRef) {
|
|
143
|
+
var {
|
|
144
|
+
forceMount,
|
|
145
|
+
disabled,
|
|
146
|
+
...indicatorProps
|
|
147
|
+
} = props,
|
|
148
|
+
{
|
|
149
|
+
checked,
|
|
150
|
+
...useIndicatorRest
|
|
151
|
+
} = (0, import_gui_radio_headless.useRadioGroupItemIndicator)({
|
|
152
|
+
radioGroupItemContext: RadioGroupItemContext,
|
|
153
|
+
disabled
|
|
154
|
+
});
|
|
155
|
+
return forceMount || checked ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Indicator, {
|
|
156
|
+
...useIndicatorRest,
|
|
157
|
+
ref: forwardedRef,
|
|
158
|
+
...indicatorProps
|
|
159
|
+
}) : null;
|
|
160
|
+
});
|
|
161
|
+
RadioIndicator.displayName = "RadioIndicator";
|
|
162
|
+
var RadioGroup = (0, import_gui_core.withStaticProperties)(RadioGroupImp, {
|
|
163
|
+
Item: RadioGroupItemImp,
|
|
164
|
+
Indicator: RadioIndicator
|
|
165
|
+
});
|
|
166
|
+
return RadioGroup.displayName = "RadioGroup", RadioGroup;
|
|
167
|
+
}
|
|
168
|
+
//# sourceMappingURL=createRadioGroup.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createRadioGroup_exports","__export","createRadioGroup","module","exports","import_jsx_runtime","require","import_gui_core","import_gui_radio_headless","import_gui_roving_focus","import_react","__toESM","import_RadioGroup","ensureContext","x","context","RadioGroupContext","default","createContext","RadioGroupItemContext","checked","disabled","createProps","disableActiveTheme","Frame","RadioGroupFrame","Indicator","RadioGroupIndicatorFrame","Item","RadioGroupItemFrame","RadioGroupImp","styleable","props","ref","defaultValue","onValueChange","required","name","native","accentColor","orientation","rest","providerValue","frameAttrs","rovingFocusGroupAttrs","useRadioGroup","jsx","Provider","children","RovingFocusGroup","RadioGroupItemImp","labelledBy","onPress","onKeyDown","id","bubbleInput","isFormControl","useRadioGroupItem","radioGroupContext","isWeb","jsxs","Fragment","displayName","RadioIndicator","forwardedRef","forceMount","indicatorProps","useIndicatorRest","useRadioGroupItemIndicator","radioGroupItemContext","RadioGroup","withStaticProperties"],"sources":["../../src/createRadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: !0
|
|
9
|
+
});
|
|
10
|
+
},
|
|
11
|
+
__copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
});
|
|
16
|
+
return to;
|
|
17
|
+
},
|
|
18
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
19
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
20
|
+
value: !0
|
|
21
|
+
}), mod);
|
|
22
|
+
var index_exports = {};
|
|
23
|
+
__export(index_exports, {
|
|
24
|
+
RadioGroup: () => RadioGroup
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(index_exports);
|
|
27
|
+
var import_RadioGroup = require("./RadioGroup.cjs"),
|
|
28
|
+
import_createRadioGroup = require("./createRadioGroup.cjs");
|
|
29
|
+
__reExport(index_exports, require("./createRadioGroup.cjs"), module.exports);
|
|
30
|
+
__reExport(index_exports, require("./RadioGroup.cjs"), module.exports);
|
|
31
|
+
__reExport(index_exports, require("./RadioGroupStyledContext.cjs"), module.exports);
|
|
32
|
+
const RadioGroup = (0, import_createRadioGroup.createRadioGroup)({
|
|
33
|
+
Frame: import_RadioGroup.RadioGroupFrame,
|
|
34
|
+
Indicator: import_RadioGroup.RadioGroupIndicatorFrame,
|
|
35
|
+
Item: import_RadioGroup.RadioGroupItemFrame
|
|
36
|
+
});
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
},
|
|
20
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
21
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
22
|
+
value: !0
|
|
23
|
+
}), mod);
|
|
24
|
+
var index_exports = {};
|
|
25
|
+
__export(index_exports, {
|
|
26
|
+
RadioGroup: () => RadioGroup
|
|
27
|
+
});
|
|
28
|
+
module.exports = __toCommonJS(index_exports);
|
|
29
|
+
var import_RadioGroup = require("./RadioGroup.native.js"),
|
|
30
|
+
import_createRadioGroup = require("./createRadioGroup.native.js");
|
|
31
|
+
__reExport(index_exports, require("./createRadioGroup.native.js"), module.exports);
|
|
32
|
+
__reExport(index_exports, require("./RadioGroup.native.js"), module.exports);
|
|
33
|
+
__reExport(index_exports, require("./RadioGroupStyledContext.native.js"), module.exports);
|
|
34
|
+
var RadioGroup = (0, import_createRadioGroup.createRadioGroup)({
|
|
35
|
+
Frame: import_RadioGroup.RadioGroupFrame,
|
|
36
|
+
Indicator: import_RadioGroup.RadioGroupIndicatorFrame,
|
|
37
|
+
Item: import_RadioGroup.RadioGroupItemFrame
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","RadioGroup","module","exports","import_RadioGroup","require","import_createRadioGroup","__reExport","createRadioGroup","Frame","RadioGroupFrame","Indicator","RadioGroupIndicatorFrame","Item","RadioGroupItemFrame"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAIO,CAAAK,aAAA;AAGP,IAAAK,iBAAA,GAAAC,OAAc;EAAAC,uBAPd,GAAAD,OAAA;AAQAE,UAAA,CAAAR,aAAA,EAAcM,OAAA,+BARd,GAAAH,MAAA,CAAAC,OAAA;AASAI,UAAA,CAAAR,aAAA,EAAcM,OAAA,4BAAAH,MAAA,CAAAC,OATd;AAWOI,UAAM,CAAAR,aAAa,EAAAM,OAAA,yCAAAH,MAAiB,CAAAC,OAAA;AAAA,IACzCF,UAAO,OAAAK,uBAAA,CAAAE,gBAAA;EACPC,KAAA,EAAAL,iBAAW,CAAAM,eAAA;EACXC,SAAM,EAAAP,iBAAA,CAAAQ,wBAAA;EACPC,IAAA,EAAAT,iBAAA,CAAAU","ignoreList":[]}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { getVariableValue, styled } from "@hanzo/gui-core";
|
|
2
|
+
import { getSize } from "@hanzo/gui-get-token";
|
|
3
|
+
import { YStack } from "@hanzo/gui-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.HANZO_GUI_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.HANZO_GUI_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","HANZO_GUI_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,kBAAA,KAAuB;IAC/C;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,kBAAA,KAAuB;IAC/C;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 "@hanzo/gui-core";
|
|
2
|
+
import { getSize } from "@hanzo/gui-get-token";
|
|
3
|
+
import { YStack } from "@hanzo/gui-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.HANZO_GUI_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.HANZO_GUI_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","HANZO_GUI_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,kBAAA;IAEA;EAAiB;EACfC,0BAAsB,wBAAuB;EAAAC,wBAAA,GAAA7C,MAAA,CAAAE,MAAA;IAC/CG,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,kBAAA;IAEA;EAAiB;EACfI,gBAAU,GAAQ,YAAI;EAAAC,eAAuB,GAAAhD,MAAA,CAAAE,MAAA;IAC/CG,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 @@
|
|
|
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,131 @@
|
|
|
1
|
+
import { isWeb, withStaticProperties } from "@hanzo/gui-core";
|
|
2
|
+
import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@hanzo/gui-radio-headless";
|
|
3
|
+
import { RovingFocusGroup } from "@hanzo/gui-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":[]}
|