@tamagui/toggle-group 2.0.0-1768741592663 → 2.0.0-1768781784925
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 +61 -61
- package/dist/cjs/Toggle.js +87 -80
- package/dist/cjs/Toggle.js.map +2 -2
- package/dist/cjs/Toggle.native.js +61 -61
- package/dist/cjs/Toggle.native.js.map +1 -1
- package/dist/cjs/ToggleGroup.cjs +44 -66
- package/dist/cjs/ToggleGroup.js +18 -32
- package/dist/cjs/ToggleGroup.js.map +1 -1
- package/dist/cjs/ToggleGroup.native.js +44 -71
- package/dist/cjs/ToggleGroup.native.js.map +1 -1
- package/dist/cjs/ToggleStylesBase.cjs +16 -0
- package/dist/cjs/ToggleStylesBase.js +14 -0
- package/dist/cjs/ToggleStylesBase.js.map +6 -0
- package/dist/cjs/ToggleStylesBase.native.js +19 -0
- package/dist/cjs/ToggleStylesBase.native.js.map +1 -0
- package/dist/cjs/context.cjs +31 -0
- package/dist/cjs/context.js +26 -0
- package/dist/cjs/context.js.map +6 -0
- package/dist/cjs/context.native.js +34 -0
- package/dist/cjs/context.native.js.map +1 -0
- package/dist/cjs/index.cjs +12 -2
- package/dist/cjs/index.js +8 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +11 -1
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +16 -0
- package/dist/cjs/types.js +14 -0
- package/dist/cjs/types.js.map +6 -0
- package/dist/cjs/types.native.js +19 -0
- package/dist/cjs/types.native.js.map +1 -0
- package/dist/cjs/useToggleGroupItem.cjs +27 -0
- package/dist/cjs/useToggleGroupItem.js +22 -0
- package/dist/cjs/useToggleGroupItem.js.map +6 -0
- package/dist/cjs/useToggleGroupItem.native.js +30 -0
- package/dist/cjs/useToggleGroupItem.native.js.map +1 -0
- package/dist/esm/Toggle.js +88 -81
- package/dist/esm/Toggle.js.map +2 -2
- package/dist/esm/Toggle.mjs +61 -60
- package/dist/esm/Toggle.mjs.map +1 -1
- package/dist/esm/Toggle.native.js +62 -61
- package/dist/esm/Toggle.native.js.map +1 -1
- package/dist/esm/ToggleGroup.js +21 -36
- package/dist/esm/ToggleGroup.js.map +1 -1
- package/dist/esm/ToggleGroup.mjs +44 -66
- package/dist/esm/ToggleGroup.mjs.map +1 -1
- package/dist/esm/ToggleGroup.native.js +44 -71
- package/dist/esm/ToggleGroup.native.js.map +1 -1
- package/dist/esm/ToggleStylesBase.js +1 -0
- package/dist/esm/ToggleStylesBase.js.map +6 -0
- package/dist/esm/ToggleStylesBase.mjs +2 -0
- package/dist/esm/ToggleStylesBase.mjs.map +1 -0
- package/dist/esm/ToggleStylesBase.native.js +2 -0
- package/dist/esm/ToggleStylesBase.native.js.map +1 -0
- package/dist/esm/context.js +10 -0
- package/dist/esm/context.js.map +6 -0
- package/dist/esm/context.mjs +8 -0
- package/dist/esm/context.mjs.map +1 -0
- package/dist/esm/context.native.js +8 -0
- package/dist/esm/context.native.js.map +1 -0
- package/dist/esm/index.js +4 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -0
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/types.js +1 -0
- package/dist/esm/types.js.map +6 -0
- package/dist/esm/types.mjs +2 -0
- package/dist/esm/types.mjs.map +1 -0
- package/dist/esm/types.native.js +2 -0
- package/dist/esm/types.native.js.map +1 -0
- package/dist/esm/useToggleGroupItem.js +6 -0
- package/dist/esm/useToggleGroupItem.js.map +6 -0
- package/dist/esm/useToggleGroupItem.mjs +4 -0
- package/dist/esm/useToggleGroupItem.mjs.map +1 -0
- package/dist/esm/useToggleGroupItem.native.js +4 -0
- package/dist/esm/useToggleGroupItem.native.js.map +1 -0
- package/dist/jsx/Toggle.js +88 -81
- package/dist/jsx/Toggle.js.map +2 -2
- package/dist/jsx/Toggle.mjs +61 -60
- package/dist/jsx/Toggle.mjs.map +1 -1
- package/dist/jsx/Toggle.native.js +61 -61
- package/dist/jsx/Toggle.native.js.map +1 -1
- package/dist/jsx/ToggleGroup.js +21 -36
- package/dist/jsx/ToggleGroup.js.map +1 -1
- package/dist/jsx/ToggleGroup.mjs +44 -66
- package/dist/jsx/ToggleGroup.mjs.map +1 -1
- package/dist/jsx/ToggleGroup.native.js +44 -71
- package/dist/jsx/ToggleGroup.native.js.map +1 -1
- package/dist/jsx/ToggleStylesBase.js +1 -0
- package/dist/jsx/ToggleStylesBase.js.map +6 -0
- package/dist/jsx/ToggleStylesBase.mjs +2 -0
- package/dist/jsx/ToggleStylesBase.mjs.map +1 -0
- package/dist/jsx/ToggleStylesBase.native.js +19 -0
- package/dist/jsx/ToggleStylesBase.native.js.map +1 -0
- package/dist/jsx/context.js +10 -0
- package/dist/jsx/context.js.map +6 -0
- package/dist/jsx/context.mjs +8 -0
- package/dist/jsx/context.mjs.map +1 -0
- package/dist/jsx/context.native.js +34 -0
- package/dist/jsx/context.native.js.map +1 -0
- package/dist/jsx/index.js +4 -0
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +2 -0
- package/dist/jsx/index.mjs.map +1 -1
- package/dist/jsx/index.native.js +11 -1
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/types.js +1 -0
- package/dist/jsx/types.js.map +6 -0
- package/dist/jsx/types.mjs +2 -0
- package/dist/jsx/types.mjs.map +1 -0
- package/dist/jsx/types.native.js +19 -0
- package/dist/jsx/types.native.js.map +1 -0
- package/dist/jsx/useToggleGroupItem.js +6 -0
- package/dist/jsx/useToggleGroupItem.js.map +6 -0
- package/dist/jsx/useToggleGroupItem.mjs +4 -0
- package/dist/jsx/useToggleGroupItem.mjs.map +1 -0
- package/dist/jsx/useToggleGroupItem.native.js +30 -0
- package/dist/jsx/useToggleGroupItem.native.js.map +1 -0
- package/package.json +16 -15
- package/src/Toggle.tsx +99 -93
- package/src/ToggleGroup.tsx +56 -94
- package/src/context.tsx +7 -0
- package/src/index.ts +1 -0
- package/src/types.tsx +3 -0
- package/src/useToggleGroupItem.ts +3 -0
- package/types/Toggle.d.ts +59 -81
- package/types/Toggle.d.ts.map +1 -1
- package/types/ToggleGroup.d.ts +123 -161
- package/types/ToggleGroup.d.ts.map +1 -1
- package/types/ToggleStylesBase.d.ts +5 -0
- package/types/ToggleStylesBase.d.ts.map +1 -0
- package/types/context.d.ts +7 -0
- package/types/context.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/types.d.ts +5 -0
- package/types/types.d.ts.map +1 -0
- package/types/useToggleGroupItem.d.ts +6 -0
- package/types/useToggleGroupItem.d.ts.map +1 -0
package/dist/cjs/ToggleGroup.cjs
CHANGED
|
@@ -36,17 +36,16 @@ __export(ToggleGroup_exports, {
|
|
|
36
36
|
module.exports = __toCommonJS(ToggleGroup_exports);
|
|
37
37
|
var import_constants = require("@tamagui/constants"),
|
|
38
38
|
import_focusable = require("@tamagui/focusable"),
|
|
39
|
-
import_font_size = require("@tamagui/font-size"),
|
|
40
|
-
import_get_token = require("@tamagui/get-token"),
|
|
41
39
|
import_group = require("@tamagui/group"),
|
|
42
40
|
import_helpers = require("@tamagui/helpers"),
|
|
43
|
-
import_helpers_tamagui = require("@tamagui/helpers-tamagui"),
|
|
44
41
|
import_roving_focus = require("@tamagui/roving-focus"),
|
|
42
|
+
import_sizable_context = require("@tamagui/sizable-context"),
|
|
45
43
|
import_use_controllable_state = require("@tamagui/use-controllable-state"),
|
|
46
44
|
import_use_direction = require("@tamagui/use-direction"),
|
|
47
45
|
import_web = require("@tamagui/web"),
|
|
48
46
|
import_react = __toESM(require("react"), 1),
|
|
49
47
|
import_Toggle = require("./Toggle.cjs"),
|
|
48
|
+
import_context = require("./context.cjs"),
|
|
50
49
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
51
50
|
const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
52
51
|
TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
|
|
@@ -57,17 +56,17 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
57
56
|
{
|
|
58
57
|
Provider: ToggleGroupContext,
|
|
59
58
|
useStyledContext: useToggleGroupContext
|
|
60
|
-
} = (0, import_web.createStyledContext)(
|
|
59
|
+
} = (0, import_web.createStyledContext)({
|
|
60
|
+
size: void 0
|
|
61
|
+
}),
|
|
61
62
|
ToggleGroupItem = import_Toggle.ToggleFrame.styleable((props, forwardedRef) => {
|
|
62
63
|
const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
63
64
|
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
64
|
-
toggleContext =
|
|
65
|
-
|
|
66
|
-
toggledStyle = props.toggledStyle || toggleContext.toggledStyle,
|
|
65
|
+
toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup),
|
|
66
|
+
active = valueContext?.value.includes(props.value),
|
|
67
67
|
color = props.color || toggleContext.color,
|
|
68
68
|
{
|
|
69
69
|
disablePassStyles,
|
|
70
|
-
toggledStyle: _,
|
|
71
70
|
...rest
|
|
72
71
|
} = props,
|
|
73
72
|
disabled = context.disabled || props.disabled || !1,
|
|
@@ -75,46 +74,26 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
75
74
|
disabled
|
|
76
75
|
}),
|
|
77
76
|
size = props.size ?? context.size,
|
|
78
|
-
sizeProps = props.unstyled ? {} : {
|
|
79
|
-
width: void 0,
|
|
80
|
-
height: void 0,
|
|
81
|
-
padding: (0, import_web.getVariableValue)(size) * 0.6
|
|
82
|
-
},
|
|
83
|
-
iconSize = (typeof size == "number" ? size * 0.7 : (0, import_font_size.getFontSize)(size)) * 1.2,
|
|
84
|
-
theme = (0, import_web.useTheme)(),
|
|
85
|
-
toggledColor = toggledStyle?.color,
|
|
86
|
-
getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
|
|
87
|
-
size: iconSize,
|
|
88
|
-
color: (pressed && toggledColor ? toggledColor : color) || theme.color
|
|
89
|
-
}),
|
|
90
|
-
children = import_react.default.Children.toArray(props.children).map(child => props.disablePassStyles || !import_react.default.isValidElement(child) ? child : import_react.default.cloneElement(getThemedIcon(child), {
|
|
91
|
-
active: pressed
|
|
92
|
-
})),
|
|
93
|
-
commonProps = {
|
|
94
|
-
pressed,
|
|
95
|
-
disabled,
|
|
96
|
-
...sizeProps,
|
|
97
|
-
...rest,
|
|
98
|
-
children,
|
|
99
|
-
toggledStyle
|
|
100
|
-
},
|
|
101
77
|
inner = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, {
|
|
102
|
-
...
|
|
78
|
+
...groupItemProps,
|
|
103
79
|
ref: forwardedRef,
|
|
80
|
+
size,
|
|
104
81
|
tabIndex: disabled ? -1 : 0,
|
|
82
|
+
...rest,
|
|
105
83
|
disabled,
|
|
106
|
-
|
|
84
|
+
active
|
|
107
85
|
});
|
|
108
86
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {
|
|
109
87
|
scope: props.__scopeToggleGroup,
|
|
110
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
88
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
|
|
89
|
+
size,
|
|
111
90
|
color,
|
|
112
|
-
|
|
91
|
+
active,
|
|
113
92
|
children: context.rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
|
|
114
93
|
asChild: "except-style",
|
|
115
94
|
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
116
95
|
focusable: !disabled,
|
|
117
|
-
active
|
|
96
|
+
active,
|
|
118
97
|
children: inner
|
|
119
98
|
}) : inner
|
|
120
99
|
})
|
|
@@ -136,7 +115,7 @@ const ToggleGroupItemImpl = import_react.default.forwardRef((props, forwardedRef
|
|
|
136
115
|
...typeProps,
|
|
137
116
|
...itemProps,
|
|
138
117
|
ref: forwardedRef,
|
|
139
|
-
|
|
118
|
+
onActiveChange: pressed => {
|
|
140
119
|
pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
|
|
141
120
|
}
|
|
142
121
|
});
|
|
@@ -248,7 +227,7 @@ const ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
|
248
227
|
unstyled = !1,
|
|
249
228
|
size: sizeProp = "$true",
|
|
250
229
|
sizeAdjust = 0,
|
|
251
|
-
|
|
230
|
+
activeStyle,
|
|
252
231
|
color,
|
|
253
232
|
...toggleGroupProps
|
|
254
233
|
} = props,
|
|
@@ -257,40 +236,39 @@ const ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
|
257
236
|
role: "group",
|
|
258
237
|
dir: direction,
|
|
259
238
|
...toggleGroupProps
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
asChild: "except-style",
|
|
275
|
-
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
276
|
-
orientation,
|
|
277
|
-
dir: direction,
|
|
278
|
-
loop,
|
|
279
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
280
|
-
"aria-orientation": orientation,
|
|
239
|
+
};
|
|
240
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sizable_context.SizableContext.Provider, {
|
|
241
|
+
size: sizeProp,
|
|
242
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupContext, {
|
|
243
|
+
scope: __scopeToggleGroup,
|
|
244
|
+
rovingFocus,
|
|
245
|
+
disabled,
|
|
246
|
+
size: sizeProp,
|
|
247
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
|
|
248
|
+
size: sizeProp,
|
|
249
|
+
color,
|
|
250
|
+
children: rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
|
|
251
|
+
asChild: "except-style",
|
|
252
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
281
253
|
orientation,
|
|
254
|
+
dir: direction,
|
|
255
|
+
loop,
|
|
256
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
257
|
+
"aria-orientation": orientation,
|
|
258
|
+
orientation,
|
|
259
|
+
ref: forwardedRef,
|
|
260
|
+
"data-disabled": disabled ? "" : void 0,
|
|
261
|
+
unstyled,
|
|
262
|
+
...commonProps
|
|
263
|
+
})
|
|
264
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
265
|
+
"aria-orientation": orientation,
|
|
282
266
|
ref: forwardedRef,
|
|
267
|
+
orientation,
|
|
283
268
|
"data-disabled": disabled ? "" : void 0,
|
|
284
269
|
unstyled,
|
|
285
270
|
...commonProps
|
|
286
271
|
})
|
|
287
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
288
|
-
"aria-orientation": orientation,
|
|
289
|
-
ref: forwardedRef,
|
|
290
|
-
orientation,
|
|
291
|
-
"data-disabled": disabled ? "" : void 0,
|
|
292
|
-
unstyled,
|
|
293
|
-
...commonProps
|
|
294
272
|
})
|
|
295
273
|
})
|
|
296
274
|
});
|
package/dist/cjs/ToggleGroup.js
CHANGED
|
@@ -25,40 +25,30 @@ __export(ToggleGroup_exports, {
|
|
|
25
25
|
ToggleGroup: () => ToggleGroup
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ToggleGroup_exports);
|
|
28
|
-
var import_constants = require("@tamagui/constants"), import_focusable = require("@tamagui/focusable"),
|
|
29
|
-
const TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)(
|
|
28
|
+
var import_constants = require("@tamagui/constants"), import_focusable = require("@tamagui/focusable"), import_group = require("@tamagui/group"), import_helpers = require("@tamagui/helpers"), import_roving_focus = require("@tamagui/roving-focus"), import_sizable_context = require("@tamagui/sizable-context"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), import_web = require("@tamagui/web"), import_react = __toESM(require("react"), 1), import_Toggle = require("./Toggle"), import_context = require("./context"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
|
+
const TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({
|
|
30
|
+
size: void 0
|
|
31
|
+
}), ToggleGroupItem = import_Toggle.ToggleFrame.styleable(
|
|
30
32
|
(props, forwardedRef) => {
|
|
31
|
-
const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), toggleContext =
|
|
32
|
-
width: void 0,
|
|
33
|
-
height: void 0,
|
|
34
|
-
padding: (0, import_web.getVariableValue)(size) * 0.6
|
|
35
|
-
}, iconSize = (typeof size == "number" ? size * 0.7 : (0, import_font_size.getFontSize)(size)) * 1.2, theme = (0, import_web.useTheme)(), toggledColor = toggledStyle?.color, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
|
|
36
|
-
size: iconSize,
|
|
37
|
-
color: (pressed && toggledColor ? toggledColor : color) || theme.color
|
|
38
|
-
}), children = import_react.default.Children.toArray(props.children).map((child) => props.disablePassStyles || !import_react.default.isValidElement(child) ? child : import_react.default.cloneElement(getThemedIcon(child), { active: pressed })), commonProps = {
|
|
39
|
-
pressed,
|
|
40
|
-
disabled,
|
|
41
|
-
...sizeProps,
|
|
42
|
-
...rest,
|
|
43
|
-
children,
|
|
44
|
-
toggledStyle
|
|
45
|
-
}, inner = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
33
|
+
const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup), active = valueContext?.value.includes(props.value), color = props.color || toggleContext.color, { disablePassStyles, ...rest } = props, disabled = context.disabled || props.disabled || !1, groupItemProps = (0, import_group.useGroupItem)({ disabled }), size = props.size ?? context.size, inner = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
46
34
|
ToggleGroupItemImpl,
|
|
47
35
|
{
|
|
48
|
-
...
|
|
36
|
+
...groupItemProps,
|
|
49
37
|
ref: forwardedRef,
|
|
38
|
+
size,
|
|
50
39
|
tabIndex: disabled ? -1 : 0,
|
|
40
|
+
...rest,
|
|
51
41
|
disabled,
|
|
52
|
-
|
|
42
|
+
active
|
|
53
43
|
}
|
|
54
44
|
);
|
|
55
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
45
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, { size, color, active, children: context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
56
46
|
import_roving_focus.RovingFocusGroup.Item,
|
|
57
47
|
{
|
|
58
48
|
asChild: "except-style",
|
|
59
49
|
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
60
50
|
focusable: !disabled,
|
|
61
|
-
active
|
|
51
|
+
active,
|
|
62
52
|
children: inner
|
|
63
53
|
}
|
|
64
54
|
) : inner }) });
|
|
@@ -75,7 +65,7 @@ const ToggleGroupItemImpl = import_react.default.forwardRef((props, forwardedRef
|
|
|
75
65
|
...typeProps,
|
|
76
66
|
...itemProps,
|
|
77
67
|
ref: forwardedRef,
|
|
78
|
-
|
|
68
|
+
onActiveChange: (pressed) => {
|
|
79
69
|
pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
|
|
80
70
|
}
|
|
81
71
|
}
|
|
@@ -191,26 +181,22 @@ const ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
|
191
181
|
unstyled = !1,
|
|
192
182
|
size: sizeProp = "$true",
|
|
193
183
|
sizeAdjust = 0,
|
|
194
|
-
|
|
184
|
+
activeStyle,
|
|
195
185
|
color,
|
|
196
186
|
...toggleGroupProps
|
|
197
187
|
} = props, direction = (0, import_use_direction.useDirection)(dir), commonProps = {
|
|
198
188
|
role: "group",
|
|
199
189
|
dir: direction,
|
|
200
190
|
...toggleGroupProps
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
shift: sizeAdjust
|
|
204
|
-
})
|
|
205
|
-
), size = Math.round(adjustedSize * 0.45);
|
|
206
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
191
|
+
};
|
|
192
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sizable_context.SizableContext.Provider, { size: sizeProp, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
207
193
|
ToggleGroupContext,
|
|
208
194
|
{
|
|
209
195
|
scope: __scopeToggleGroup,
|
|
210
196
|
rovingFocus,
|
|
211
197
|
disabled,
|
|
212
|
-
size,
|
|
213
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
198
|
+
size: sizeProp,
|
|
199
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, { size: sizeProp, color, children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
214
200
|
import_roving_focus.RovingFocusGroup,
|
|
215
201
|
{
|
|
216
202
|
asChild: "except-style",
|
|
@@ -242,6 +228,6 @@ const ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
|
242
228
|
}
|
|
243
229
|
) })
|
|
244
230
|
}
|
|
245
|
-
);
|
|
231
|
+
) });
|
|
246
232
|
});
|
|
247
233
|
//# sourceMappingURL=ToggleGroup.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToggleGroup.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BACtB,mBAAkC,+
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["ToggleContext", "React", "value"]
|
|
6
6
|
}
|
|
@@ -39,17 +39,16 @@ module.exports = __toCommonJS(ToggleGroup_exports);
|
|
|
39
39
|
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
40
40
|
import_constants = require("@tamagui/constants"),
|
|
41
41
|
import_focusable = require("@tamagui/focusable"),
|
|
42
|
-
import_font_size = require("@tamagui/font-size"),
|
|
43
|
-
import_get_token = require("@tamagui/get-token"),
|
|
44
42
|
import_group = require("@tamagui/group"),
|
|
45
43
|
import_helpers = require("@tamagui/helpers"),
|
|
46
|
-
import_helpers_tamagui = require("@tamagui/helpers-tamagui"),
|
|
47
44
|
import_roving_focus = require("@tamagui/roving-focus"),
|
|
45
|
+
import_sizable_context = require("@tamagui/sizable-context"),
|
|
48
46
|
import_use_controllable_state = require("@tamagui/use-controllable-state"),
|
|
49
47
|
import_use_direction = require("@tamagui/use-direction"),
|
|
50
48
|
import_web = require("@tamagui/web"),
|
|
51
49
|
import_react = __toESM(require("react"), 1),
|
|
52
50
|
import_Toggle = require("./Toggle.native.js"),
|
|
51
|
+
import_context = require("./context.native.js"),
|
|
53
52
|
TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
54
53
|
TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
|
|
55
54
|
TOGGLE_GROUP_CONTEXT = "ToggleGroup",
|
|
@@ -59,17 +58,17 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
59
58
|
{
|
|
60
59
|
Provider: ToggleGroupContext,
|
|
61
60
|
useStyledContext: useToggleGroupContext
|
|
62
|
-
} = (0, import_web.createStyledContext)(
|
|
61
|
+
} = (0, import_web.createStyledContext)({
|
|
62
|
+
size: void 0
|
|
63
|
+
}),
|
|
63
64
|
ToggleGroupItem = import_Toggle.ToggleFrame.styleable(function (props, forwardedRef) {
|
|
64
65
|
var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
65
66
|
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
66
|
-
toggleContext =
|
|
67
|
-
|
|
68
|
-
toggledStyle = props.toggledStyle || toggleContext.toggledStyle,
|
|
67
|
+
toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup),
|
|
68
|
+
active = valueContext?.value.includes(props.value),
|
|
69
69
|
color = props.color || toggleContext.color,
|
|
70
70
|
{
|
|
71
71
|
disablePassStyles,
|
|
72
|
-
toggledStyle: _,
|
|
73
72
|
...rest
|
|
74
73
|
} = props,
|
|
75
74
|
disabled = context.disabled || props.disabled || !1,
|
|
@@ -78,51 +77,27 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
78
77
|
}),
|
|
79
78
|
_props_size,
|
|
80
79
|
size = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size,
|
|
81
|
-
sizeProps = props.unstyled ? {} : {
|
|
82
|
-
width: void 0,
|
|
83
|
-
height: void 0,
|
|
84
|
-
padding: (0, import_web.getVariableValue)(size) * 0.6
|
|
85
|
-
},
|
|
86
|
-
iconSize = (typeof size == "number" ? size * 0.7 : (0, import_font_size.getFontSize)(size)) * 1.2,
|
|
87
|
-
theme = (0, import_web.useTheme)(),
|
|
88
|
-
toggledColor = toggledStyle?.color,
|
|
89
|
-
activeColor = pressed && toggledColor ? toggledColor : color,
|
|
90
|
-
getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
|
|
91
|
-
size: iconSize,
|
|
92
|
-
color: activeColor || theme.color
|
|
93
|
-
}),
|
|
94
|
-
childrens = import_react.default.Children.toArray(props.children),
|
|
95
|
-
children = childrens.map(function (child) {
|
|
96
|
-
return props.disablePassStyles || ! /* @__PURE__ */import_react.default.isValidElement(child) ? child : /* @__PURE__ */import_react.default.cloneElement(getThemedIcon(child), {
|
|
97
|
-
active: pressed
|
|
98
|
-
});
|
|
99
|
-
}),
|
|
100
|
-
commonProps = {
|
|
101
|
-
pressed,
|
|
102
|
-
disabled,
|
|
103
|
-
...sizeProps,
|
|
104
|
-
...rest,
|
|
105
|
-
children,
|
|
106
|
-
toggledStyle
|
|
107
|
-
},
|
|
108
80
|
inner = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, {
|
|
109
|
-
...
|
|
81
|
+
...groupItemProps,
|
|
110
82
|
ref: forwardedRef,
|
|
83
|
+
size,
|
|
111
84
|
// focusable={!disabled}
|
|
112
85
|
tabIndex: disabled ? -1 : 0,
|
|
86
|
+
...rest,
|
|
113
87
|
disabled,
|
|
114
|
-
|
|
88
|
+
active
|
|
115
89
|
});
|
|
116
90
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {
|
|
117
91
|
scope: props.__scopeToggleGroup,
|
|
118
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
92
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
|
|
93
|
+
size,
|
|
119
94
|
color,
|
|
120
|
-
|
|
95
|
+
active,
|
|
121
96
|
children: context.rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
|
|
122
97
|
asChild: "except-style",
|
|
123
98
|
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
124
99
|
focusable: !disabled,
|
|
125
|
-
active
|
|
100
|
+
active,
|
|
126
101
|
children: inner
|
|
127
102
|
}) : inner
|
|
128
103
|
})
|
|
@@ -144,7 +119,7 @@ var ToggleGroupItemImpl = /* @__PURE__ */import_react.default.forwardRef(functio
|
|
|
144
119
|
...typeProps,
|
|
145
120
|
...itemProps,
|
|
146
121
|
ref: forwardedRef,
|
|
147
|
-
|
|
122
|
+
onActiveChange: function (pressed) {
|
|
148
123
|
pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
|
|
149
124
|
}
|
|
150
125
|
});
|
|
@@ -276,7 +251,7 @@ var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
|
276
251
|
unstyled = !1,
|
|
277
252
|
size: sizeProp = "$true",
|
|
278
253
|
sizeAdjust = 0,
|
|
279
|
-
|
|
254
|
+
activeStyle,
|
|
280
255
|
color,
|
|
281
256
|
...toggleGroupProps
|
|
282
257
|
} = props,
|
|
@@ -285,41 +260,39 @@ var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
|
285
260
|
role: "group",
|
|
286
261
|
dir: direction,
|
|
287
262
|
...toggleGroupProps
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
asChild: "except-style",
|
|
303
|
-
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
304
|
-
orientation,
|
|
305
|
-
dir: direction,
|
|
306
|
-
loop,
|
|
307
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
308
|
-
"aria-orientation": orientation,
|
|
263
|
+
};
|
|
264
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sizable_context.SizableContext.Provider, {
|
|
265
|
+
size: sizeProp,
|
|
266
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupContext, {
|
|
267
|
+
scope: __scopeToggleGroup,
|
|
268
|
+
rovingFocus,
|
|
269
|
+
disabled,
|
|
270
|
+
size: sizeProp,
|
|
271
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
|
|
272
|
+
size: sizeProp,
|
|
273
|
+
color,
|
|
274
|
+
children: rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
|
|
275
|
+
asChild: "except-style",
|
|
276
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
309
277
|
orientation,
|
|
310
|
-
|
|
278
|
+
dir: direction,
|
|
279
|
+
loop,
|
|
280
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
281
|
+
"aria-orientation": orientation,
|
|
282
|
+
orientation,
|
|
283
|
+
ref: forwardedRef,
|
|
284
|
+
"data-disabled": disabled ? "" : void 0,
|
|
285
|
+
unstyled,
|
|
286
|
+
...commonProps
|
|
287
|
+
})
|
|
288
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
289
|
+
"aria-orientation": orientation,
|
|
311
290
|
ref: forwardedRef,
|
|
291
|
+
orientation,
|
|
312
292
|
"data-disabled": disabled ? "" : void 0,
|
|
313
293
|
unstyled,
|
|
314
294
|
...commonProps
|
|
315
295
|
})
|
|
316
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
|
|
317
|
-
"aria-orientation": orientation,
|
|
318
|
-
ref: forwardedRef,
|
|
319
|
-
orientation,
|
|
320
|
-
"data-disabled": disabled ? "" : void 0,
|
|
321
|
-
unstyled,
|
|
322
|
-
...commonProps
|
|
323
296
|
})
|
|
324
297
|
})
|
|
325
298
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroup_exports","__export","ToggleGroup","module","exports","import_jsx_runtime","require","import_constants","import_focusable","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroup_exports","__export","ToggleGroup","module","exports","import_jsx_runtime","require","import_constants","import_focusable","import_group","import_helpers","import_roving_focus","import_sizable_context","import_use_controllable_state","import_use_direction","import_web","import_react","__toESM","import_Toggle","import_context","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","createStyledContext","ToggleGroupContext","useStyledContext","useToggleGroupContext","size","ToggleGroupItem","ToggleFrame","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","toggleContext","active","includes","color","disablePassStyles","rest","disabled","groupItemProps","useGroupItem","_props_size","inner","jsx","ToggleGroupItemImpl","ref","tabIndex","scope","children","rovingFocus","RovingFocusGroup","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","default","forwardRef","itemProps","singleProps","typeProps","type","Toggle","onActiveChange","pressed","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","name","variants","unstyled","false","backgroundColor","defaultVariants","process","env","TAMAGUI_HEADLESS","orientation","dir","loop","sizeProp","sizeAdjust","activeStyle","direction","useDirection","commonProps","role","SizableContext"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
7
|
+
get: () => from[key],
|
|
8
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
9
|
+
});
|
|
10
|
+
return to;
|
|
11
|
+
};
|
|
12
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
13
|
+
value: !0
|
|
14
|
+
}), mod);
|
|
15
|
+
var ToggleStylesBase_exports = {};
|
|
16
|
+
module.exports = __toCommonJS(ToggleStylesBase_exports);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
7
|
+
for (let key of __getOwnPropNames(from))
|
|
8
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
9
|
+
return to;
|
|
10
|
+
};
|
|
11
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
12
|
+
var ToggleStylesBase_exports = {};
|
|
13
|
+
module.exports = __toCommonJS(ToggleStylesBase_exports);
|
|
14
|
+
//# sourceMappingURL=ToggleStylesBase.js.map
|