@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","useTheme","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","pressed","value","includes","toggledStyle","color","disablePassStyles","_","rest","disabled","groupItemProps","_props_size","size","sizeProps","unstyled","width","height","padding","iconSize","theme","toggledColor","activeColor","getThemedIcon","childrens","Children","toArray","children","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","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","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":[]}
|
package/dist/jsx/Toggle.js
CHANGED
|
@@ -5,7 +5,8 @@ import { createStyledContext, styled } from "@tamagui/web";
|
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
const context = createStyledContext({
|
|
8
|
-
color: ""
|
|
8
|
+
color: "",
|
|
9
|
+
toggledStyle: null
|
|
9
10
|
}), NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
|
|
10
11
|
name: NAME,
|
|
11
12
|
tag: "button",
|
|
@@ -37,19 +38,23 @@ const context = createStyledContext({
|
|
|
37
38
|
}
|
|
38
39
|
}
|
|
39
40
|
},
|
|
40
|
-
color: {
|
|
41
|
-
"...color": () => ({})
|
|
42
|
-
},
|
|
43
41
|
active: {
|
|
44
|
-
true: {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
42
|
+
true: (_, { props, context: context2 }) => {
|
|
43
|
+
const toggledStyle = context2?.toggledStyle;
|
|
44
|
+
return {
|
|
45
|
+
zIndex: 1,
|
|
46
|
+
...!props.unstyled && !toggledStyle && {
|
|
47
|
+
backgroundColor: "$background",
|
|
48
|
+
hoverStyle: {
|
|
49
|
+
backgroundColor: "$background"
|
|
50
|
+
},
|
|
51
|
+
focusStyle: {
|
|
52
|
+
backgroundColor: "$background",
|
|
53
|
+
borderColor: "$borderColor"
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
...toggledStyle
|
|
57
|
+
};
|
|
53
58
|
}
|
|
54
59
|
},
|
|
55
60
|
orientation: {
|
|
@@ -85,14 +90,14 @@ const context = createStyledContext({
|
|
|
85
90
|
theme: pressed ? "active" : null,
|
|
86
91
|
themeShallow: !0
|
|
87
92
|
},
|
|
88
|
-
active:
|
|
93
|
+
active: pressed,
|
|
89
94
|
"aria-pressed": pressed,
|
|
90
95
|
"data-state": pressed ? "on" : "off",
|
|
91
96
|
"data-disabled": props.disabled ? "" : void 0,
|
|
92
97
|
...buttonProps,
|
|
93
98
|
ref: forwardedRef,
|
|
94
99
|
onPress: composeEventHandlers(props.onPress ?? void 0, () => {
|
|
95
|
-
props.disabled || setPressed(!
|
|
100
|
+
props.disabled || setPressed((prev) => !prev);
|
|
96
101
|
})
|
|
97
102
|
}
|
|
98
103
|
);
|
package/dist/jsx/Toggle.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Toggle.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAErC,SAAS,qBAAqB,cAAoB;AAClD,YAAY,WAAW;
|
|
5
|
-
"names": []
|
|
4
|
+
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAErC,SAAS,qBAAqB,cAAoB;AAClD,YAAY,WAAW;AAiHjB;AA/GC,MAAM,UAAU,oBAAoB;AAAA,EACzC,OAAO;AAAA,EACP,cAAc;AAChB,CAAC,GAMK,OAAO,UAEA,cAAc,OAAO,gBAAgB;AAAA,EAChD,MAAM;AAAA,EACN,KAAK;AAAA,EACL;AAAA,EAEA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,QACf;AAAA,QACA,mBAAmB;AAAA,UACjB,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,GAAG,EAAE,OAAO,SAAAA,SAAQ,MAAW;AACpC,cAAM,eAAeA,UAAS;AAC9B,eAAO;AAAA,UACL,QAAQ;AAAA,UACR,GAAI,CAAC,MAAM,YACT,CAAC,gBAAgB;AAAA,YACf,iBAAiB;AAAA,YACjB,YAAY;AAAA,cACV,iBAAiB;AAAA,YACnB;AAAA,YACA,YAAY;AAAA,cACV,iBAAiB;AAAA,cACjB,aAAa;AAAA,YACf;AAAA,UACF;AAAA,UACF,GAAG;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAAA,IAEA,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAeY,SAAS,MAAM;AAAA,EAC1B,SAAgB,OAAO,cAAc;AACnC,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,UAAU,IAAO,UAAU,IAAI,qBAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAI,CAAC,MAAM,YAAY;AAAA,UACtB,OAAO,UAAU,WAAW;AAAA,UAC5B,cAAc;AAAA,QAChB;AAAA,QACA,QAAQ;AAAA,QACR,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,WAAW,QAAW,MAAM;AAC9D,UAAK,MAAM,YACT,WAAW,CAAC,SAAS,CAAC,IAAI;AAAA,QAE9B,CAAC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;",
|
|
5
|
+
"names": ["context"]
|
|
6
6
|
}
|
package/dist/jsx/Toggle.mjs
CHANGED
|
@@ -5,7 +5,8 @@ import { createStyledContext, styled } from "@tamagui/web";
|
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
const context = createStyledContext({
|
|
8
|
-
color: ""
|
|
8
|
+
color: "",
|
|
9
|
+
toggledStyle: null
|
|
9
10
|
}),
|
|
10
11
|
NAME = "Toggle",
|
|
11
12
|
ToggleFrame = styled(ThemeableStack, {
|
|
@@ -39,19 +40,26 @@ const context = createStyledContext({
|
|
|
39
40
|
}
|
|
40
41
|
}
|
|
41
42
|
},
|
|
42
|
-
color: {
|
|
43
|
-
"...color": () => ({})
|
|
44
|
-
},
|
|
45
43
|
active: {
|
|
46
|
-
true: {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
44
|
+
true: (_, {
|
|
45
|
+
props,
|
|
46
|
+
context: context2
|
|
47
|
+
}) => {
|
|
48
|
+
const toggledStyle = context2?.toggledStyle;
|
|
49
|
+
return {
|
|
50
|
+
zIndex: 1,
|
|
51
|
+
...(!props.unstyled && !toggledStyle && {
|
|
52
|
+
backgroundColor: "$background",
|
|
53
|
+
hoverStyle: {
|
|
54
|
+
backgroundColor: "$background"
|
|
55
|
+
},
|
|
56
|
+
focusStyle: {
|
|
57
|
+
backgroundColor: "$background",
|
|
58
|
+
borderColor: "$borderColor"
|
|
59
|
+
}
|
|
60
|
+
}),
|
|
61
|
+
...toggledStyle
|
|
62
|
+
};
|
|
55
63
|
}
|
|
56
64
|
},
|
|
57
65
|
orientation: {
|
|
@@ -86,14 +94,14 @@ const context = createStyledContext({
|
|
|
86
94
|
theme: pressed ? "active" : null,
|
|
87
95
|
themeShallow: !0
|
|
88
96
|
}),
|
|
89
|
-
active:
|
|
97
|
+
active: pressed,
|
|
90
98
|
"aria-pressed": pressed,
|
|
91
99
|
"data-state": pressed ? "on" : "off",
|
|
92
100
|
"data-disabled": props.disabled ? "" : void 0,
|
|
93
101
|
...buttonProps,
|
|
94
102
|
ref: forwardedRef,
|
|
95
103
|
onPress: composeEventHandlers(props.onPress ?? void 0, () => {
|
|
96
|
-
props.disabled || setPressed(!
|
|
104
|
+
props.disabled || setPressed(prev => !prev);
|
|
97
105
|
})
|
|
98
106
|
});
|
|
99
107
|
});
|
package/dist/jsx/Toggle.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","jsx","context","color","NAME","ToggleFrame","name","tag","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","
|
|
1
|
+
{"version":3,"names":["composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","jsx","context","color","toggledStyle","NAME","ToggleFrame","name","tag","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","active","true","_","props","context2","zIndex","orientation","horizontal","flexDirection","spaceDirection","vertical","defaultVariants","process","env","TAMAGUI_HEADLESS","Toggle","forwardRef","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","theme","themeShallow","disabled","ref","onPress","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -45,7 +45,8 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
45
45
|
import_web = require("@tamagui/web"),
|
|
46
46
|
React = __toESM(require("react"), 1),
|
|
47
47
|
context = (0, import_web.createStyledContext)({
|
|
48
|
-
color: ""
|
|
48
|
+
color: "",
|
|
49
|
+
toggledStyle: null
|
|
49
50
|
}),
|
|
50
51
|
NAME = "Toggle",
|
|
51
52
|
ToggleFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
@@ -79,21 +80,27 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
79
80
|
}
|
|
80
81
|
}
|
|
81
82
|
},
|
|
82
|
-
color: {
|
|
83
|
-
"...color": function () {
|
|
84
|
-
return {};
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
83
|
active: {
|
|
88
|
-
true: {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
84
|
+
true: function (_, param) {
|
|
85
|
+
var {
|
|
86
|
+
props,
|
|
87
|
+
context: context2
|
|
88
|
+
} = param,
|
|
89
|
+
toggledStyle = context2?.toggledStyle;
|
|
90
|
+
return {
|
|
91
|
+
zIndex: 1,
|
|
92
|
+
...(!props.unstyled && !toggledStyle && {
|
|
93
|
+
backgroundColor: "$background",
|
|
94
|
+
hoverStyle: {
|
|
95
|
+
backgroundColor: "$background"
|
|
96
|
+
},
|
|
97
|
+
focusStyle: {
|
|
98
|
+
backgroundColor: "$background",
|
|
99
|
+
borderColor: "$borderColor"
|
|
100
|
+
}
|
|
101
|
+
}),
|
|
102
|
+
...toggledStyle
|
|
103
|
+
};
|
|
97
104
|
}
|
|
98
105
|
},
|
|
99
106
|
orientation: {
|
|
@@ -129,14 +136,16 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
129
136
|
theme: pressed ? "active" : null,
|
|
130
137
|
themeShallow: !0
|
|
131
138
|
}),
|
|
132
|
-
active:
|
|
139
|
+
active: pressed,
|
|
133
140
|
"aria-pressed": pressed,
|
|
134
141
|
"data-state": pressed ? "on" : "off",
|
|
135
142
|
"data-disabled": props.disabled ? "" : void 0,
|
|
136
143
|
...buttonProps,
|
|
137
144
|
ref: forwardedRef,
|
|
138
145
|
onPress: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
|
|
139
|
-
props.disabled || setPressed(
|
|
146
|
+
props.disabled || setPressed(function (prev) {
|
|
147
|
+
return !prev;
|
|
148
|
+
});
|
|
140
149
|
})
|
|
141
150
|
});
|
|
142
151
|
});
|
|
@@ -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","Toggle_exports","Toggle","ToggleFrame","context","module","exports","import_jsx_runtime","require","import_helpers","import_stacks","import_use_controllable_state","import_web","React","createStyledContext","color","NAME","styled","ThemeableStack","tag","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","
|
|
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","Toggle_exports","Toggle","ToggleFrame","context","module","exports","import_jsx_runtime","require","import_helpers","import_stacks","import_use_controllable_state","import_web","React","createStyledContext","color","toggledStyle","NAME","styled","ThemeableStack","tag","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","active","true","_","param","props","context2","zIndex","orientation","horizontal","flexDirection","spaceDirection","vertical","defaultVariants","process","env","TAMAGUI_HEADLESS","forwardRef","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","useControllableState","prop","onChange","defaultProp","_props_onPress","jsx"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/jsx/ToggleGroup.js
CHANGED
|
@@ -8,48 +8,40 @@ 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 {
|
|
12
|
-
createStyledContext,
|
|
13
|
-
getVariableValue,
|
|
14
|
-
styled,
|
|
15
|
-
usePropsAndStyle,
|
|
16
|
-
useTheme
|
|
17
|
-
} from "@tamagui/web";
|
|
11
|
+
import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
|
|
18
12
|
import React from "react";
|
|
19
|
-
import { Toggle, ToggleFrame } from "./Toggle";
|
|
13
|
+
import { Toggle, ToggleFrame, context as ToggleContext } from "./Toggle";
|
|
20
14
|
import { jsx } from "react/jsx-runtime";
|
|
21
|
-
const TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider
|
|
22
|
-
|
|
23
|
-
(props,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
)
|
|
15
|
+
const TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider } = createStyledContext(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext(), ToggleGroupItem = ToggleFrame.styleable(
|
|
16
|
+
(props, forwardedRef) => {
|
|
17
|
+
const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup), pressed = valueContext?.value.includes(props.value), toggledStyle = props.toggledStyle || toggleContext.toggledStyle, color = props.color || toggleContext.color, { disablePassStyles, toggledStyle: _, ...rest } = props, disabled = context.disabled || props.disabled || !1, groupItemProps = useGroupItem({ disabled }), size = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
|
|
18
|
+
width: void 0,
|
|
19
|
+
height: void 0,
|
|
20
|
+
padding: getVariableValue(size) * 0.6
|
|
21
|
+
}, iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2, theme = useTheme(), toggledColor = toggledStyle?.color, getThemedIcon = useGetThemedIcon({
|
|
22
|
+
size: iconSize,
|
|
23
|
+
color: (pressed && toggledColor ? toggledColor : color) || theme.color
|
|
24
|
+
}), children = React.Children.toArray(props.children).map((child) => props.disablePassStyles || !React.isValidElement(child) ? child : React.cloneElement(getThemedIcon(child), { active: pressed })), commonProps = { pressed, disabled, ...sizeProps, ...rest, children }, inner = /* @__PURE__ */ jsx(
|
|
25
|
+
ToggleGroupItemImpl,
|
|
26
|
+
{
|
|
27
|
+
...commonProps,
|
|
28
|
+
ref: forwardedRef,
|
|
29
|
+
tabIndex: disabled ? -1 : 0,
|
|
30
|
+
disabled,
|
|
31
|
+
...groupItemProps
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, toggledStyle, children: context.rovingFocus ? /* @__PURE__ */ jsx(
|
|
35
|
+
RovingFocusGroup.Item,
|
|
36
|
+
{
|
|
37
|
+
asChild: "except-style",
|
|
38
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
39
|
+
focusable: !disabled,
|
|
40
|
+
active: pressed,
|
|
41
|
+
children: inner
|
|
42
|
+
}
|
|
43
|
+
) : inner }) });
|
|
44
|
+
}
|
|
53
45
|
);
|
|
54
46
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
55
47
|
const ToggleGroupItemImpl = React.forwardRef((props, forwardedRef) => {
|
|
@@ -177,73 +169,70 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
177
169
|
defaultVariants: {
|
|
178
170
|
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
179
171
|
}
|
|
180
|
-
}), ToggleGroupImpl = ToggleGroupImplElementFrame.
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
172
|
+
}), ToggleGroupImpl = ToggleGroupImplElementFrame.styleable((props, forwardedRef) => {
|
|
173
|
+
const {
|
|
174
|
+
__scopeToggleGroup,
|
|
175
|
+
disabled = !1,
|
|
176
|
+
orientation = "horizontal",
|
|
177
|
+
dir,
|
|
178
|
+
rovingFocus = !0,
|
|
179
|
+
loop = !0,
|
|
180
|
+
unstyled = !1,
|
|
181
|
+
size: sizeProp = "$true",
|
|
182
|
+
sizeAdjust = 0,
|
|
183
|
+
toggledStyle,
|
|
184
|
+
color,
|
|
185
|
+
...toggleGroupProps
|
|
186
|
+
} = props, direction = useDirection(dir), commonProps = {
|
|
187
|
+
role: "group",
|
|
188
|
+
dir: direction,
|
|
189
|
+
...toggleGroupProps
|
|
190
|
+
}, adjustedSize = getVariableValue(
|
|
191
|
+
getSize(sizeProp, {
|
|
192
|
+
shift: sizeAdjust
|
|
193
|
+
})
|
|
194
|
+
), size = Math.round(adjustedSize * 0.45);
|
|
195
|
+
return /* @__PURE__ */ jsx(
|
|
196
|
+
ToggleGroupContext,
|
|
197
|
+
{
|
|
198
|
+
scope: __scopeToggleGroup,
|
|
199
|
+
rovingFocus,
|
|
200
|
+
disabled,
|
|
201
|
+
size,
|
|
202
|
+
children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, toggledStyle, children: rovingFocus ? /* @__PURE__ */ jsx(
|
|
203
|
+
RovingFocusGroup,
|
|
205
204
|
{
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
{
|
|
213
|
-
asChild: "except-style",
|
|
214
|
-
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
215
|
-
orientation,
|
|
216
|
-
dir: direction,
|
|
217
|
-
loop,
|
|
218
|
-
children: /* @__PURE__ */ jsx(
|
|
219
|
-
ToggleGroupImplElementFrame,
|
|
220
|
-
{
|
|
221
|
-
"aria-orientation": orientation,
|
|
222
|
-
orientation,
|
|
223
|
-
axis: orientation,
|
|
224
|
-
ref: forwardedRef,
|
|
225
|
-
"data-disabled": disabled ? "" : void 0,
|
|
226
|
-
unstyled,
|
|
227
|
-
...commonProps
|
|
228
|
-
}
|
|
229
|
-
)
|
|
230
|
-
}
|
|
231
|
-
) : /* @__PURE__ */ jsx(
|
|
205
|
+
asChild: "except-style",
|
|
206
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
207
|
+
orientation,
|
|
208
|
+
dir: direction,
|
|
209
|
+
loop,
|
|
210
|
+
children: /* @__PURE__ */ jsx(
|
|
232
211
|
ToggleGroupImplElementFrame,
|
|
233
212
|
{
|
|
234
213
|
"aria-orientation": orientation,
|
|
235
|
-
ref: forwardedRef,
|
|
236
214
|
orientation,
|
|
215
|
+
ref: forwardedRef,
|
|
237
216
|
"data-disabled": disabled ? "" : void 0,
|
|
238
217
|
unstyled,
|
|
239
218
|
...commonProps
|
|
240
219
|
}
|
|
241
220
|
)
|
|
242
221
|
}
|
|
243
|
-
)
|
|
222
|
+
) : /* @__PURE__ */ jsx(
|
|
223
|
+
ToggleGroupImplElementFrame,
|
|
224
|
+
{
|
|
225
|
+
"aria-orientation": orientation,
|
|
226
|
+
ref: forwardedRef,
|
|
227
|
+
orientation,
|
|
228
|
+
"data-disabled": disabled ? "" : void 0,
|
|
229
|
+
unstyled,
|
|
230
|
+
...commonProps
|
|
231
|
+
}
|
|
232
|
+
) })
|
|
244
233
|
}
|
|
245
|
-
)
|
|
246
|
-
);
|
|
234
|
+
);
|
|
235
|
+
});
|
|
247
236
|
export {
|
|
248
237
|
ToggleGroup
|
|
249
238
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToggleGroup.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAExB,SAAS,OAAO,oBAAoB;AACpC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["value"]
|
|
6
6
|
}
|