@tamagui/radio-headless 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/BubbleInput.cjs +45 -40
- package/dist/cjs/BubbleInput.native.js +73 -69
- package/dist/cjs/BubbleInput.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/useRadioGroup.cjs +149 -138
- package/dist/cjs/useRadioGroup.native.js +163 -149
- package/dist/cjs/useRadioGroup.native.js.map +1 -1
- package/dist/cjs/utils.cjs +12 -10
- package/dist/cjs/utils.native.js +12 -10
- package/dist/cjs/utils.native.js.map +1 -1
- package/dist/esm/BubbleInput.mjs +18 -15
- package/dist/esm/BubbleInput.mjs.map +1 -1
- package/dist/esm/BubbleInput.native.js +18 -16
- package/dist/esm/BubbleInput.native.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/useRadioGroup.mjs +128 -118
- package/dist/esm/useRadioGroup.mjs.map +1 -1
- package/dist/esm/useRadioGroup.native.js +141 -129
- package/dist/esm/useRadioGroup.native.js.map +1 -1
- package/dist/jsx/BubbleInput.mjs +18 -15
- package/dist/jsx/BubbleInput.mjs.map +1 -1
- package/dist/jsx/BubbleInput.native.js +73 -69
- package/dist/jsx/BubbleInput.native.js.map +1 -1
- package/dist/jsx/index.js +2 -2
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +7 -5
- package/dist/jsx/useRadioGroup.mjs +128 -118
- package/dist/jsx/useRadioGroup.mjs.map +1 -1
- package/dist/jsx/useRadioGroup.native.js +163 -149
- package/dist/jsx/useRadioGroup.native.js.map +1 -1
- package/dist/jsx/utils.native.js +12 -10
- package/package.json +16 -20
- package/dist/cjs/BubbleInput.js +0 -65
- package/dist/cjs/BubbleInput.js.map +0 -6
- package/dist/cjs/index.js +0 -16
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/useRadioGroup.js +0 -160
- package/dist/cjs/useRadioGroup.js.map +0 -6
- package/dist/cjs/utils.js +0 -23
- package/dist/cjs/utils.js.map +0 -6
- package/dist/esm/BubbleInput.js +0 -43
- package/dist/esm/BubbleInput.js.map +0 -6
- package/dist/esm/useRadioGroup.js +0 -153
- package/dist/esm/useRadioGroup.js.map +0 -6
- package/dist/esm/utils.js +0 -7
- package/dist/esm/utils.js.map +0 -6
- package/dist/jsx/BubbleInput.js +0 -43
- package/dist/jsx/BubbleInput.js.map +0 -6
- package/dist/jsx/useRadioGroup.js +0 -153
- package/dist/jsx/useRadioGroup.js.map +0 -6
- package/dist/jsx/utils.js +0 -7
- package/dist/jsx/utils.js.map +0 -6
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var useRadioGroup_exports = {};
|
|
24
26
|
__export(useRadioGroup_exports, {
|
|
@@ -27,34 +29,34 @@ __export(useRadioGroup_exports, {
|
|
|
27
29
|
useRadioGroupItemIndicator: () => useRadioGroupItemIndicator
|
|
28
30
|
});
|
|
29
31
|
module.exports = __toCommonJS(useRadioGroup_exports);
|
|
30
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_compose_refs = require("@tamagui/compose-refs");
|
|
34
|
+
var import_constants = require("@tamagui/constants");
|
|
35
|
+
var import_focusable = require("@tamagui/focusable");
|
|
36
|
+
var import_helpers = require("@tamagui/helpers");
|
|
37
|
+
var import_label = require("@tamagui/label");
|
|
38
|
+
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
39
|
+
var import_react = require("react");
|
|
40
|
+
var import_BubbleInput = require("./BubbleInput.native.js");
|
|
41
|
+
var import_utils = require("./utils.native.js");
|
|
40
42
|
function useRadioGroup(params) {
|
|
41
43
|
var {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
44
|
+
value: valueProp,
|
|
45
|
+
onValueChange,
|
|
46
|
+
defaultValue,
|
|
47
|
+
required,
|
|
48
|
+
disabled,
|
|
49
|
+
name,
|
|
50
|
+
native,
|
|
51
|
+
accentColor,
|
|
52
|
+
orientation,
|
|
53
|
+
ref
|
|
54
|
+
} = params;
|
|
55
|
+
var [value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
56
|
+
prop: valueProp,
|
|
57
|
+
defaultProp: defaultValue,
|
|
58
|
+
onChange: onValueChange
|
|
59
|
+
});
|
|
58
60
|
return {
|
|
59
61
|
providerValue: {
|
|
60
62
|
value,
|
|
@@ -72,130 +74,142 @@ function useRadioGroup(params) {
|
|
|
72
74
|
},
|
|
73
75
|
rovingFocusGroupAttrs: {
|
|
74
76
|
orientation,
|
|
75
|
-
loop:
|
|
77
|
+
loop: true
|
|
76
78
|
}
|
|
77
79
|
};
|
|
78
80
|
}
|
|
79
|
-
var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"]
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
providerValue: {
|
|
135
|
-
checked
|
|
81
|
+
var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
|
|
82
|
+
var useRadioGroupItem = function (params) {
|
|
83
|
+
var {
|
|
84
|
+
radioGroupContext,
|
|
85
|
+
value,
|
|
86
|
+
labelledBy: ariaLabelledby,
|
|
87
|
+
disabled: itemDisabled,
|
|
88
|
+
ref: refProp,
|
|
89
|
+
id,
|
|
90
|
+
onPress,
|
|
91
|
+
onKeyDown,
|
|
92
|
+
onFocus
|
|
93
|
+
} = params;
|
|
94
|
+
var {
|
|
95
|
+
value: groupValue,
|
|
96
|
+
disabled,
|
|
97
|
+
required,
|
|
98
|
+
onChange,
|
|
99
|
+
name,
|
|
100
|
+
native,
|
|
101
|
+
accentColor
|
|
102
|
+
} = (0, import_react.useContext)(radioGroupContext);
|
|
103
|
+
var [button, setButton] = (0, import_react.useState)(null);
|
|
104
|
+
var hasConsumerStoppedPropagationRef = (0, import_react.useRef)(false);
|
|
105
|
+
var ref = (0, import_react.useRef)(null);
|
|
106
|
+
var composedRefs = (0, import_compose_refs.useComposedRefs)(refProp, function (node) {
|
|
107
|
+
return setButton(node);
|
|
108
|
+
}, ref);
|
|
109
|
+
var isArrowKeyPressedRef = (0, import_react.useRef)(false);
|
|
110
|
+
var isFormControl = import_constants.isWeb ? button ? Boolean(button.closest("form")) : true : false;
|
|
111
|
+
var checked = groupValue === value;
|
|
112
|
+
var labelId = (0, import_label.useLabelContext)(button);
|
|
113
|
+
var labelledBy = ariaLabelledby || labelId;
|
|
114
|
+
(0, import_react.useEffect)(function () {
|
|
115
|
+
if (import_constants.isWeb) {
|
|
116
|
+
var handleKeyDown = function (event) {
|
|
117
|
+
if (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;
|
|
118
|
+
};
|
|
119
|
+
var handleKeyUp = function () {
|
|
120
|
+
isArrowKeyPressedRef.current = false;
|
|
121
|
+
};
|
|
122
|
+
document.addEventListener("keydown", handleKeyDown);
|
|
123
|
+
document.addEventListener("keyup", handleKeyUp);
|
|
124
|
+
return function () {
|
|
125
|
+
document.removeEventListener("keydown", handleKeyDown);
|
|
126
|
+
document.removeEventListener("keyup", handleKeyUp);
|
|
127
|
+
};
|
|
128
|
+
}
|
|
129
|
+
}, []);
|
|
130
|
+
(0, import_react.useEffect)(function () {
|
|
131
|
+
if (!id) return;
|
|
132
|
+
if (disabled) return;
|
|
133
|
+
return (0, import_focusable.registerFocusable)(id, {
|
|
134
|
+
focusAndSelect: function () {
|
|
135
|
+
onChange === null || onChange === void 0 || onChange(value);
|
|
136
136
|
},
|
|
137
|
+
focus: function () {}
|
|
138
|
+
});
|
|
139
|
+
}, [id, value, disabled]);
|
|
140
|
+
var isDisabled = disabled || itemDisabled;
|
|
141
|
+
return {
|
|
142
|
+
providerValue: {
|
|
143
|
+
checked
|
|
144
|
+
},
|
|
145
|
+
checked,
|
|
146
|
+
isFormControl,
|
|
147
|
+
bubbleInput: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BubbleInput.BubbleInput, {
|
|
148
|
+
isHidden: !native,
|
|
149
|
+
control: button,
|
|
150
|
+
bubbles: !hasConsumerStoppedPropagationRef.current,
|
|
151
|
+
name,
|
|
152
|
+
value,
|
|
137
153
|
checked,
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
154
|
+
required,
|
|
155
|
+
disabled: isDisabled,
|
|
156
|
+
...(import_constants.isWeb && native && {
|
|
157
|
+
accentColor,
|
|
158
|
+
id
|
|
159
|
+
})
|
|
160
|
+
}),
|
|
161
|
+
native,
|
|
162
|
+
frameAttrs: {
|
|
163
|
+
"data-state": (0, import_utils.getState)(checked),
|
|
164
|
+
"data-disabled": isDisabled ? "" : void 0,
|
|
165
|
+
role: "radio",
|
|
166
|
+
"aria-labelledby": labelledBy,
|
|
167
|
+
"aria-checked": checked,
|
|
168
|
+
"aria-required": required,
|
|
169
|
+
disabled: isDisabled,
|
|
170
|
+
ref: composedRefs,
|
|
171
|
+
...(import_constants.isWeb && {
|
|
172
|
+
type: "button",
|
|
173
|
+
value
|
|
152
174
|
}),
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
}),
|
|
167
|
-
id,
|
|
168
|
-
onPress: (0, import_helpers.composeEventHandlers)(onPress, function (event) {
|
|
169
|
-
checked || onChange?.(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
|
|
175
|
+
id,
|
|
176
|
+
onPress: (0, import_helpers.composeEventHandlers)(onPress, function (event) {
|
|
177
|
+
if (!checked) onChange === null || onChange === void 0 || onChange(value);
|
|
178
|
+
if (isFormControl) {
|
|
179
|
+
hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
|
|
180
|
+
if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
|
|
181
|
+
}
|
|
182
|
+
}),
|
|
183
|
+
...(import_constants.isWeb && {
|
|
184
|
+
onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, function (event) {
|
|
185
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
186
|
+
if (!checked) onChange === null || onChange === void 0 || onChange(value);
|
|
187
|
+
}
|
|
170
188
|
}),
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
if (isArrowKeyPressedRef.current) {
|
|
177
|
-
var _ref_current;
|
|
178
|
-
(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();
|
|
179
|
-
}
|
|
180
|
-
})
|
|
189
|
+
onFocus: (0, import_helpers.composeEventHandlers)(onFocus, function () {
|
|
190
|
+
if (isArrowKeyPressedRef.current) {
|
|
191
|
+
var _ref_current;
|
|
192
|
+
(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();
|
|
193
|
+
}
|
|
181
194
|
})
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
}
|
|
195
|
+
})
|
|
196
|
+
},
|
|
197
|
+
rovingFocusGroupAttrs: {
|
|
198
|
+
asChild: "except-style",
|
|
199
|
+
focusable: !isDisabled,
|
|
200
|
+
active: checked
|
|
201
|
+
}
|
|
189
202
|
};
|
|
203
|
+
};
|
|
190
204
|
function useRadioGroupItemIndicator(params) {
|
|
191
205
|
var {
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
206
|
+
radioGroupItemContext,
|
|
207
|
+
disabled,
|
|
208
|
+
...rest
|
|
209
|
+
} = params;
|
|
210
|
+
var {
|
|
211
|
+
checked
|
|
212
|
+
} = (0, import_react.useContext)(radioGroupItemContext);
|
|
199
213
|
return {
|
|
200
214
|
checked,
|
|
201
215
|
"data-state": (0, import_utils.getState)(checked),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useRadioGroup_exports","__export","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_focusable","import_helpers","import_label","import_use_controllable_state","import_react","import_BubbleInput","import_utils","params","valueProp","onValueChange","defaultValue","required","disabled","name","native","accentColor","orientation","ref","setValue","useControllableState","prop","defaultProp","onChange","providerValue","frameAttrs","role","rovingFocusGroupAttrs","loop","ARROW_KEYS","radioGroupContext","labelledBy","ariaLabelledby","itemDisabled","refProp","id","onPress","onKeyDown","onFocus","groupValue","useContext","button","setButton","useState","hasConsumerStoppedPropagationRef","useRef","composedRefs","useComposedRefs","node","isArrowKeyPressedRef","isFormControl","isWeb","closest","checked","labelId","useLabelContext","useEffect","handleKeyDown","event","includes","key","current","handleKeyUp","document","addEventListener","removeEventListener","registerFocusable","focusAndSelect","focus","isDisabled","bubbleInput","jsx","BubbleInput","isHidden","control","bubbles","getState","type","composeEventHandlers","isPropagationStopped","stopPropagation","_ref_current","click","asChild","focusable","active","radioGroupItemContext","rest"],"sources":["../../src/useRadioGroup.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["to","__toCommonJS","mod","__copyProps","__defProp","value","useRadioGroup_exports","__export","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_focusable","import_helpers","import_label","import_use_controllable_state","import_react","import_BubbleInput","import_utils","params","valueProp","onValueChange","defaultValue","required","disabled","name","native","accentColor","orientation","ref","setValue","useControllableState","prop","defaultProp","onChange","providerValue","frameAttrs","role","rovingFocusGroupAttrs","loop","ARROW_KEYS","radioGroupContext","labelledBy","ariaLabelledby","itemDisabled","refProp","id","onPress","onKeyDown","onFocus","groupValue","useContext","button","setButton","useState","hasConsumerStoppedPropagationRef","useRef","composedRefs","useComposedRefs","node","isArrowKeyPressedRef","isFormControl","isWeb","Boolean","closest","checked","labelId","useLabelContext","useEffect","handleKeyDown","event","includes","key","current","handleKeyUp","document","addEventListener","removeEventListener","registerFocusable","focusAndSelect","focus","isDisabled","bubbleInput","jsx","BubbleInput","isHidden","control","bubbles","getState","type","composeEventHandlers","isPropagationStopped","stopPropagation","_ref_current","click","asChild","focusable","active","radioGroupItemContext","rest"],"sources":["../../src/useRadioGroup.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;EAAA;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAgCA,iBAAA;EAChCC,0BAAsB,EAAAA,CAAA,KAAAA;AACtB;AACAC,MAAA,CAAAC,OAAA,GAAAX,YAAqC,CAAAK,qBAAA;AACrC,IAAAO,kBAAgC,GAAAC,OAAA;AAChC,IAAAC,mBAAA,GAAAD,OAAA,wBAAqC;AAGrC,IAAAE,gBAAwD,GAAAF,OAAA;AAExD,IAAAG,gBAAA,GAAAH,OAA4B;AAC5B,IAAAI,cAAA,GAAyBJ,OAAA;AA4JnB,IAAAK,YAAA,GAAAL,OAAA;AA9IC,IAAAM,6BAAoD,GAAAN,OAAA;AACzD,IAAAO,YAAM,GAAAP,OAAA;AAAA,IACJQ,kBAAO,GAAAR,OAAA;AAAA,IACPS,YAAA,GAAAT,OAAA;AAAA,SACAN,cAAAgB,MAAA;EAAA,IACA;IAAAnB,KAAA,EAAAoB,SAAA;IAAAC,aAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAV,MAAA;EAAA,IACA,CAAAnB,KAAA,EAAA8B,QAAA,QAAAf,6BAAA,CAAAgB,oBAAA;IAAAC,IACA,EAAAZ,SAAA;IAAAa,WACA,EAAAX,YAAA;IAAAY,QACA,EAAAb;EAAA;EACA,OACA;IACFc,aAAI;MACJnC,KAAM;MAAyCkC,QACvC,EAAAJ,QAAA;MAAAP,QACN;MAAaC,QACb;MACDC,IAAA;MAEDC,MAAO;MAAAC;IACU;IACbS,UACA;MAAUC,IACV;MAAA,kBACA,EAAAT,WAAA;MAAA,eACA,EAAAJ,QAAA;IAAA;IACAc,qBACA;MAAAV,WACF;MAAAW,IACA;IAAY;EACJ;AACc;AACa,IACnCC,UAAA,aACA,EAAuB,WACrB,aACM,cACR;AAEJ,IAAApC,iBAAA,YAAAA,CAAAe,MAAA;EAwBA;IAAMsB,iBAAc;IAAAzC,KAAW;IAAA0C,UAAA,EAAaC,cAAa;IAAAnB,QAAY,EAAAoB,YAAA;IAAAf,GAAA,EAAAgB,OAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,SAAA;IAAAC;EAAA,IAAA9B,MAAA;EAE9D;IAAMnB,KAAA,EAAAkD,UAAA;IAAoB1B,QAAC;IAAAD,QAA+B;IAAAW,QAAA;IAAAT,IAAA;IAAAC,MAAA;IAAAC;EAAA,QAAAX,YAAA,CAAAmC,UAAA,EAAAV,iBAAA;EAC/D,KAAAW,MAAM,EAAAC,SAAA,QAAArC,YAAA,CAAAsC,QAAA;EAAA,IACJC,gCAAA,OAAAvC,YAAA,CAAAwC,MAAA;EAAA,IACA3B,GAAA,OAAAb,YAAA,CAAAwC,MAAA;EAAA,IACAC,YAAY,OAAA/C,mBAAA,CAAAgD,eAAA,EAAAb,OAAA,YAAAc,IAAA;IAAA,OACZN,SAAU,CAAAM,IAAA;EAAA,GACV9B,GAAA;EAAK,IACL+B,oBAAA,OAAA5C,YAAA,CAAAwC,MAAA;EAAA,IACAK,aAAA,GAAAlD,gBAAA,CAAAmD,KAAA,GAAAV,MAAA,GAAAW,OAAA,CAAAX,MAAA,CAAAY,OAAA;EAAA,IACAC,OAAA,GAAAf,UAAA,KAAAlD,KAAA;EAAA,IACAkE,OAAA,OAAApD,YAAA,CAAAqD,eAAA,EAAAf,MAAA;EAAA,IACFV,UAAI,GAAAC,cAAA,IAAAuB,OAAA;EACJ,IAAAlD,YAAM,CAAAoD,SAAA;IAAA,IACJzD,gBAAO,CAAAmD,KAAA;MAAA,IACPO,aAAA,YAAAA,CAAAC,KAAA;QACA,IAAA9B,UAAA,CAAA+B,QAAA,CAAAD,KAAA,CAAAE,GAAA,GAAAZ,oBAAA,CAAAa,OAAA;MAAA,CACA;MAAA,IACAC,WAAA,YAAAA,CAAA;QACAd,oBAAA,CAAAa,OAAA;MAAA,CACA;MACFE,QAAI,CAAAC,gBAAA,UAAW,EAAAP,aAAiB;MAEhCM,QAAO,CAAAC,gBAAiB,QAAI,EAAAF,WAAA;MAC5B,OAAM;QACNC,QAAM,CAAAE,mBAAM,UAAY,EAAIR,aAAA;QAC5BM,QAAM,CAAAE,mBAAe,UAAAH,WAAA;MACrB;IAEA;EAEA;EAEA,IAAA1D,YAAM,CAAAoD,SAAU;IAChB,KAAAtB,EAAM;IAEN,IAAAtB,QAAA;IACE,OAAI,IAAAZ,gBAAA,CAAAkE,iBAAO,EAAAhC,EAAA;MACTiC,cAAM,WAAAA,CAAA,EAAiB;QACrB7C,QAAI,aAAWA,QAAS,KAAM,KAAG,CAAG,IAAAA,QAAA,CAAAlC,KAAA;MAClC;MAA+BgF,KACjC,WAAAA,CAAA;IAAA;EAEF,IACElC,EAAA,EAA+B9C,KACjC,EACAwB,QAAA,CACA;EACA,IAAAyD,UAAO,GAAAzD,QAAM,IAAAoB,YAAA;EACX;IACAT,aAAA,EAAS;MAAA8B;IAAA;IAAwCA,OACnD;IAAAJ,aACF;IACFqB,WAAK,qBAAA1E,kBAAA,CAAA2E,GAAA,EAAAlE,kBAAA,CAAAmE,WAAA;MAELC,QAAI,GAAQ3D,MAAI;MACd4D,OAAA,EAAAlC,MAAA;MACEmC,OAAI,EAAC,CAAAhC,gCAAI,CAAAkB,OAAA;MACThD,IAAA;MAEAzB,KAAA;MAA6BiE,OAC3B;MACE1C,QAAA;MAAgBC,QAClB,EAAAyD,UAAA;MAAA,IAAAtE,gBACa,CAAAmD,KAAA,IAAApC,MAAA;QAAAC,WAAC;QAAAmB;MACf,CACH;IACF;IAEApB,MAAM;IAENU,UAAO;MAAA,YACL,IAAe,EAAAlB,YAAA,CAAAsE,QAAA,EAAAvB,OAAA;MAAA,eACb,EAAAgB,UAAA;MAAA5C,IACF;MAAA,iBACA,EAAAK,UAAA;MAAA,cACA,EAAAuB,OAAA;MAAA,eAEE,EAAA1C,QAAA;MAAAC,QAAC,EAAAyD,UAAA;MAAApD,GAAA,EAAA4B,YAAA;MAAA,IAAA9C,gBACY,CAAAmD,KAAA;QAAA2B,IACX,UAAS;QAAAzF;MACkC;MAC3C8C,EAAA;MACAC,OACA,MAAAlC,cAAA,CAAA6E,oBAAA,EAAA3C,OAAA,YAAAuB,KAAA;QAAA,IACA,CAAAL,OAAA,EAAA/B,QAAA,aAAAA,QAAA,eAAAA,QAAA,CAAAlC,KAAA;QAAA,IACA6D,aAAU;UAAAN,gCAER,CAAAkB,OAAA,GAAUH,KAAA,CAAAqB,oBAAA;UAAA,KACRpC,gCAAA,CAAAkB,OAAA,EAAAH,KAAA,CAAAsB,eAAA;QAAA;MACA;MACF,IAAAjF,gBAAA,CAAAmD,KAAA;QACJd,SAAA,MAAAnC,cAAA,CAAA6E,oBAAA,EAAA1C,SAAA,YAAAsB,KAAA;UAEF,IAAAA,KAAA,CAAAE,GAAA,gBAAAF,KAAA,CAAAE,GAAA;YACA,KAAAP,OAAY,EAAA/B,QAAA,aAAAA,QAAA,eAAAA,QAAA,CAAAlC,KAAA;UAAA;QACoB,EAC9B;QAAmCiD,OACnC,EAAM,IAAApC,cAAA,CAAA6E,oBAAA,EAAAzC,OAAA;UAAA,IACNW,oBAAmB,CAAAa,OAAA;YACnB,IAAAoB,YAAgB;YAChB,CAAAA,YAAA,GAAAhE,GAAiB,CAAA4C,OAAA,cAAAoB,YAAA,eAAAA,YAAA,CAAAC,KAAA;UAAA;QACP;MACL;IACQ;IACLxD,qBACN;MAAAyD,OACF;MAAAC,SACA,GAAAf,UAAA;MAAAgB,MACA,EAAAhC;IACE;EACE;AAAgB;AAGlB,SAAA5D,0BAAmBA,CAAAc,MAAA;EACjB;IAAA+E,qBAAA;IAAA1E,QAAA;IAAA,GAAiC2E;EAAA,IAAAhF,MAAU;EAI3C;IAAA8C;EAAK,QAAAjD,YAAA,CAAAmC,UAAA,EAAiC+C,qBAAe;EAAgB,OACvE;IAAAjC,OACD;IAAA,YACG,MAAA/C,YAAA,CAAAsE,QAAS,EAAAvB,OAAA;IAAA,eACX,EAAAzC,QAAW;IAET,GAAA2E;EACE;AACE","ignoreList":[]}
|
package/dist/cjs/utils.cjs
CHANGED
|
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var utils_exports = {};
|
|
22
24
|
__export(utils_exports, {
|
package/dist/cjs/utils.native.js
CHANGED
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var utils_exports = {};
|
|
24
26
|
__export(utils_exports, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","utils_exports","__export","getState","module","exports","checked"],"sources":["../../src/utils.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","utils_exports","__export","getState","module","exports","checked"],"sources":["../../src/utils.tsx"],"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,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAA,CAAAC,OAAS,GAAAT,YAA2B,CAAAK,aAAA;AACzC,SAAOE,SAAAG,OAAU;EACnB,OAAAA,OAAA","ignoreList":[]}
|
package/dist/esm/BubbleInput.mjs
CHANGED
|
@@ -3,26 +3,29 @@ import { usePrevious } from "@tamagui/use-previous";
|
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
const BubbleInput = props => {
|
|
5
5
|
const {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const input = ref.current
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
checked,
|
|
7
|
+
bubbles = true,
|
|
8
|
+
control,
|
|
9
|
+
isHidden,
|
|
10
|
+
accentColor,
|
|
11
|
+
...inputProps
|
|
12
|
+
} = props;
|
|
13
|
+
const ref = React.useRef(null);
|
|
14
|
+
const prevChecked = usePrevious(checked);
|
|
15
|
+
React.useEffect(() => {
|
|
16
|
+
const input = ref.current;
|
|
17
|
+
const inputProto = window.HTMLInputElement.prototype;
|
|
18
|
+
const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
|
|
19
|
+
const setChecked = descriptor.set;
|
|
19
20
|
if (prevChecked !== checked && setChecked) {
|
|
20
21
|
const event = new Event("click", {
|
|
21
22
|
bubbles
|
|
22
23
|
});
|
|
23
|
-
setChecked.call(input, checked)
|
|
24
|
+
setChecked.call(input, checked);
|
|
25
|
+
input.dispatchEvent(event);
|
|
24
26
|
}
|
|
25
|
-
}, [prevChecked, checked, bubbles])
|
|
27
|
+
}, [prevChecked, checked, bubbles]);
|
|
28
|
+
return /* @__PURE__ */jsx("input", {
|
|
26
29
|
type: "radio",
|
|
27
30
|
defaultChecked: checked,
|
|
28
31
|
...inputProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","usePrevious","jsx","BubbleInput","props","checked","bubbles","control","isHidden","accentColor","inputProps","ref","useRef","prevChecked","useEffect","input","current","inputProto","window","HTMLInputElement","prototype","
|
|
1
|
+
{"version":3,"names":["React","usePrevious","jsx","BubbleInput","props","checked","bubbles","control","isHidden","accentColor","inputProps","ref","useRef","prevChecked","useEffect","input","current","inputProto","window","HTMLInputElement","prototype","descriptor","Object","getOwnPropertyDescriptor","setChecked","set","event","Event","call","dispatchEvent","type","defaultChecked","tabIndex","style","position","pointerEvents","opacity","margin","appearance"],"sources":["../../src/BubbleInput.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,WAAA,QAAmB;AAgCxB,SAAAC,GAAA;AAtBG,MAAMC,WAAA,GAAeC,KAAA,IAA4B;EACtD,MAAM;IAAEC,OAAA;IAASC,OAAA,GAAU;IAAMC,OAAA;IAASC,QAAA;IAAUC,WAAA;IAAa,GAAGC;EAAW,IAAIN,KAAA;EACnF,MAAMO,GAAA,GAAMX,KAAA,CAAMY,MAAA,CAAyB,IAAI;EAC/C,MAAMC,WAAA,GAAcZ,WAAA,CAAYI,OAAO;EAGvCL,KAAA,CAAMc,SAAA,CAAU,MAAM;IACpB,MAAMC,KAAA,GAAQJ,GAAA,CAAIK,OAAA;IAClB,MAAMC,UAAA,GAAaC,MAAA,CAAOC,gBAAA,CAAiBC,SAAA;IAC3C,MAAMC,UAAA,GAAaC,MAAA,CAAOC,wBAAA,CACxBN,UAAA,EACA,SACF;IACA,MAAMO,UAAA,GAAaH,UAAA,CAAWI,GAAA;IAC9B,IAAIZ,WAAA,KAAgBR,OAAA,IAAWmB,UAAA,EAAY;MACzC,MAAME,KAAA,GAAQ,IAAIC,KAAA,CAAM,SAAS;QAAErB;MAAQ,CAAC;MAC5CkB,UAAA,CAAWI,IAAA,CAAKb,KAAA,EAAOV,OAAO;MAC9BU,KAAA,CAAMc,aAAA,CAAcH,KAAK;IAC3B;EACF,GAAG,CAACb,WAAA,EAAaR,OAAA,EAASC,OAAO,CAAC;EAElC,OACE,eAAAJ,GAAA,CAAC;IACC4B,IAAA,EAAK;IACLC,cAAA,EAAgB1B,OAAA;IACf,GAAGK,UAAA;IACJsB,QAAA,EAAU;IACVrB,GAAA;IACA,eAAaH,QAAA;IACbyB,KAAA,EAAO;MACL,IAAIzB,QAAA,GACA;QAAA;QAEE0B,QAAA,EAAU;QACVC,aAAA,EAAe;QACfC,OAAA,EAAS;QACTC,MAAA,EAAQ;MACV,IACA;QACEC,UAAA,EAAY;QACZ7B;MACF;MAEJ,GAAGL,KAAA,CAAM6B;IACX;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -3,27 +3,29 @@ import React from "react";
|
|
|
3
3
|
import { usePrevious } from "@tamagui/use-previous";
|
|
4
4
|
var BubbleInput = function (props) {
|
|
5
5
|
var {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
var input = ref.current
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
6
|
+
checked,
|
|
7
|
+
bubbles = true,
|
|
8
|
+
control,
|
|
9
|
+
isHidden,
|
|
10
|
+
accentColor,
|
|
11
|
+
...inputProps
|
|
12
|
+
} = props;
|
|
13
|
+
var ref = React.useRef(null);
|
|
14
|
+
var prevChecked = usePrevious(checked);
|
|
15
|
+
React.useEffect(function () {
|
|
16
|
+
var input = ref.current;
|
|
17
|
+
var inputProto = window.HTMLInputElement.prototype;
|
|
18
|
+
var descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
|
|
19
|
+
var setChecked = descriptor.set;
|
|
20
20
|
if (prevChecked !== checked && setChecked) {
|
|
21
21
|
var event = new Event("click", {
|
|
22
22
|
bubbles
|
|
23
23
|
});
|
|
24
|
-
setChecked.call(input, checked)
|
|
24
|
+
setChecked.call(input, checked);
|
|
25
|
+
input.dispatchEvent(event);
|
|
25
26
|
}
|
|
26
|
-
}, [prevChecked, checked, bubbles])
|
|
27
|
+
}, [prevChecked, checked, bubbles]);
|
|
28
|
+
return /* @__PURE__ */_jsx("input", {
|
|
27
29
|
type: "radio",
|
|
28
30
|
defaultChecked: checked,
|
|
29
31
|
...inputProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","React","usePrevious","BubbleInput","props","checked","bubbles","control","isHidden","accentColor","inputProps","ref","useRef","prevChecked","useEffect","input","current","inputProto","window","HTMLInputElement","prototype","descriptor","Object","getOwnPropertyDescriptor","setChecked","set","event","Event","call","dispatchEvent","type","defaultChecked","tabIndex","style","position","pointerEvents","opacity","margin","appearance"],"sources":["../../src/BubbleInput.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW;AAClB,OAAAC,KAAS;AAgCL,SAAAC,WAAA;AAtBG,IAAAC,WAAM,YAAAA,CAAeC,KAA4B;EACtD;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","usePrevious","BubbleInput","props","checked","bubbles","control","isHidden","accentColor","inputProps","ref","useRef","prevChecked","useEffect","input","current","inputProto","window","HTMLInputElement","prototype","descriptor","Object","getOwnPropertyDescriptor","setChecked","set","event","Event","call","dispatchEvent","type","defaultChecked","tabIndex","style","position","pointerEvents","opacity","margin","appearance"],"sources":["../../src/BubbleInput.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW;AAClB,OAAAC,KAAS;AAgCL,SAAAC,WAAA;AAtBG,IAAAC,WAAM,YAAAA,CAAeC,KAA4B;EACtD;IAAMC,OAAE;IAAAC,OAAS,OAAU;IAAAC,OAAM;IAAAC,QAAS;IAAAC,WAAU;IAAA,GAAaC;EAAG,IAAWN,KAAI;EACnF,IAAAO,GAAM,GAAAV,KAAM,CAAAW,MAAM,KAAyB;EAC3C,IAAAC,WAAM,GAAAX,WAAc,CAAAG,OAAY;EAGhCJ,KAAA,CAAMa,SAAA,CAAU,YAAM;IACpB,IAAAC,KAAM,GAAAJ,GAAQ,CAAAK,OAAI;IAClB,IAAAC,UAAM,GAAAC,MAAa,CAAAC,gBAAO,CAAAC,SAAiB;IAC3C,IAAAC,UAAM,GAAAC,MAAa,CAAAC,wBAAO,CAAAN,UAAA;IAAA,IACxBO,UAAA,GAAAH,UAAA,CAAAI,GAAA;IAAA,IACAZ,WAAA,KAAAR,OAAA,IAAAmB,UAAA;MACF,IAAAE,KAAA,OAAAC,KAAA;QACArB;MACA,EAAI;MACFkB,UAAM,CAAAI,IAAQ,CAAAb,KAAI,EAAAV,OAAM;MACxBU,KAAA,CAAAc,aAAgB,CAAAH,KAAO;IACvB;EAAyB,GAC3B,CACFb,WAAI,EAEJR,OACE,EAACC,OAAA;EAAA,OACC,eAAKN,IAAA;IAAA8B,IACL;IAAgBC,cACZ,EAAA1B,OAAA;IAAA,GACJK,UAAU;IAAAsB,QACV;IAAArB,GACA;IAAa,aACN,EAAAH,QAAA;IAAAyB,KACL,EAAI;MACA,IAAAzB,QAAA;QAAA;QAEY0B,QACV,YAAe;QAAAC,aACN;QAAAC,OACT,GAAQ;QACVC,MACA;MAAA,IACE;QAAYC,UACZ;QACF7B;MAAA;MAGN,GAAAL,KAAA,CAAA6B;IAAA;EACF;AAEJ","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from "./useRadioGroup";
|
|
2
|
-
export * from "./utils";
|
|
1
|
+
export * from "./useRadioGroup.mjs";
|
|
2
|
+
export * from "./utils.mjs";
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED