@tamagui/toggle-group 2.0.0-rc.4 → 2.0.0-rc.40
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/Toggle.cjs +129 -125
- package/dist/cjs/Toggle.native.js +132 -128
- package/dist/cjs/Toggle.native.js.map +1 -1
- package/dist/cjs/ToggleGroup.cjs +218 -202
- package/dist/cjs/ToggleGroup.native.js +232 -222
- package/dist/cjs/ToggleGroup.native.js.map +1 -1
- package/dist/cjs/context.cjs +18 -14
- package/dist/cjs/context.native.js +20 -18
- package/dist/cjs/context.native.js.map +1 -1
- package/dist/cjs/index.cjs +13 -11
- package/dist/cjs/index.native.js +13 -11
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/esm/Toggle.mjs +98 -96
- package/dist/esm/Toggle.mjs.map +1 -1
- package/dist/esm/Toggle.native.js +102 -100
- package/dist/esm/Toggle.native.js.map +1 -1
- package/dist/esm/ToggleGroup.mjs +182 -168
- package/dist/esm/ToggleGroup.mjs.map +1 -1
- package/dist/esm/ToggleGroup.native.js +197 -189
- package/dist/esm/ToggleGroup.native.js.map +1 -1
- package/dist/esm/context.mjs +6 -4
- package/dist/esm/context.mjs.map +1 -1
- package/dist/esm/context.native.js +6 -6
- package/dist/esm/context.native.js.map +1 -1
- package/dist/esm/index.js +3 -5
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/Toggle.mjs +98 -96
- package/dist/jsx/Toggle.mjs.map +1 -1
- package/dist/jsx/Toggle.native.js +132 -128
- package/dist/jsx/Toggle.native.js.map +1 -1
- package/dist/jsx/ToggleGroup.mjs +182 -168
- package/dist/jsx/ToggleGroup.mjs.map +1 -1
- package/dist/jsx/ToggleGroup.native.js +232 -222
- package/dist/jsx/ToggleGroup.native.js.map +1 -1
- package/dist/jsx/context.mjs +6 -4
- package/dist/jsx/context.mjs.map +1 -1
- package/dist/jsx/context.native.js +20 -18
- package/dist/jsx/context.native.js.map +1 -1
- package/dist/jsx/index.js +3 -5
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +13 -11
- package/dist/jsx/types.native.js +7 -5
- package/package.json +18 -21
- package/src/Toggle.tsx +0 -1
- package/types/Toggle.d.ts.map +1 -1
- package/types/ToggleGroup.d.ts +2 -2
- package/dist/cjs/Toggle.js +0 -138
- package/dist/cjs/Toggle.js.map +0 -6
- package/dist/cjs/ToggleGroup.js +0 -196
- package/dist/cjs/ToggleGroup.js.map +0 -6
- package/dist/cjs/context.js +0 -26
- package/dist/cjs/context.js.map +0 -6
- package/dist/cjs/index.js +0 -22
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/cjs/useToggleGroupItem.cjs +0 -27
- package/dist/cjs/useToggleGroupItem.js +0 -22
- package/dist/cjs/useToggleGroupItem.js.map +0 -6
- package/dist/cjs/useToggleGroupItem.native.js +0 -30
- package/dist/cjs/useToggleGroupItem.native.js.map +0 -1
- package/dist/esm/Toggle.js +0 -119
- package/dist/esm/Toggle.js.map +0 -6
- package/dist/esm/ToggleGroup.js +0 -182
- package/dist/esm/ToggleGroup.js.map +0 -6
- package/dist/esm/context.js +0 -10
- package/dist/esm/context.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/dist/esm/useToggleGroupItem.js +0 -6
- package/dist/esm/useToggleGroupItem.js.map +0 -6
- package/dist/esm/useToggleGroupItem.mjs +0 -4
- package/dist/esm/useToggleGroupItem.mjs.map +0 -1
- package/dist/esm/useToggleGroupItem.native.js +0 -4
- package/dist/esm/useToggleGroupItem.native.js.map +0 -1
- package/dist/jsx/Toggle.js +0 -119
- package/dist/jsx/Toggle.js.map +0 -6
- package/dist/jsx/ToggleGroup.js +0 -182
- package/dist/jsx/ToggleGroup.js.map +0 -6
- package/dist/jsx/context.js +0 -10
- package/dist/jsx/context.js.map +0 -6
- package/dist/jsx/types.js +0 -1
- package/dist/jsx/types.js.map +0 -6
- package/dist/jsx/useToggleGroupItem.js +0 -6
- package/dist/jsx/useToggleGroupItem.js.map +0 -6
- package/dist/jsx/useToggleGroupItem.mjs +0 -4
- package/dist/jsx/useToggleGroupItem.mjs.map +0 -1
- package/dist/jsx/useToggleGroupItem.native.js +0 -30
- package/dist/jsx/useToggleGroupItem.native.js.map +0 -1
- package/types/useToggleGroupItem.d.ts.map +0 -1
|
@@ -9,207 +9,215 @@ import { createStyledContext, styled, View } from "@tamagui/web";
|
|
|
9
9
|
import React from "react";
|
|
10
10
|
import { Toggle, ToggleFrame } from "./Toggle.native.js";
|
|
11
11
|
import { context as ToggleContext } from "./context.native.js";
|
|
12
|
-
var TOGGLE_GROUP_NAME = "ToggleGroup"
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
12
|
+
var TOGGLE_GROUP_NAME = "ToggleGroup";
|
|
13
|
+
var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
|
|
14
|
+
var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
|
|
15
|
+
var {
|
|
16
|
+
Provider: ToggleGroupItemProvider
|
|
17
|
+
} = createStyledContext();
|
|
18
|
+
var {
|
|
19
|
+
Provider: ToggleGroupContext,
|
|
20
|
+
useStyledContext: useToggleGroupContext
|
|
21
|
+
} = createStyledContext({});
|
|
22
|
+
var ToggleGroupItem = ToggleFrame.styleable(function (props, forwardedRef) {
|
|
23
|
+
var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
|
|
24
|
+
var context = useToggleGroupContext(props.__scopeToggleGroup);
|
|
25
|
+
var toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);
|
|
26
|
+
var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);
|
|
27
|
+
var color = props.color || toggleContext.color;
|
|
28
|
+
var disabled = context.disabled || props.disabled || false;
|
|
29
|
+
var inner = /* @__PURE__ */_jsx(ToggleGroupItemImpl, {
|
|
30
|
+
ref: forwardedRef,
|
|
31
|
+
tabIndex: disabled ? -1 : 0,
|
|
32
|
+
...props,
|
|
33
|
+
active,
|
|
34
|
+
disabled
|
|
35
|
+
});
|
|
36
|
+
return /* @__PURE__ */_jsx(ToggleGroupItemProvider, {
|
|
37
|
+
scope: props.__scopeToggleGroup,
|
|
38
|
+
children: /* @__PURE__ */_jsx(ToggleContext.Provider, {
|
|
39
|
+
color,
|
|
40
|
+
active,
|
|
41
|
+
children: context.rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup.Item, {
|
|
42
|
+
asChild: "except-style",
|
|
43
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
44
|
+
focusable: !disabled,
|
|
40
45
|
active,
|
|
41
|
-
children:
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
focusable: !disabled,
|
|
45
|
-
active,
|
|
46
|
-
children: inner
|
|
47
|
-
}) : inner
|
|
48
|
-
})
|
|
49
|
-
});
|
|
46
|
+
children: inner
|
|
47
|
+
}) : inner
|
|
48
|
+
})
|
|
50
49
|
});
|
|
50
|
+
});
|
|
51
51
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
52
52
|
var ToggleGroupItemImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
53
|
+
var {
|
|
54
|
+
__scopeToggleGroup,
|
|
55
|
+
value,
|
|
56
|
+
...itemProps
|
|
57
|
+
} = props;
|
|
58
|
+
var valueContext = useToggleGroupValueContext(__scopeToggleGroup);
|
|
59
|
+
var singleProps = {
|
|
60
|
+
"aria-pressed": void 0
|
|
61
|
+
};
|
|
62
|
+
var typeProps = valueContext.type === "single" ? singleProps : void 0;
|
|
63
|
+
return /* @__PURE__ */_jsx(Toggle, {
|
|
64
|
+
...typeProps,
|
|
65
|
+
...itemProps,
|
|
66
|
+
ref: forwardedRef,
|
|
67
|
+
onActiveChange: function (pressed) {
|
|
68
|
+
if (pressed) {
|
|
69
|
+
valueContext.onItemActivate(value);
|
|
70
|
+
} else {
|
|
71
|
+
valueContext.onItemDeactivate(value);
|
|
69
72
|
}
|
|
70
|
-
});
|
|
71
|
-
}),
|
|
72
|
-
ToggleGroup = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
73
|
-
var {
|
|
74
|
-
type,
|
|
75
|
-
...toggleGroupProps
|
|
76
|
-
} = props;
|
|
77
|
-
if (isWeb || React.useEffect(function () {
|
|
78
|
-
if (props.id) return registerFocusable(props.id, {
|
|
79
|
-
focus: function () {}
|
|
80
|
-
});
|
|
81
|
-
}, [props.id]), type === "single") {
|
|
82
|
-
var singleProps = toggleGroupProps;
|
|
83
|
-
return /* @__PURE__ */_jsx(ToggleGroupImplSingle, {
|
|
84
|
-
...singleProps,
|
|
85
|
-
ref: forwardedRef
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
if (type === "multiple") {
|
|
89
|
-
var multipleProps = toggleGroupProps;
|
|
90
|
-
return /* @__PURE__ */_jsx(ToggleGroupImplMultiple, {
|
|
91
|
-
...multipleProps,
|
|
92
|
-
ref: forwardedRef
|
|
93
|
-
});
|
|
94
73
|
}
|
|
95
|
-
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
|
96
|
-
}), {
|
|
97
|
-
Item: ToggleGroupItem
|
|
98
74
|
});
|
|
99
|
-
|
|
100
|
-
var {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
children,
|
|
111
|
-
...toggleGroupSingleProps
|
|
112
|
-
} = props,
|
|
113
|
-
[value, setValue] = useControllableState({
|
|
114
|
-
prop: valueProp,
|
|
115
|
-
defaultProp: defaultValue,
|
|
116
|
-
onChange: onValueChange
|
|
75
|
+
});
|
|
76
|
+
var ToggleGroup = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
77
|
+
var {
|
|
78
|
+
type,
|
|
79
|
+
...toggleGroupProps
|
|
80
|
+
} = props;
|
|
81
|
+
if (!isWeb) {
|
|
82
|
+
React.useEffect(function () {
|
|
83
|
+
if (!props.id) return;
|
|
84
|
+
return registerFocusable(props.id, {
|
|
85
|
+
focus: function () {}
|
|
117
86
|
});
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
return disableDeactivation ? null : setValue("");
|
|
126
|
-
}, [setValue, disableDeactivation]),
|
|
127
|
-
children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
|
|
128
|
-
...toggleGroupSingleProps,
|
|
129
|
-
ref: forwardedRef,
|
|
130
|
-
children
|
|
131
|
-
})
|
|
87
|
+
}, [props.id]);
|
|
88
|
+
}
|
|
89
|
+
if (type === "single") {
|
|
90
|
+
var singleProps = toggleGroupProps;
|
|
91
|
+
return /* @__PURE__ */_jsx(ToggleGroupImplSingle, {
|
|
92
|
+
...singleProps,
|
|
93
|
+
ref: forwardedRef
|
|
132
94
|
});
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
var
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
disableDeactivation,
|
|
140
|
-
children,
|
|
141
|
-
...toggleGroupMultipleProps
|
|
142
|
-
} = props,
|
|
143
|
-
[value = [], setValue] = useControllableState({
|
|
144
|
-
prop: valueProp,
|
|
145
|
-
defaultProp: defaultValue,
|
|
146
|
-
onChange: onValueChange
|
|
147
|
-
}),
|
|
148
|
-
handleButtonActivate = React.useCallback(function (itemValue) {
|
|
149
|
-
return setValue(function () {
|
|
150
|
-
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
151
|
-
return [...prevValue, itemValue];
|
|
152
|
-
});
|
|
153
|
-
}, [setValue]),
|
|
154
|
-
handleButtonDeactivate = React.useCallback(function (itemValue) {
|
|
155
|
-
return setValue(function () {
|
|
156
|
-
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
157
|
-
return prevValue.filter(function (value2) {
|
|
158
|
-
return value2 !== itemValue;
|
|
159
|
-
});
|
|
160
|
-
});
|
|
161
|
-
}, [setValue]);
|
|
162
|
-
return /* @__PURE__ */_jsx(ToggleGroupValueProvider, {
|
|
163
|
-
scope: props.__scopeToggleGroup,
|
|
164
|
-
type: "multiple",
|
|
165
|
-
value,
|
|
166
|
-
defaultValue: value,
|
|
167
|
-
onItemActivate: handleButtonActivate,
|
|
168
|
-
onItemDeactivate: handleButtonDeactivate,
|
|
169
|
-
children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
|
|
170
|
-
...toggleGroupMultipleProps,
|
|
171
|
-
ref: forwardedRef,
|
|
172
|
-
children
|
|
173
|
-
})
|
|
95
|
+
}
|
|
96
|
+
if (type === "multiple") {
|
|
97
|
+
var multipleProps = toggleGroupProps;
|
|
98
|
+
return /* @__PURE__ */_jsx(ToggleGroupImplMultiple, {
|
|
99
|
+
...multipleProps,
|
|
100
|
+
ref: forwardedRef
|
|
174
101
|
});
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
102
|
+
}
|
|
103
|
+
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
|
104
|
+
}), {
|
|
105
|
+
Item: ToggleGroupItem
|
|
106
|
+
});
|
|
107
|
+
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
|
108
|
+
var {
|
|
109
|
+
Provider: ToggleGroupValueProvider,
|
|
110
|
+
useStyledContext: useToggleGroupValueContext
|
|
111
|
+
} = createStyledContext();
|
|
112
|
+
var ToggleGroupImplSingle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
113
|
+
var {
|
|
114
|
+
value: valueProp,
|
|
115
|
+
defaultValue,
|
|
116
|
+
onValueChange = function () {},
|
|
117
|
+
disableDeactivation = false,
|
|
118
|
+
children,
|
|
119
|
+
...toggleGroupSingleProps
|
|
120
|
+
} = props;
|
|
121
|
+
var [value, setValue] = useControllableState({
|
|
122
|
+
prop: valueProp,
|
|
123
|
+
defaultProp: defaultValue,
|
|
124
|
+
onChange: onValueChange
|
|
125
|
+
});
|
|
126
|
+
return /* @__PURE__ */_jsx(ToggleGroupValueProvider, {
|
|
127
|
+
scope: props.__scopeToggleGroup,
|
|
128
|
+
type: "single",
|
|
129
|
+
value: value ? [value] : [],
|
|
130
|
+
defaultValue: value,
|
|
131
|
+
onItemActivate: setValue,
|
|
132
|
+
onItemDeactivate: React.useCallback(function () {
|
|
133
|
+
return disableDeactivation ? null : setValue("");
|
|
134
|
+
}, [setValue, disableDeactivation]),
|
|
135
|
+
children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
|
|
136
|
+
...toggleGroupSingleProps,
|
|
137
|
+
ref: forwardedRef,
|
|
138
|
+
children
|
|
139
|
+
})
|
|
140
|
+
});
|
|
141
|
+
});
|
|
142
|
+
var ToggleGroupImplMultiple = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
143
|
+
var {
|
|
144
|
+
value: valueProp,
|
|
145
|
+
defaultValue,
|
|
146
|
+
onValueChange = function () {},
|
|
147
|
+
disableDeactivation,
|
|
148
|
+
children,
|
|
149
|
+
...toggleGroupMultipleProps
|
|
150
|
+
} = props;
|
|
151
|
+
var [value = [], setValue] = useControllableState({
|
|
152
|
+
prop: valueProp,
|
|
153
|
+
defaultProp: defaultValue,
|
|
154
|
+
onChange: onValueChange
|
|
155
|
+
});
|
|
156
|
+
var handleButtonActivate = React.useCallback(function (itemValue) {
|
|
157
|
+
return setValue(function () {
|
|
158
|
+
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
159
|
+
return [...prevValue, itemValue];
|
|
160
|
+
});
|
|
161
|
+
}, [setValue]);
|
|
162
|
+
var handleButtonDeactivate = React.useCallback(function (itemValue) {
|
|
163
|
+
return setValue(function () {
|
|
164
|
+
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
165
|
+
return prevValue.filter(function (value2) {
|
|
166
|
+
return value2 !== itemValue;
|
|
196
167
|
});
|
|
197
|
-
return /* @__PURE__ */_jsx(ToggleGroupContext, {
|
|
198
|
-
scope: __scopeToggleGroup,
|
|
199
|
-
rovingFocus,
|
|
200
|
-
disabled,
|
|
201
|
-
children: /* @__PURE__ */_jsx(ToggleContext.Provider, {
|
|
202
|
-
color,
|
|
203
|
-
children: rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup, {
|
|
204
|
-
asChild: "except-style",
|
|
205
|
-
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
206
|
-
orientation,
|
|
207
|
-
dir: direction,
|
|
208
|
-
loop,
|
|
209
|
-
children: content
|
|
210
|
-
}) : content
|
|
211
|
-
})
|
|
212
168
|
});
|
|
169
|
+
}, [setValue]);
|
|
170
|
+
return /* @__PURE__ */_jsx(ToggleGroupValueProvider, {
|
|
171
|
+
scope: props.__scopeToggleGroup,
|
|
172
|
+
type: "multiple",
|
|
173
|
+
value,
|
|
174
|
+
defaultValue: value,
|
|
175
|
+
onItemActivate: handleButtonActivate,
|
|
176
|
+
onItemDeactivate: handleButtonDeactivate,
|
|
177
|
+
children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
|
|
178
|
+
...toggleGroupMultipleProps,
|
|
179
|
+
ref: forwardedRef,
|
|
180
|
+
children
|
|
181
|
+
})
|
|
182
|
+
});
|
|
183
|
+
});
|
|
184
|
+
var ToggleGroupFrame = styled(View, {
|
|
185
|
+
name: TOGGLE_GROUP_NAME
|
|
186
|
+
});
|
|
187
|
+
var ToggleGroupImpl = ToggleGroupFrame.styleable(function (props, forwardedRef) {
|
|
188
|
+
var {
|
|
189
|
+
__scopeToggleGroup,
|
|
190
|
+
disabled = false,
|
|
191
|
+
orientation = "horizontal",
|
|
192
|
+
dir,
|
|
193
|
+
rovingFocus = true,
|
|
194
|
+
loop = true,
|
|
195
|
+
color,
|
|
196
|
+
...toggleGroupProps
|
|
197
|
+
} = props;
|
|
198
|
+
var direction = useDirection(dir);
|
|
199
|
+
var content = /* @__PURE__ */_jsx(ToggleGroupFrame, {
|
|
200
|
+
role: "group",
|
|
201
|
+
ref: forwardedRef,
|
|
202
|
+
"data-disabled": disabled ? "" : void 0,
|
|
203
|
+
...toggleGroupProps
|
|
204
|
+
});
|
|
205
|
+
return /* @__PURE__ */_jsx(ToggleGroupContext, {
|
|
206
|
+
scope: __scopeToggleGroup,
|
|
207
|
+
rovingFocus,
|
|
208
|
+
disabled,
|
|
209
|
+
children: /* @__PURE__ */_jsx(ToggleContext.Provider, {
|
|
210
|
+
color,
|
|
211
|
+
children: rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup, {
|
|
212
|
+
asChild: "except-style",
|
|
213
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
214
|
+
orientation,
|
|
215
|
+
dir: direction,
|
|
216
|
+
loop,
|
|
217
|
+
children: content
|
|
218
|
+
}) : content
|
|
219
|
+
})
|
|
213
220
|
});
|
|
221
|
+
});
|
|
214
222
|
export { ToggleGroup };
|
|
215
223
|
//# sourceMappingURL=ToggleGroup.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","withStaticProperties","RovingFocusGroup","useControllableState","useDirection","createStyledContext","styled","View","React","Toggle","ToggleFrame","context","ToggleContext","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","toggleContext","active","value","includes","color","disabled","inner","ToggleGroupItemImpl","ref","tabIndex","scope","children","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","onActiveChange","pressed","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupFrame","name","orientation","dir","loop","direction","content","role"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,4BAAyB;AAClC,SAASC,iBAAA,4BAA4B;AACrC,SAASC,oBAAA,QAAwB;AACjC,SAASC,gBAAA,+BAA4B;AACrC,SAASC,oBAAoB;AAE7B,SAASC,YAAA,gCAAyC;AAClD,SAAOC,mBAAW,EAAAC,MAAA,EAAAC,IAAA;AAGlB,OAAAC,KAAS,MAAQ;AACjB,SAASC,MAAA,EAAAC,WAAW,4BAAqB;AAkCnC,SAAAC,OAAA,IAAAC,aAAA;AAhCN,IAAAC,iBAAM,gBAAoB;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","withStaticProperties","RovingFocusGroup","useControllableState","useDirection","createStyledContext","styled","View","React","Toggle","ToggleFrame","context","ToggleContext","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","toggleContext","active","value","includes","color","disabled","inner","ToggleGroupItemImpl","ref","tabIndex","scope","children","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","onActiveChange","pressed","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupFrame","name","orientation","dir","loop","direction","content","role"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/context.mjs
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { createStyledContext } from "@tamagui/web";
|
|
2
2
|
const context = createStyledContext({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
color: "",
|
|
4
|
+
active: false
|
|
5
|
+
});
|
|
6
|
+
const useToggleGroupItem = () => {
|
|
7
|
+
return context.useStyledContext();
|
|
8
|
+
};
|
|
7
9
|
export { context, useToggleGroupItem };
|
|
8
10
|
//# sourceMappingURL=context.mjs.map
|
package/dist/esm/context.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createStyledContext","context","color","active","useToggleGroupItem","useStyledContext"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AAE7B,MAAMC,OAAA,GAAUD,mBAAA,CAAoB;
|
|
1
|
+
{"version":3,"names":["createStyledContext","context","color","active","useToggleGroupItem","useStyledContext"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AAE7B,MAAMC,OAAA,GAAUD,mBAAA,CAAoB;EACzCE,KAAA,EAAO;EACPC,MAAA,EAAQ;AACV,CAAC;AAEM,MAAMC,kBAAA,GAAqBA,CAAA,KAAM;EACtC,OAAOH,OAAA,CAAQI,gBAAA,CAAiB;AAClC","ignoreList":[]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { createStyledContext } from "@tamagui/web";
|
|
2
2
|
var context = createStyledContext({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
color: "",
|
|
4
|
+
active: false
|
|
5
|
+
});
|
|
6
|
+
var useToggleGroupItem = function () {
|
|
7
|
+
return context.useStyledContext();
|
|
8
|
+
};
|
|
9
9
|
export { context, useToggleGroupItem };
|
|
10
10
|
//# sourceMappingURL=context.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createStyledContext","context","color","active","useToggleGroupItem"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AAE7B,IAAAC,OAAM,GAAAD,mBAAU;
|
|
1
|
+
{"version":3,"names":["createStyledContext","context","color","active","useToggleGroupItem","useStyledContext"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AAE7B,IAAAC,OAAM,GAAAD,mBAAU;EACrBE,KAAA,EAAO;EACPC,MAAA,EAAQ;AACV,CAAC;AAEM,IAAAC,kBAAM,YAAAA,CAAA,EAA2B;EACtC,OAAOH,OAAA,CAAQI,gBAAA,CAAiB;AAClC","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
export * from "./ToggleGroup";
|
|
2
|
-
import { useToggleGroupItem } from "./context";
|
|
3
|
-
export {
|
|
4
|
-
useToggleGroupItem
|
|
5
|
-
};
|
|
1
|
+
export * from "./ToggleGroup.mjs";
|
|
2
|
+
import { useToggleGroupItem } from "./context.mjs";
|
|
3
|
+
export { useToggleGroupItem };
|
|
6
4
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": "AAAA,cAAc;AACd,SAAS,0BAA0B;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["useToggleGroupItem"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,SAASA,kBAAA,QAA0B","ignoreList":[]}
|