@tamagui/toggle-group 1.141.4 → 1.142.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/Toggle.cjs +23 -15
- package/dist/cjs/Toggle.js +20 -15
- package/dist/cjs/Toggle.js.map +2 -2
- package/dist/cjs/Toggle.native.js +26 -17
- package/dist/cjs/Toggle.native.js.map +1 -1
- package/dist/cjs/ToggleGroup.cjs +46 -36
- package/dist/cjs/ToggleGroup.js +82 -87
- package/dist/cjs/ToggleGroup.js.map +2 -2
- package/dist/cjs/ToggleGroup.native.js +48 -36
- package/dist/cjs/ToggleGroup.native.js.map +1 -1
- package/dist/esm/Toggle.js +20 -15
- package/dist/esm/Toggle.js.map +2 -2
- package/dist/esm/Toggle.mjs +23 -15
- package/dist/esm/Toggle.mjs.map +1 -1
- package/dist/esm/Toggle.native.js +26 -17
- package/dist/esm/Toggle.native.js.map +1 -1
- package/dist/esm/ToggleGroup.js +84 -95
- package/dist/esm/ToggleGroup.js.map +1 -1
- package/dist/esm/ToggleGroup.mjs +48 -38
- package/dist/esm/ToggleGroup.mjs.map +1 -1
- package/dist/esm/ToggleGroup.native.js +50 -38
- package/dist/esm/ToggleGroup.native.js.map +1 -1
- package/dist/jsx/Toggle.js +20 -15
- package/dist/jsx/Toggle.js.map +2 -2
- package/dist/jsx/Toggle.mjs +23 -15
- package/dist/jsx/Toggle.mjs.map +1 -1
- package/dist/jsx/Toggle.native.js +26 -17
- package/dist/jsx/Toggle.native.js.map +1 -1
- package/dist/jsx/ToggleGroup.js +84 -95
- package/dist/jsx/ToggleGroup.js.map +1 -1
- package/dist/jsx/ToggleGroup.mjs +48 -38
- package/dist/jsx/ToggleGroup.mjs.map +1 -1
- package/dist/jsx/ToggleGroup.native.js +48 -36
- package/dist/jsx/ToggleGroup.native.js.map +1 -1
- package/package.json +17 -15
- package/src/Toggle.tsx +23 -25
- package/src/ToggleGroup.tsx +136 -140
- package/types/Toggle.d.ts +10 -14
- package/types/Toggle.d.ts.map +1 -1
- package/types/ToggleGroup.d.ts +165 -9
- package/types/ToggleGroup.d.ts.map +1 -1
package/dist/jsx/ToggleGroup.mjs
CHANGED
|
@@ -8,32 +8,32 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
|
8
8
|
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
9
9
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
10
10
|
import { useDirection } from "@tamagui/use-direction";
|
|
11
|
-
import { createStyledContext, getVariableValue, styled,
|
|
11
|
+
import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
|
|
12
12
|
import React from "react";
|
|
13
|
-
import { Toggle, ToggleFrame } from "./Toggle.mjs";
|
|
13
|
+
import { Toggle, ToggleFrame, context as ToggleContext } from "./Toggle.mjs";
|
|
14
14
|
import { jsx } from "react/jsx-runtime";
|
|
15
15
|
const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
16
16
|
TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
|
|
17
17
|
TOGGLE_GROUP_CONTEXT = "ToggleGroup",
|
|
18
18
|
{
|
|
19
|
-
Provider: ToggleGroupItemProvider
|
|
20
|
-
useStyledContext: useToggleGroupItemContext
|
|
19
|
+
Provider: ToggleGroupItemProvider
|
|
21
20
|
} = createStyledContext(),
|
|
22
21
|
{
|
|
23
22
|
Provider: ToggleGroupContext,
|
|
24
23
|
useStyledContext: useToggleGroupContext
|
|
25
24
|
} = createStyledContext(),
|
|
26
|
-
ToggleGroupItem = ToggleFrame.
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
ToggleGroupItem = ToggleFrame.styleable((props, forwardedRef) => {
|
|
26
|
+
const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
27
|
+
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
28
|
+
toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup),
|
|
29
|
+
pressed = valueContext?.value.includes(props.value),
|
|
30
|
+
toggledStyle = props.toggledStyle || toggleContext.toggledStyle,
|
|
31
|
+
color = props.color || toggleContext.color,
|
|
30
32
|
{
|
|
31
33
|
disablePassStyles,
|
|
34
|
+
toggledStyle: _,
|
|
32
35
|
...rest
|
|
33
36
|
} = props,
|
|
34
|
-
valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
35
|
-
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
36
|
-
pressed = valueContext?.value.includes(props.value),
|
|
37
37
|
disabled = context.disabled || props.disabled || !1,
|
|
38
38
|
groupItemProps = useGroupItem({
|
|
39
39
|
disabled
|
|
@@ -46,9 +46,10 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
46
46
|
},
|
|
47
47
|
iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2,
|
|
48
48
|
theme = useTheme(),
|
|
49
|
+
toggledColor = toggledStyle?.color,
|
|
49
50
|
getThemedIcon = useGetThemedIcon({
|
|
50
51
|
size: iconSize,
|
|
51
|
-
color: color
|
|
52
|
+
color: (pressed && toggledColor ? toggledColor : color) || theme.color
|
|
52
53
|
}),
|
|
53
54
|
children = React.Children.toArray(props.children).map(child => props.disablePassStyles || !React.isValidElement(child) ? child : React.cloneElement(getThemedIcon(child), {
|
|
54
55
|
active: pressed
|
|
@@ -69,15 +70,19 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
69
70
|
});
|
|
70
71
|
return /* @__PURE__ */jsx(ToggleGroupItemProvider, {
|
|
71
72
|
scope: props.__scopeToggleGroup,
|
|
72
|
-
children:
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
73
|
+
children: /* @__PURE__ */jsx(ToggleContext.Provider, {
|
|
74
|
+
color,
|
|
75
|
+
toggledStyle,
|
|
76
|
+
children: context.rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup.Item, {
|
|
77
|
+
asChild: "except-style",
|
|
78
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
79
|
+
focusable: !disabled,
|
|
80
|
+
active: pressed,
|
|
81
|
+
children: inner
|
|
82
|
+
}) : inner
|
|
83
|
+
})
|
|
79
84
|
});
|
|
80
|
-
})
|
|
85
|
+
});
|
|
81
86
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
82
87
|
const ToggleGroupItemImpl = React.forwardRef((props, forwardedRef) => {
|
|
83
88
|
const {
|
|
@@ -205,7 +210,7 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
205
210
|
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
206
211
|
}
|
|
207
212
|
}),
|
|
208
|
-
ToggleGroupImpl = ToggleGroupImplElementFrame.
|
|
213
|
+
ToggleGroupImpl = ToggleGroupImplElementFrame.styleable((props, forwardedRef) => {
|
|
209
214
|
const {
|
|
210
215
|
__scopeToggleGroup,
|
|
211
216
|
disabled = !1,
|
|
@@ -216,6 +221,8 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
216
221
|
unstyled = !1,
|
|
217
222
|
size: sizeProp = "$true",
|
|
218
223
|
sizeAdjust = 0,
|
|
224
|
+
toggledStyle,
|
|
225
|
+
color,
|
|
219
226
|
...toggleGroupProps
|
|
220
227
|
} = props,
|
|
221
228
|
direction = useDirection(dir),
|
|
@@ -233,30 +240,33 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
233
240
|
rovingFocus,
|
|
234
241
|
disabled,
|
|
235
242
|
size,
|
|
236
|
-
children:
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
children: /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
|
|
243
|
-
"aria-orientation": orientation,
|
|
243
|
+
children: /* @__PURE__ */jsx(ToggleContext.Provider, {
|
|
244
|
+
color,
|
|
245
|
+
toggledStyle,
|
|
246
|
+
children: rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup, {
|
|
247
|
+
asChild: "except-style",
|
|
248
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
244
249
|
orientation,
|
|
245
|
-
|
|
250
|
+
dir: direction,
|
|
251
|
+
loop,
|
|
252
|
+
children: /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
|
|
253
|
+
"aria-orientation": orientation,
|
|
254
|
+
orientation,
|
|
255
|
+
ref: forwardedRef,
|
|
256
|
+
"data-disabled": disabled ? "" : void 0,
|
|
257
|
+
unstyled,
|
|
258
|
+
...commonProps
|
|
259
|
+
})
|
|
260
|
+
}) : /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
|
|
261
|
+
"aria-orientation": orientation,
|
|
246
262
|
ref: forwardedRef,
|
|
263
|
+
orientation,
|
|
247
264
|
"data-disabled": disabled ? "" : void 0,
|
|
248
265
|
unstyled,
|
|
249
266
|
...commonProps
|
|
250
267
|
})
|
|
251
|
-
}) : /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
|
|
252
|
-
"aria-orientation": orientation,
|
|
253
|
-
ref: forwardedRef,
|
|
254
|
-
orientation,
|
|
255
|
-
"data-disabled": disabled ? "" : void 0,
|
|
256
|
-
unstyled,
|
|
257
|
-
...commonProps
|
|
258
268
|
})
|
|
259
269
|
});
|
|
260
|
-
})
|
|
270
|
+
});
|
|
261
271
|
export { ToggleGroup };
|
|
262
272
|
//# sourceMappingURL=ToggleGroup.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","
|
|
1
|
+
{"version":3,"names":["isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","useTheme","React","Toggle","ToggleFrame","context","ToggleContext","jsx","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","toggleContext","pressed","value","includes","toggledStyle","color","disablePassStyles","_","rest","disabled","groupItemProps","size","sizeProps","unstyled","width","height","padding","iconSize","theme","toggledColor","getThemedIcon","children","Children","toArray","map","child","isValidElement","cloneElement","active","commonProps","inner","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","onPressedChange","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","name","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -54,24 +54,24 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
54
54
|
TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
|
|
55
55
|
TOGGLE_GROUP_CONTEXT = "ToggleGroup",
|
|
56
56
|
{
|
|
57
|
-
Provider: ToggleGroupItemProvider
|
|
58
|
-
useStyledContext: useToggleGroupItemContext
|
|
57
|
+
Provider: ToggleGroupItemProvider
|
|
59
58
|
} = (0, import_web.createStyledContext)(),
|
|
60
59
|
{
|
|
61
60
|
Provider: ToggleGroupContext,
|
|
62
61
|
useStyledContext: useToggleGroupContext
|
|
63
62
|
} = (0, import_web.createStyledContext)(),
|
|
64
|
-
ToggleGroupItem = import_Toggle.ToggleFrame.
|
|
65
|
-
var
|
|
66
|
-
|
|
67
|
-
|
|
63
|
+
ToggleGroupItem = import_Toggle.ToggleFrame.styleable(function (props, forwardedRef) {
|
|
64
|
+
var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
65
|
+
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
66
|
+
toggleContext = import_Toggle.context.useStyledContext(props.__scopeToggleGroup),
|
|
67
|
+
pressed = valueContext?.value.includes(props.value),
|
|
68
|
+
toggledStyle = props.toggledStyle || toggleContext.toggledStyle,
|
|
69
|
+
color = props.color || toggleContext.color,
|
|
68
70
|
{
|
|
69
71
|
disablePassStyles,
|
|
72
|
+
toggledStyle: _,
|
|
70
73
|
...rest
|
|
71
74
|
} = props,
|
|
72
|
-
valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
73
|
-
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
74
|
-
pressed = valueContext?.value.includes(props.value),
|
|
75
75
|
disabled = context.disabled || props.disabled || !1,
|
|
76
76
|
groupItemProps = (0, import_group.useGroupItem)({
|
|
77
77
|
disabled
|
|
@@ -85,9 +85,11 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
85
85
|
},
|
|
86
86
|
iconSize = (typeof size == "number" ? size * 0.7 : (0, import_font_size.getFontSize)(size)) * 1.2,
|
|
87
87
|
theme = (0, import_web.useTheme)(),
|
|
88
|
+
toggledColor = toggledStyle?.color,
|
|
89
|
+
activeColor = pressed && toggledColor ? toggledColor : color,
|
|
88
90
|
getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
|
|
89
91
|
size: iconSize,
|
|
90
|
-
color:
|
|
92
|
+
color: activeColor || theme.color
|
|
91
93
|
}),
|
|
92
94
|
childrens = import_react.default.Children.toArray(props.children),
|
|
93
95
|
children = childrens.map(function (child) {
|
|
@@ -112,15 +114,19 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
112
114
|
});
|
|
113
115
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {
|
|
114
116
|
scope: props.__scopeToggleGroup,
|
|
115
|
-
children:
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
117
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Toggle.context.Provider, {
|
|
118
|
+
color,
|
|
119
|
+
toggledStyle,
|
|
120
|
+
children: context.rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
|
|
121
|
+
asChild: "except-style",
|
|
122
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
123
|
+
focusable: !disabled,
|
|
124
|
+
active: pressed,
|
|
125
|
+
children: inner
|
|
126
|
+
}) : inner
|
|
127
|
+
})
|
|
122
128
|
});
|
|
123
|
-
})
|
|
129
|
+
});
|
|
124
130
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
125
131
|
var ToggleGroupItemImpl = /* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
|
|
126
132
|
var {
|
|
@@ -268,7 +274,7 @@ var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
|
268
274
|
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
269
275
|
}
|
|
270
276
|
}),
|
|
271
|
-
ToggleGroupImpl = ToggleGroupImplElementFrame.
|
|
277
|
+
ToggleGroupImpl = ToggleGroupImplElementFrame.styleable(function (props, forwardedRef) {
|
|
272
278
|
var {
|
|
273
279
|
__scopeToggleGroup,
|
|
274
280
|
disabled = !1,
|
|
@@ -279,6 +285,8 @@ var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
|
279
285
|
unstyled = !1,
|
|
280
286
|
size: sizeProp = "$true",
|
|
281
287
|
sizeAdjust = 0,
|
|
288
|
+
toggledStyle,
|
|
289
|
+
color,
|
|
282
290
|
...toggleGroupProps
|
|
283
291
|
} = props,
|
|
284
292
|
direction = (0, import_use_direction.useDirection)(dir),
|
|
@@ -296,29 +304,33 @@ var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
|
296
304
|
rovingFocus,
|
|
297
305
|
disabled,
|
|
298
306
|
size,
|
|
299
|
-
children:
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
306
|
-
"aria-orientation": orientation,
|
|
307
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Toggle.context.Provider, {
|
|
308
|
+
color,
|
|
309
|
+
toggledStyle,
|
|
310
|
+
children: rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
|
|
311
|
+
asChild: "except-style",
|
|
312
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
307
313
|
orientation,
|
|
308
|
-
|
|
314
|
+
dir: direction,
|
|
315
|
+
loop,
|
|
316
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
317
|
+
"aria-orientation": orientation,
|
|
318
|
+
orientation,
|
|
319
|
+
// axis={orientation}
|
|
320
|
+
ref: forwardedRef,
|
|
321
|
+
"data-disabled": disabled ? "" : void 0,
|
|
322
|
+
unstyled,
|
|
323
|
+
...commonProps
|
|
324
|
+
})
|
|
325
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
326
|
+
"aria-orientation": orientation,
|
|
309
327
|
ref: forwardedRef,
|
|
328
|
+
orientation,
|
|
310
329
|
"data-disabled": disabled ? "" : void 0,
|
|
311
330
|
unstyled,
|
|
312
331
|
...commonProps
|
|
313
332
|
})
|
|
314
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
315
|
-
"aria-orientation": orientation,
|
|
316
|
-
ref: forwardedRef,
|
|
317
|
-
orientation,
|
|
318
|
-
"data-disabled": disabled ? "" : void 0,
|
|
319
|
-
unstyled,
|
|
320
|
-
...commonProps
|
|
321
333
|
})
|
|
322
334
|
});
|
|
323
|
-
})
|
|
335
|
+
});
|
|
324
336
|
//# sourceMappingURL=ToggleGroup.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ToggleGroup_exports","ToggleGroup","module","exports","import_jsx_runtime","require","import_constants","import_focusable","import_font_size","import_get_token","import_group","import_helpers","import_helpers_tamagui","import_roving_focus","import_use_controllable_state","import_use_direction","import_web","import_react","import_Toggle","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","useStyledContext","useToggleGroupItemContext","createStyledContext","ToggleGroupContext","useToggleGroupContext","ToggleGroupItem","ToggleFrame","extractable","default","forwardRef","props","forwardedRef","_","color","usePropsAndStyle","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","includes","disabled","groupItemProps","useGroupItem","_props_size","size","sizeProps","unstyled","width","height","padding","getVariableValue","iconSize","getFontSize","theme","useTheme","getThemedIcon","useGetThemedIcon","childrens","Children","toArray","children","map","child","isValidElement","cloneElement","active","commonProps","inner","jsx","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","RovingFocusGroup","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","itemProps","singleProps","typeProps","type","Toggle","onPressedChange","onItemActivate","onItemDeactivate","withStaticProperties","toggleGroupProps","isWeb","useEffect","id","registerFocusable","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","useControllableState","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","styled","Group","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","useDirection","role","adjustedSize","getSize","shift","Math","round","axis"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ToggleGroup_exports","ToggleGroup","module","exports","import_jsx_runtime","require","import_constants","import_focusable","import_font_size","import_get_token","import_group","import_helpers","import_helpers_tamagui","import_roving_focus","import_use_controllable_state","import_use_direction","import_web","import_react","import_Toggle","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","createStyledContext","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","ToggleFrame","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","toggleContext","pressed","includes","toggledStyle","color","disablePassStyles","_","rest","disabled","groupItemProps","useGroupItem","_props_size","size","sizeProps","unstyled","width","height","padding","getVariableValue","iconSize","getFontSize","theme","useTheme","toggledColor","activeColor","getThemedIcon","useGetThemedIcon","childrens","default","Children","toArray","children","map","child","isValidElement","cloneElement","active","commonProps","inner","jsx","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","RovingFocusGroup","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","Toggle","onPressedChange","onItemActivate","onItemDeactivate","withStaticProperties","toggleGroupProps","isWeb","useEffect","id","registerFocusable","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","useControllableState","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","styled","Group","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","useDirection","role","adjustedSize","getSize","shift","Math","round"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/toggle-group",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.142.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css"
|
|
@@ -27,32 +27,34 @@
|
|
|
27
27
|
"./package.json": "./package.json",
|
|
28
28
|
".": {
|
|
29
29
|
"react-native": {
|
|
30
|
+
"module": "./dist/esm/index.native.js",
|
|
30
31
|
"import": "./dist/esm/index.native.js",
|
|
31
32
|
"require": "./dist/cjs/index.native.js"
|
|
32
33
|
},
|
|
33
34
|
"types": "./types/index.d.ts",
|
|
35
|
+
"module": "./dist/esm/index.mjs",
|
|
34
36
|
"import": "./dist/esm/index.mjs",
|
|
35
37
|
"require": "./dist/cjs/index.cjs",
|
|
36
38
|
"default": "./dist/cjs/index.native.js"
|
|
37
39
|
}
|
|
38
40
|
},
|
|
39
41
|
"dependencies": {
|
|
40
|
-
"@tamagui/constants": "1.
|
|
41
|
-
"@tamagui/create-context": "1.
|
|
42
|
-
"@tamagui/focusable": "1.
|
|
43
|
-
"@tamagui/font-size": "1.
|
|
44
|
-
"@tamagui/get-token": "1.
|
|
45
|
-
"@tamagui/group": "1.
|
|
46
|
-
"@tamagui/helpers": "1.
|
|
47
|
-
"@tamagui/helpers-tamagui": "1.
|
|
48
|
-
"@tamagui/roving-focus": "1.
|
|
49
|
-
"@tamagui/stacks": "1.
|
|
50
|
-
"@tamagui/use-controllable-state": "1.
|
|
51
|
-
"@tamagui/use-direction": "1.
|
|
52
|
-
"@tamagui/web": "1.
|
|
42
|
+
"@tamagui/constants": "1.142.0",
|
|
43
|
+
"@tamagui/create-context": "1.142.0",
|
|
44
|
+
"@tamagui/focusable": "1.142.0",
|
|
45
|
+
"@tamagui/font-size": "1.142.0",
|
|
46
|
+
"@tamagui/get-token": "1.142.0",
|
|
47
|
+
"@tamagui/group": "1.142.0",
|
|
48
|
+
"@tamagui/helpers": "1.142.0",
|
|
49
|
+
"@tamagui/helpers-tamagui": "1.142.0",
|
|
50
|
+
"@tamagui/roving-focus": "1.142.0",
|
|
51
|
+
"@tamagui/stacks": "1.142.0",
|
|
52
|
+
"@tamagui/use-controllable-state": "1.142.0",
|
|
53
|
+
"@tamagui/use-direction": "1.142.0",
|
|
54
|
+
"@tamagui/web": "1.142.0"
|
|
53
55
|
},
|
|
54
56
|
"devDependencies": {
|
|
55
|
-
"@tamagui/build": "1.
|
|
57
|
+
"@tamagui/build": "1.142.0",
|
|
56
58
|
"react": "*"
|
|
57
59
|
},
|
|
58
60
|
"publishConfig": {
|
package/src/Toggle.tsx
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { composeEventHandlers } from '@tamagui/helpers'
|
|
2
2
|
import { ThemeableStack } from '@tamagui/stacks'
|
|
3
3
|
import { useControllableState } from '@tamagui/use-controllable-state'
|
|
4
|
-
import type { GetProps } from '@tamagui/web'
|
|
4
|
+
import type { GetProps, TamaguiElement } from '@tamagui/web'
|
|
5
5
|
import { createStyledContext, styled, Text } from '@tamagui/web'
|
|
6
6
|
import * as React from 'react'
|
|
7
7
|
|
|
8
8
|
export const context = createStyledContext({
|
|
9
9
|
color: '',
|
|
10
|
+
toggledStyle: null as null | Record<string, any>,
|
|
10
11
|
})
|
|
11
12
|
|
|
12
13
|
/* -------------------------------------------------------------------------------------------------
|
|
@@ -15,10 +16,6 @@ export const context = createStyledContext({
|
|
|
15
16
|
|
|
16
17
|
const NAME = 'Toggle'
|
|
17
18
|
|
|
18
|
-
type TamaguiButtonElement = HTMLButtonElement
|
|
19
|
-
|
|
20
|
-
export type ToggleElement = TamaguiButtonElement
|
|
21
|
-
|
|
22
19
|
export const ToggleFrame = styled(ThemeableStack, {
|
|
23
20
|
name: NAME,
|
|
24
21
|
tag: 'button',
|
|
@@ -52,24 +49,24 @@ export const ToggleFrame = styled(ThemeableStack, {
|
|
|
52
49
|
},
|
|
53
50
|
},
|
|
54
51
|
|
|
55
|
-
color: {
|
|
56
|
-
'...color': () => {
|
|
57
|
-
return {}
|
|
58
|
-
},
|
|
59
|
-
},
|
|
60
|
-
|
|
61
52
|
active: {
|
|
62
|
-
true: {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
53
|
+
true: (_, { props, context }: any) => {
|
|
54
|
+
const toggledStyle = context?.toggledStyle
|
|
55
|
+
return {
|
|
56
|
+
zIndex: 1,
|
|
57
|
+
...(!props.unstyled &&
|
|
58
|
+
!toggledStyle && {
|
|
59
|
+
backgroundColor: '$background',
|
|
60
|
+
hoverStyle: {
|
|
61
|
+
backgroundColor: '$background',
|
|
62
|
+
},
|
|
63
|
+
focusStyle: {
|
|
64
|
+
backgroundColor: '$background',
|
|
65
|
+
borderColor: '$borderColor',
|
|
66
|
+
},
|
|
67
|
+
}),
|
|
68
|
+
...toggledStyle,
|
|
69
|
+
}
|
|
73
70
|
},
|
|
74
71
|
},
|
|
75
72
|
|
|
@@ -98,11 +95,12 @@ type ToggleItemExtraProps = {
|
|
|
98
95
|
pressed?: boolean
|
|
99
96
|
defaultPressed?: boolean
|
|
100
97
|
onPressedChange?(pressed: boolean): void
|
|
98
|
+
toggledStyle?: Record<string, any>
|
|
101
99
|
}
|
|
102
100
|
|
|
103
101
|
export type ToggleProps = ToggleFrameProps & ToggleItemExtraProps
|
|
104
102
|
|
|
105
|
-
export const Toggle = React.forwardRef<
|
|
103
|
+
export const Toggle = React.forwardRef<TamaguiElement, ToggleProps>(
|
|
106
104
|
function Toggle(props, forwardedRef) {
|
|
107
105
|
const {
|
|
108
106
|
pressed: pressedProp,
|
|
@@ -123,7 +121,7 @@ export const Toggle = React.forwardRef<ToggleElement, ToggleProps>(
|
|
|
123
121
|
theme: pressed ? 'active' : null,
|
|
124
122
|
themeShallow: true,
|
|
125
123
|
})}
|
|
126
|
-
active={
|
|
124
|
+
active={pressed}
|
|
127
125
|
aria-pressed={pressed}
|
|
128
126
|
data-state={pressed ? 'on' : 'off'}
|
|
129
127
|
data-disabled={props.disabled ? '' : undefined}
|
|
@@ -131,7 +129,7 @@ export const Toggle = React.forwardRef<ToggleElement, ToggleProps>(
|
|
|
131
129
|
ref={forwardedRef}
|
|
132
130
|
onPress={composeEventHandlers(props.onPress ?? undefined, () => {
|
|
133
131
|
if (!props.disabled) {
|
|
134
|
-
setPressed(!
|
|
132
|
+
setPressed((prev) => !prev)
|
|
135
133
|
}
|
|
136
134
|
})}
|
|
137
135
|
/>
|