@tamagui/toggle-group 2.7.6 → 3.0.0-beta.637.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/dist/cjs/Toggle.cjs +65 -130
- package/dist/cjs/Toggle.native.cjs +100 -0
- package/dist/cjs/Toggle.native.js +75 -136
- package/dist/cjs/Toggle.native.js.map +1 -1
- package/dist/cjs/ToggleGroup.cjs +158 -211
- package/dist/cjs/ToggleGroup.native.cjs +208 -0
- package/dist/cjs/ToggleGroup.native.js +173 -225
- package/dist/cjs/ToggleGroup.native.js.map +1 -1
- package/dist/cjs/context.cjs +19 -20
- package/dist/cjs/context.native.cjs +37 -0
- package/dist/cjs/context.native.js +20 -20
- package/dist/cjs/context.native.js.map +1 -1
- package/dist/cjs/index.cjs +15 -18
- package/dist/cjs/index.native.cjs +29 -0
- package/dist/cjs/index.native.js +15 -17
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +10 -11
- package/dist/cjs/types.native.cjs +19 -0
- package/dist/cjs/types.native.js +10 -10
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/esm/Toggle.mjs +53 -104
- package/dist/esm/Toggle.mjs.map +1 -1
- package/dist/esm/Toggle.native.js +61 -115
- package/dist/esm/Toggle.native.js.map +1 -1
- package/dist/esm/ToggleGroup.mjs +145 -188
- package/dist/esm/ToggleGroup.mjs.map +1 -1
- package/dist/esm/ToggleGroup.native.js +160 -203
- package/dist/esm/ToggleGroup.native.js.map +1 -1
- package/dist/esm/context.mjs +5 -3
- package/dist/esm/context.mjs.map +1 -1
- package/dist/esm/context.native.js +6 -4
- package/dist/esm/context.native.js.map +1 -1
- package/dist/esm/index.js +4 -3
- package/dist/esm/index.mjs +4 -3
- package/dist/esm/index.native.js +4 -3
- package/dist/esm/types.mjs +0 -2
- package/dist/esm/types.native.js +0 -2
- package/dist/jsx/Toggle.mjs +53 -104
- package/dist/jsx/Toggle.mjs.map +1 -1
- package/dist/jsx/Toggle.native.cjs +100 -0
- package/dist/jsx/Toggle.native.js +75 -136
- package/dist/jsx/Toggle.native.js.map +1 -1
- package/dist/jsx/ToggleGroup.mjs +145 -188
- package/dist/jsx/ToggleGroup.mjs.map +1 -1
- package/dist/jsx/ToggleGroup.native.cjs +208 -0
- package/dist/jsx/ToggleGroup.native.js +173 -225
- package/dist/jsx/ToggleGroup.native.js.map +1 -1
- package/dist/jsx/context.mjs +5 -3
- package/dist/jsx/context.mjs.map +1 -1
- package/dist/jsx/context.native.cjs +37 -0
- package/dist/jsx/context.native.js +20 -20
- package/dist/jsx/context.native.js.map +1 -1
- package/dist/jsx/index.js +4 -3
- package/dist/jsx/index.mjs +4 -3
- package/dist/jsx/index.native.cjs +29 -0
- package/dist/jsx/index.native.js +15 -17
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/types.mjs +0 -2
- package/dist/jsx/types.native.cjs +19 -0
- package/dist/jsx/types.native.js +10 -10
- package/dist/jsx/types.native.js.map +1 -1
- package/package.json +16 -15
- package/src/Toggle.tsx +27 -66
- package/src/ToggleGroup.tsx +13 -10
- package/types/Toggle.d.ts +45 -49
- package/types/Toggle.d.ts.map +1 -1
- package/types/ToggleGroup.d.ts +26 -87
- package/types/ToggleGroup.d.ts.map +1 -1
- package/types/context.d.ts +1 -1
- package/types/context.d.ts.map +1 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/types.mjs.map +0 -1
- package/dist/esm/types.native.js.map +0 -1
- package/dist/jsx/index.js.map +0 -1
- package/dist/jsx/index.mjs.map +0 -1
- package/dist/jsx/types.mjs.map +0 -1
|
@@ -1,223 +1,180 @@
|
|
|
1
|
-
import { jsx
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createRefComponent } from "@tamagui/compose-refs";
|
|
2
3
|
import { isWeb } from "@tamagui/constants";
|
|
3
4
|
import { registerFocusable } from "@tamagui/focusable";
|
|
4
5
|
import { withStaticProperties } from "@tamagui/helpers";
|
|
5
6
|
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
6
7
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
7
8
|
import { useDirection } from "@tamagui/use-direction";
|
|
8
|
-
import { createStyledContext,
|
|
9
|
+
import { View, createStyledContext, createStyledHOC, styled } from "@tamagui/web";
|
|
9
10
|
import React from "react";
|
|
10
11
|
import { Toggle, ToggleFrame } from "./Toggle.native.js";
|
|
11
|
-
import { context
|
|
12
|
+
import { context } from "./context.native.js";
|
|
13
|
+
|
|
12
14
|
var TOGGLE_GROUP_NAME = "ToggleGroup";
|
|
13
15
|
var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
|
|
14
16
|
var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
|
|
15
|
-
var {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
active,
|
|
46
|
-
children: inner
|
|
47
|
-
}) : inner
|
|
48
|
-
})
|
|
49
|
-
});
|
|
17
|
+
var { Provider: ToggleGroupItemProvider } = createStyledContext();
|
|
18
|
+
var { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});
|
|
19
|
+
var ToggleGroupItem = createStyledHOC(ToggleFrame, function(props, forwardedRef) {
|
|
20
|
+
var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
|
|
21
|
+
var context$1 = useToggleGroupContext(props.__scopeToggleGroup);
|
|
22
|
+
var toggleContext = context.useStyledContext(props.__scopeToggleGroup);
|
|
23
|
+
var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);
|
|
24
|
+
var color = props.color || toggleContext.color;
|
|
25
|
+
var disabled = context$1.disabled || props.disabled || false;
|
|
26
|
+
var inner = /* @__PURE__ */ jsx(ToggleGroupItemImpl, {
|
|
27
|
+
ref: forwardedRef,
|
|
28
|
+
tabIndex: disabled ? -1 : 0,
|
|
29
|
+
...props,
|
|
30
|
+
active,
|
|
31
|
+
disabled
|
|
32
|
+
});
|
|
33
|
+
return /* @__PURE__ */ jsx(ToggleGroupItemProvider, {
|
|
34
|
+
scope: props.__scopeToggleGroup,
|
|
35
|
+
children: /* @__PURE__ */ jsx(context.Provider, {
|
|
36
|
+
color,
|
|
37
|
+
active,
|
|
38
|
+
children: context$1.rovingFocus ? /* @__PURE__ */ jsx(RovingFocusGroup.Item, {
|
|
39
|
+
asChild: "except-style",
|
|
40
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
41
|
+
tabIndex: disabled ? -1 : 0,
|
|
42
|
+
active,
|
|
43
|
+
children: inner
|
|
44
|
+
}) : inner
|
|
45
|
+
})
|
|
46
|
+
});
|
|
50
47
|
});
|
|
51
48
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
52
|
-
var ToggleGroupItemImpl =
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
valueContext.onItemActivate(value);
|
|
70
|
-
} else {
|
|
71
|
-
valueContext.onItemDeactivate(value);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
});
|
|
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 () {}
|
|
86
|
-
});
|
|
87
|
-
}, [props.id]);
|
|
88
|
-
}
|
|
89
|
-
if (type === "single") {
|
|
90
|
-
var singleProps = toggleGroupProps;
|
|
91
|
-
return /* @__PURE__ */_jsx(ToggleGroupImplSingle, {
|
|
92
|
-
...singleProps,
|
|
93
|
-
ref: forwardedRef
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
if (type === "multiple") {
|
|
97
|
-
var multipleProps = toggleGroupProps;
|
|
98
|
-
return /* @__PURE__ */_jsx(ToggleGroupImplMultiple, {
|
|
99
|
-
...multipleProps,
|
|
100
|
-
ref: forwardedRef
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
|
104
|
-
}), {
|
|
105
|
-
Item: ToggleGroupItem
|
|
49
|
+
var ToggleGroupItemImpl = createRefComponent(function(props, forwardedRef) {
|
|
50
|
+
var { __scopeToggleGroup, value, ...itemProps } = props;
|
|
51
|
+
var valueContext = useToggleGroupValueContext(__scopeToggleGroup);
|
|
52
|
+
var singleProps = { "aria-pressed": void 0 };
|
|
53
|
+
var typeProps = valueContext.type === "single" ? singleProps : void 0;
|
|
54
|
+
return /* @__PURE__ */ jsx(Toggle, {
|
|
55
|
+
...typeProps,
|
|
56
|
+
...itemProps,
|
|
57
|
+
ref: forwardedRef,
|
|
58
|
+
onActiveChange: function(pressed) {
|
|
59
|
+
if (pressed) {
|
|
60
|
+
valueContext.onItemActivate(value);
|
|
61
|
+
} else {
|
|
62
|
+
valueContext.onItemDeactivate(value);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
});
|
|
106
66
|
});
|
|
67
|
+
var ToggleGroup = withStaticProperties(createRefComponent(function(props, forwardedRef) {
|
|
68
|
+
var { type, ...toggleGroupProps } = props;
|
|
69
|
+
if (!isWeb) {
|
|
70
|
+
React.useEffect(function() {
|
|
71
|
+
if (!props.id) return;
|
|
72
|
+
return registerFocusable(props.id, { focus: function() {} });
|
|
73
|
+
}, [props.id]);
|
|
74
|
+
}
|
|
75
|
+
if (type === "single") {
|
|
76
|
+
var singleProps = toggleGroupProps;
|
|
77
|
+
return /* @__PURE__ */ jsx(ToggleGroupImplSingle, {
|
|
78
|
+
...singleProps,
|
|
79
|
+
ref: forwardedRef
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
if (type === "multiple") {
|
|
83
|
+
var multipleProps = toggleGroupProps;
|
|
84
|
+
return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, {
|
|
85
|
+
...multipleProps,
|
|
86
|
+
ref: forwardedRef
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
|
90
|
+
}), { Item: ToggleGroupItem });
|
|
107
91
|
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
|
108
|
-
var {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
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;
|
|
167
|
-
});
|
|
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
|
-
});
|
|
92
|
+
var { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = createStyledContext();
|
|
93
|
+
var ToggleGroupImplSingle = createRefComponent(function(props, forwardedRef) {
|
|
94
|
+
var { value: valueProp, defaultValue, onValueChange = function() {}, disableDeactivation = false, children, ...toggleGroupSingleProps } = props;
|
|
95
|
+
var [value, setValue] = useControllableState({
|
|
96
|
+
prop: valueProp,
|
|
97
|
+
defaultProp: defaultValue,
|
|
98
|
+
onChange: onValueChange
|
|
99
|
+
});
|
|
100
|
+
return /* @__PURE__ */ jsx(ToggleGroupValueProvider, {
|
|
101
|
+
scope: props.__scopeToggleGroup,
|
|
102
|
+
type: "single",
|
|
103
|
+
value: value ? [value] : [],
|
|
104
|
+
defaultValue: value,
|
|
105
|
+
onItemActivate: setValue,
|
|
106
|
+
onItemDeactivate: React.useCallback(function() {
|
|
107
|
+
return disableDeactivation ? null : setValue("");
|
|
108
|
+
}, [setValue, disableDeactivation]),
|
|
109
|
+
children: /* @__PURE__ */ jsx(ToggleGroupImpl, {
|
|
110
|
+
...toggleGroupSingleProps,
|
|
111
|
+
ref: forwardedRef,
|
|
112
|
+
children
|
|
113
|
+
})
|
|
114
|
+
});
|
|
183
115
|
});
|
|
184
|
-
var
|
|
185
|
-
|
|
116
|
+
var ToggleGroupImplMultiple = createRefComponent(function(props, forwardedRef) {
|
|
117
|
+
var { value: valueProp, defaultValue, onValueChange = function() {}, disableDeactivation, children, ...toggleGroupMultipleProps } = props;
|
|
118
|
+
var [value = [], setValue] = useControllableState({
|
|
119
|
+
prop: valueProp,
|
|
120
|
+
defaultProp: defaultValue,
|
|
121
|
+
onChange: onValueChange
|
|
122
|
+
});
|
|
123
|
+
var handleButtonActivate = React.useCallback(function(itemValue) {
|
|
124
|
+
return setValue(function() {
|
|
125
|
+
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
126
|
+
return [...prevValue, itemValue];
|
|
127
|
+
});
|
|
128
|
+
}, [setValue]);
|
|
129
|
+
var handleButtonDeactivate = React.useCallback(function(itemValue) {
|
|
130
|
+
return setValue(function() {
|
|
131
|
+
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
132
|
+
return prevValue.filter(function(value2) {
|
|
133
|
+
return value2 !== itemValue;
|
|
134
|
+
});
|
|
135
|
+
});
|
|
136
|
+
}, [setValue]);
|
|
137
|
+
return /* @__PURE__ */ jsx(ToggleGroupValueProvider, {
|
|
138
|
+
scope: props.__scopeToggleGroup,
|
|
139
|
+
type: "multiple",
|
|
140
|
+
value,
|
|
141
|
+
defaultValue: value,
|
|
142
|
+
onItemActivate: handleButtonActivate,
|
|
143
|
+
onItemDeactivate: handleButtonDeactivate,
|
|
144
|
+
children: /* @__PURE__ */ jsx(ToggleGroupImpl, {
|
|
145
|
+
...toggleGroupMultipleProps,
|
|
146
|
+
ref: forwardedRef,
|
|
147
|
+
children
|
|
148
|
+
})
|
|
149
|
+
});
|
|
186
150
|
});
|
|
187
|
-
var
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
214
|
-
orientation,
|
|
215
|
-
dir: direction,
|
|
216
|
-
loop,
|
|
217
|
-
children: content
|
|
218
|
-
}) : content
|
|
219
|
-
})
|
|
220
|
-
});
|
|
151
|
+
var ToggleGroupFrame = styled(View, { displayName: TOGGLE_GROUP_NAME });
|
|
152
|
+
var ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, function(props, forwardedRef) {
|
|
153
|
+
var { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;
|
|
154
|
+
var direction = useDirection(dir);
|
|
155
|
+
var content = /* @__PURE__ */ jsx(ToggleGroupFrame, {
|
|
156
|
+
role: "group",
|
|
157
|
+
ref: forwardedRef,
|
|
158
|
+
"data-disabled": disabled ? "" : void 0,
|
|
159
|
+
...toggleGroupProps
|
|
160
|
+
});
|
|
161
|
+
return /* @__PURE__ */ jsx(ToggleGroupContext, {
|
|
162
|
+
scope: __scopeToggleGroup,
|
|
163
|
+
rovingFocus,
|
|
164
|
+
disabled,
|
|
165
|
+
children: /* @__PURE__ */ jsx(context.Provider, {
|
|
166
|
+
color,
|
|
167
|
+
children: rovingFocus ? /* @__PURE__ */ jsx(RovingFocusGroup, {
|
|
168
|
+
asChild: "except-style",
|
|
169
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
170
|
+
orientation,
|
|
171
|
+
dir: direction,
|
|
172
|
+
loop,
|
|
173
|
+
children: content
|
|
174
|
+
}) : content
|
|
175
|
+
})
|
|
176
|
+
});
|
|
221
177
|
});
|
|
178
|
+
|
|
222
179
|
export { ToggleGroup };
|
|
223
180
|
//# 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":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ToggleGroup.native.js","names":["context","ToggleContext"],"sources":["esm/ToggleGroup.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport { createStyledHOC, createStyledContext, styled, View } from \"@tamagui/web\";\nimport React from \"react\";\nimport { Toggle, ToggleFrame } from \"./Toggle\";\nimport { context as ToggleContext } from \"./context\";\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nvar TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nvar { Provider: ToggleGroupItemProvider } = createStyledContext();\nvar { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});\nvar ToggleGroupItem = createStyledHOC(ToggleFrame, function(props, forwardedRef) {\n var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n var context = useToggleGroupContext(props.__scopeToggleGroup);\n var toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);\n var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);\n var color = props.color || toggleContext.color;\n var disabled = context.disabled || props.disabled || false;\n var inner = /* @__PURE__ */ _jsx(ToggleGroupItemImpl, {\n ref: forwardedRef,\n tabIndex: disabled ? -1 : 0,\n ...props,\n active,\n disabled\n });\n return /* @__PURE__ */ _jsx(ToggleGroupItemProvider, {\n scope: props.__scopeToggleGroup,\n children: /* @__PURE__ */ _jsx(ToggleContext.Provider, {\n color,\n active,\n children: context.rovingFocus ? /* @__PURE__ */ _jsx(RovingFocusGroup.Item, {\n asChild: \"except-style\",\n __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n tabIndex: disabled ? -1 : 0,\n active,\n children: inner\n }) : inner\n })\n });\n});\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nvar ToggleGroupItemImpl = createRefComponent(function(props, forwardedRef) {\n var { __scopeToggleGroup, value, ...itemProps } = props;\n var valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n var singleProps = {\n \"aria-pressed\": void 0\n };\n var typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n return /* @__PURE__ */ _jsx(Toggle, {\n ...typeProps,\n ...itemProps,\n ref: forwardedRef,\n onActiveChange: function(pressed) {\n if (pressed) {\n valueContext.onItemActivate(value);\n } else {\n valueContext.onItemDeactivate(value);\n }\n }\n });\n});\nvar ToggleGroup = withStaticProperties(createRefComponent(function(props, forwardedRef) {\n var { type, ...toggleGroupProps } = props;\n if (!isWeb) {\n React.useEffect(function() {\n if (!props.id) return;\n return registerFocusable(props.id, {\n focus: function() {\n }\n });\n }, [\n props.id\n ]);\n }\n if (type === \"single\") {\n var singleProps = toggleGroupProps;\n return /* @__PURE__ */ _jsx(ToggleGroupImplSingle, {\n ...singleProps,\n ref: forwardedRef\n });\n }\n if (type === \"multiple\") {\n var multipleProps = toggleGroupProps;\n return /* @__PURE__ */ _jsx(ToggleGroupImplMultiple, {\n ...multipleProps,\n ref: forwardedRef\n });\n }\n throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n}), {\n Item: ToggleGroupItem\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = createStyledContext();\nvar ToggleGroupImplSingle = createRefComponent(function(props, forwardedRef) {\n var { value: valueProp, defaultValue, onValueChange = function() {\n }, disableDeactivation = false, children, ...toggleGroupSingleProps } = props;\n var [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange\n });\n return /* @__PURE__ */ _jsx(ToggleGroupValueProvider, {\n scope: props.__scopeToggleGroup,\n type: \"single\",\n value: value ? [\n value\n ] : [],\n defaultValue: value,\n onItemActivate: setValue,\n onItemDeactivate: React.useCallback(function() {\n return disableDeactivation ? null : setValue(\"\");\n }, [\n setValue,\n disableDeactivation\n ]),\n children: /* @__PURE__ */ _jsx(ToggleGroupImpl, {\n ...toggleGroupSingleProps,\n ref: forwardedRef,\n children\n })\n });\n});\nvar ToggleGroupImplMultiple = createRefComponent(function(props, forwardedRef) {\n var { value: valueProp, defaultValue, onValueChange = function() {\n }, disableDeactivation, children, ...toggleGroupMultipleProps } = props;\n var [value = [], setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange\n });\n var handleButtonActivate = React.useCallback(function(itemValue) {\n return setValue(function() {\n var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n return [\n ...prevValue,\n itemValue\n ];\n });\n }, [\n setValue\n ]);\n var handleButtonDeactivate = React.useCallback(function(itemValue) {\n return setValue(function() {\n var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n return prevValue.filter(function(value2) {\n return value2 !== itemValue;\n });\n });\n }, [\n setValue\n ]);\n return /* @__PURE__ */ _jsx(ToggleGroupValueProvider, {\n scope: props.__scopeToggleGroup,\n type: \"multiple\",\n value,\n defaultValue: value,\n onItemActivate: handleButtonActivate,\n onItemDeactivate: handleButtonDeactivate,\n children: /* @__PURE__ */ _jsx(ToggleGroupImpl, {\n ...toggleGroupMultipleProps,\n ref: forwardedRef,\n children\n })\n });\n});\nvar ToggleGroupFrame = styled(View, {\n displayName: TOGGLE_GROUP_NAME\n});\nvar ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, function(props, forwardedRef) {\n var { __scopeToggleGroup, disabled = false, orientation = \"horizontal\", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;\n var direction = useDirection(dir);\n var content = /* @__PURE__ */ _jsx(ToggleGroupFrame, {\n role: \"group\",\n ref: forwardedRef,\n \"data-disabled\": disabled ? \"\" : void 0,\n ...toggleGroupProps\n });\n return /* @__PURE__ */ _jsx(ToggleGroupContext, {\n scope: __scopeToggleGroup,\n rovingFocus,\n disabled,\n children: /* @__PURE__ */ _jsx(ToggleContext.Provider, {\n color,\n children: rovingFocus ? /* @__PURE__ */ _jsx(RovingFocusGroup, {\n asChild: \"except-style\",\n __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n orientation,\n dir: direction,\n loop,\n children: content\n }) : content\n })\n });\n});\nexport {\n ToggleGroup\n};\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}
|
package/dist/esm/context.mjs
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { createStyledContext } from "@tamagui/web";
|
|
2
|
+
|
|
2
3
|
const context = createStyledContext({
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
color: "",
|
|
5
|
+
active: false
|
|
5
6
|
});
|
|
6
7
|
const useToggleGroupItem = () => {
|
|
7
|
-
|
|
8
|
+
return context.useStyledContext();
|
|
8
9
|
};
|
|
10
|
+
|
|
9
11
|
export { context, useToggleGroupItem };
|
|
10
12
|
//# sourceMappingURL=context.mjs.map
|
package/dist/esm/context.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"context.js","names":[],"sources":["esm/context.js"],"sourcesContent":["import { createStyledContext } from \"@tamagui/web\";\nconst context = createStyledContext({\n color: \"\",\n active: false\n});\nconst useToggleGroupItem = () => {\n return context.useStyledContext();\n};\nexport {\n context,\n useToggleGroupItem\n};\n//# sourceMappingURL=context.js.map\n"],"mappings":";;;AACA,MAAM,UAAU,oBAAoB;CAClC,OAAO;CACP,QAAQ;AACV,CAAC;AACD,MAAM,2BAA2B;CAC/B,OAAO,QAAQ,iBAAiB;AAClC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { createStyledContext } from "@tamagui/web";
|
|
2
|
+
|
|
2
3
|
var context = createStyledContext({
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
color: "",
|
|
5
|
+
active: false
|
|
5
6
|
});
|
|
6
|
-
var useToggleGroupItem = function
|
|
7
|
-
|
|
7
|
+
var useToggleGroupItem = function() {
|
|
8
|
+
return context.useStyledContext();
|
|
8
9
|
};
|
|
10
|
+
|
|
9
11
|
export { context, useToggleGroupItem };
|
|
10
12
|
//# sourceMappingURL=context.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"context.native.js","names":[],"sources":["esm/context.native.js"],"sourcesContent":["import { createStyledContext } from \"@tamagui/web\";\nvar context = createStyledContext({\n color: \"\",\n active: false\n});\nvar useToggleGroupItem = function() {\n return context.useStyledContext();\n};\nexport {\n context,\n useToggleGroupItem\n};\n//# sourceMappingURL=context.js.map\n"],"mappings":";;;AACA,IAAI,UAAU,oBAAoB;CAChC,OAAO;CACP,QAAQ;AACV,CAAC;AACD,IAAI,qBAAqB,WAAW;CAClC,OAAO,QAAQ,iBAAiB;AAClC"}
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.mjs
CHANGED
package/dist/esm/index.native.js
CHANGED
package/dist/esm/types.mjs
CHANGED
package/dist/esm/types.native.js
CHANGED