@tamagui/toggle-group 2.0.0-1768024799864 → 2.0.0-1768247234371
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 +24 -15
- package/dist/cjs/Toggle.js +21 -15
- package/dist/cjs/Toggle.js.map +2 -2
- package/dist/cjs/Toggle.native.js +28 -16
- package/dist/cjs/Toggle.native.js.map +1 -1
- package/dist/cjs/ToggleGroup.cjs +43 -30
- package/dist/cjs/ToggleGroup.js +41 -30
- package/dist/cjs/ToggleGroup.js.map +2 -2
- package/dist/cjs/ToggleGroup.native.js +45 -31
- package/dist/cjs/ToggleGroup.native.js.map +1 -1
- package/dist/esm/Toggle.js +21 -15
- package/dist/esm/Toggle.js.map +2 -2
- package/dist/esm/Toggle.mjs +24 -15
- package/dist/esm/Toggle.mjs.map +1 -1
- package/dist/esm/Toggle.native.js +28 -16
- package/dist/esm/Toggle.native.js.map +1 -1
- package/dist/esm/ToggleGroup.js +43 -38
- package/dist/esm/ToggleGroup.js.map +1 -1
- package/dist/esm/ToggleGroup.mjs +45 -32
- package/dist/esm/ToggleGroup.mjs.map +1 -1
- package/dist/esm/ToggleGroup.native.js +47 -33
- package/dist/esm/ToggleGroup.native.js.map +1 -1
- package/dist/jsx/Toggle.js +21 -15
- package/dist/jsx/Toggle.js.map +2 -2
- package/dist/jsx/Toggle.mjs +24 -15
- package/dist/jsx/Toggle.mjs.map +1 -1
- package/dist/jsx/Toggle.native.js +28 -16
- package/dist/jsx/Toggle.native.js.map +1 -1
- package/dist/jsx/ToggleGroup.js +43 -38
- package/dist/jsx/ToggleGroup.js.map +1 -1
- package/dist/jsx/ToggleGroup.mjs +45 -32
- package/dist/jsx/ToggleGroup.mjs.map +1 -1
- package/dist/jsx/ToggleGroup.native.js +45 -31
- package/dist/jsx/ToggleGroup.native.js.map +1 -1
- package/package.json +15 -15
- package/src/Toggle.tsx +25 -19
- package/src/ToggleGroup.tsx +107 -93
- package/types/Toggle.d.ts +18 -13
- package/types/Toggle.d.ts.map +1 -1
- package/types/ToggleGroup.d.ts +177 -2
- package/types/ToggleGroup.d.ts.map +1 -1
|
@@ -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","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","__toESM","import_Toggle","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","createStyledContext","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","ToggleFrame","styleable","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","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","name","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":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroup_exports","__export","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","__toESM","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","name","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/dist/esm/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,24 @@ const context = createStyledContext({
|
|
|
37
38
|
}
|
|
38
39
|
}
|
|
39
40
|
},
|
|
40
|
-
|
|
41
|
-
"...color": () => ({})
|
|
42
|
-
},
|
|
41
|
+
toggledStyle: (val) => ({}),
|
|
43
42
|
active: {
|
|
44
|
-
true: {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
true: (_, { props, context: context2 }) => {
|
|
44
|
+
const toggledStyle = props.toggledStyle || context2?.toggledStyle;
|
|
45
|
+
return {
|
|
46
|
+
zIndex: 1,
|
|
47
|
+
...!props.unstyled && !toggledStyle && {
|
|
48
|
+
backgroundColor: "$background",
|
|
49
|
+
hoverStyle: {
|
|
50
|
+
backgroundColor: "$background"
|
|
51
|
+
},
|
|
52
|
+
focusStyle: {
|
|
53
|
+
backgroundColor: "$background",
|
|
54
|
+
borderColor: "$borderColor"
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
...toggledStyle
|
|
58
|
+
};
|
|
53
59
|
}
|
|
54
60
|
},
|
|
55
61
|
orientation: {
|
|
@@ -85,14 +91,14 @@ const context = createStyledContext({
|
|
|
85
91
|
theme: pressed ? "accent" : null,
|
|
86
92
|
themeShallow: !0
|
|
87
93
|
},
|
|
88
|
-
active:
|
|
94
|
+
active: pressed,
|
|
89
95
|
"aria-pressed": pressed,
|
|
90
96
|
"data-state": pressed ? "on" : "off",
|
|
91
97
|
"data-disabled": props.disabled ? "" : void 0,
|
|
92
98
|
...buttonProps,
|
|
93
99
|
ref: forwardedRef,
|
|
94
100
|
onPress: composeEventHandlers(props.onPress ?? void 0, () => {
|
|
95
|
-
props.disabled || setPressed(!
|
|
101
|
+
props.disabled || setPressed((prev) => !prev);
|
|
96
102
|
})
|
|
97
103
|
}
|
|
98
104
|
);
|
package/dist/esm/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;AAqHjB;AAjHC,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,cAAc,CAAC,SAAkC,CAAC;AAAA,IAElD,QAAQ;AAAA,MACN,MAAM,CAAC,GAAG,EAAE,OAAO,SAAAA,SAAQ,MAAW;AACpC,cAAM,eAAe,MAAM,gBAAgBA,UAAS;AACpD,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/esm/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,27 @@ const context = createStyledContext({
|
|
|
39
40
|
}
|
|
40
41
|
}
|
|
41
42
|
},
|
|
42
|
-
|
|
43
|
-
"...color": () => ({})
|
|
44
|
-
},
|
|
43
|
+
toggledStyle: val => ({}),
|
|
45
44
|
active: {
|
|
46
|
-
true: {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
45
|
+
true: (_, {
|
|
46
|
+
props,
|
|
47
|
+
context: context2
|
|
48
|
+
}) => {
|
|
49
|
+
const toggledStyle = props.toggledStyle || context2?.toggledStyle;
|
|
50
|
+
return {
|
|
51
|
+
zIndex: 1,
|
|
52
|
+
...(!props.unstyled && !toggledStyle && {
|
|
53
|
+
backgroundColor: "$background",
|
|
54
|
+
hoverStyle: {
|
|
55
|
+
backgroundColor: "$background"
|
|
56
|
+
},
|
|
57
|
+
focusStyle: {
|
|
58
|
+
backgroundColor: "$background",
|
|
59
|
+
borderColor: "$borderColor"
|
|
60
|
+
}
|
|
61
|
+
}),
|
|
62
|
+
...toggledStyle
|
|
63
|
+
};
|
|
55
64
|
}
|
|
56
65
|
},
|
|
57
66
|
orientation: {
|
|
@@ -86,14 +95,14 @@ const context = createStyledContext({
|
|
|
86
95
|
theme: pressed ? "accent" : null,
|
|
87
96
|
themeShallow: !0
|
|
88
97
|
}),
|
|
89
|
-
active:
|
|
98
|
+
active: pressed,
|
|
90
99
|
"aria-pressed": pressed,
|
|
91
100
|
"data-state": pressed ? "on" : "off",
|
|
92
101
|
"data-disabled": props.disabled ? "" : void 0,
|
|
93
102
|
...buttonProps,
|
|
94
103
|
ref: forwardedRef,
|
|
95
104
|
onPress: composeEventHandlers(props.onPress ?? void 0, () => {
|
|
96
|
-
props.disabled || setPressed(!
|
|
105
|
+
props.disabled || setPressed(prev => !prev);
|
|
97
106
|
})
|
|
98
107
|
});
|
|
99
108
|
});
|
package/dist/esm/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","val","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":[]}
|
|
@@ -5,7 +5,8 @@ import { useControllableState } from "@tamagui/use-controllable-state";
|
|
|
5
5
|
import { createStyledContext, styled } from "@tamagui/web";
|
|
6
6
|
import * as React from "react";
|
|
7
7
|
var context = createStyledContext({
|
|
8
|
-
color: ""
|
|
8
|
+
color: "",
|
|
9
|
+
toggledStyle: null
|
|
9
10
|
}),
|
|
10
11
|
NAME = "Toggle",
|
|
11
12
|
ToggleFrame = styled(ThemeableStack, {
|
|
@@ -39,21 +40,30 @@ var context = createStyledContext({
|
|
|
39
40
|
}
|
|
40
41
|
}
|
|
41
42
|
},
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
return {};
|
|
45
|
-
}
|
|
43
|
+
toggledStyle: function (val) {
|
|
44
|
+
return {};
|
|
46
45
|
},
|
|
47
46
|
active: {
|
|
48
|
-
true: {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
47
|
+
true: function (_, param) {
|
|
48
|
+
var {
|
|
49
|
+
props,
|
|
50
|
+
context: context2
|
|
51
|
+
} = param,
|
|
52
|
+
toggledStyle = props.toggledStyle || context2?.toggledStyle;
|
|
53
|
+
return {
|
|
54
|
+
zIndex: 1,
|
|
55
|
+
...(!props.unstyled && !toggledStyle && {
|
|
56
|
+
backgroundColor: "$background",
|
|
57
|
+
hoverStyle: {
|
|
58
|
+
backgroundColor: "$background"
|
|
59
|
+
},
|
|
60
|
+
focusStyle: {
|
|
61
|
+
backgroundColor: "$background",
|
|
62
|
+
borderColor: "$borderColor"
|
|
63
|
+
}
|
|
64
|
+
}),
|
|
65
|
+
...toggledStyle
|
|
66
|
+
};
|
|
57
67
|
}
|
|
58
68
|
},
|
|
59
69
|
orientation: {
|
|
@@ -89,14 +99,16 @@ var context = createStyledContext({
|
|
|
89
99
|
theme: pressed ? "accent" : null,
|
|
90
100
|
themeShallow: !0
|
|
91
101
|
}),
|
|
92
|
-
active:
|
|
102
|
+
active: pressed,
|
|
93
103
|
"aria-pressed": pressed,
|
|
94
104
|
"data-state": pressed ? "on" : "off",
|
|
95
105
|
"data-disabled": props.disabled ? "" : void 0,
|
|
96
106
|
...buttonProps,
|
|
97
107
|
ref: forwardedRef,
|
|
98
108
|
onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
|
|
99
|
-
props.disabled || setPressed(
|
|
109
|
+
props.disabled || setPressed(function (prev) {
|
|
110
|
+
return !prev;
|
|
111
|
+
});
|
|
100
112
|
})
|
|
101
113
|
});
|
|
102
114
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","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":["jsx","_jsx","composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","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","val","active","true","_","param","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","_props_onPress","theme","themeShallow","disabled","ref","onPress","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAA4B;AACrC,SAASC,oBAAA,QAAsB;AAC/B,SAASC,cAAA,yBAA4B;AAErC,SAASC,oBAAA,QAAqB,iCAAoB;AAClD,SAAAC,mBAAuB,EAAAC,MAAA;AAqHjB,YAAAC,KAAA;AAjHC,IAAAC,OAAM,GAAAH,mBAAU;IACrBI,KAAA,EAAO;IACPC,YAAA,EAAc;EAChB,CAAC;EAMKC,IAAA,GAAO;EAEAC,WAAA,GAAcN,MAAA,CAAOH,cAAA,EAAgB;IAChDU,IAAA,EAAMF,IAAA;IACNG,GAAA,EAAK;IACLN,OAAA;IAEAO,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,OAAA,EAAS;UACTC,WAAA,EAAa;UACbC,WAAA,EAAa;UACbC,MAAA,EAAQ;UACRC,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UACAQ,UAAA,EAAY;YACVR,eAAA,EAAiB;UACnB;UACAS,UAAA,EAAY;YACVL,WAAA,EAAa;UACf;UACAM,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;UAChB;QACF;MACF;MAEAtB,YAAA,EAAc,SAAAA,CAACuB,GAAmC;QAElD,OAAQ;MAAA;MAEJC,MAAA;QACAC,IAAA,WAAAA,CAAOC,CAAA,EAAAC,KAAA;UAAA,IACL;cAAAC,KAAQ;cAAA9B,OAAA,EAAA+B;YAAA,IAAAF,KAAA;YAAA3B,YAAA,GAAA4B,KAAA,CAAA5B,YAAA,IAAA6B,QAAA,EAAA7B,YAAA;UAAA,OACH;YACc8B,MACf;YAAiB,IACjB,CAAAF,KAAA,CAAAtB,QAAY,KAAAN,YAAA;cAAAS,eACV,eAAiB;cACnBO,UAAA;gBACAP,eAAY;cAAA;cACOS,UACjB;gBACFT,eAAA;gBACFI,WAAA;cACF;YACF;YACF,GAAAb;UACF;QAEA;MAAa;MACC+B,WACV;QAAeC,UACf;UACFC,aAAA;UACAC,cAAU;QAAA;QACOC,QACf;UACFF,aAAA;UACFC,cAAA;QACF;MAEA;IAAiB;IAEjBE,eAAA;MAgBW9B,QAAA,EAAS+B,OAAM,CAAAC,GAAA,CAAAC,gBAAA;IAC1B;EACE;EAAAC,MAAM,kBAAA3C,KAAA,CAAA4C,UAAA,WAAAb,KAAA,EAAAc,YAAA;IAAA,IACJ;QAAAC,OAAS,EAAAC,WAAA;QAAAC,cAAA;QAAAC,eAAA;QAAA,GAAAC;MAAA,IAAAnB,KAAA;MAAA,CAAAe,OAAA,OAAAK,UAAA,IAAAtD,oBAAA;QAAAuD,IACT,EAAAL,WAAA;QAAiBM,QACjB,EAAAJ,eAAA;QAAAK,WACG,EAAAN;MAAA,EACL;MAAAO,cAEO;IAAoD,OACzD,eAAM7D,IAAA,CAAAW,WAAA;MAAA,IACN,CAAA0B,KAAA,CAAAtB,QAAU;QACV+C,KAAA,EAAAV,OAAa;QACdW,YAAA;MAED;MACE9B,MAAC,EAAAmB,OAAA;MAAA,gBAAAA,OAAA;MAAA,YACO,EAAMA,OAAA,OAAY;MAAA,eACf,EAAAf,KAAA,CAAU2B,QAAA,GAAW;MAAA,GAAAR,WAC5B;MAAcS,GAAA,EAChBd,YAAA;MAAAe,OACA,EAAAjE,oBAAQ,EAAA4D,cAAA,GAAAxB,KAAA,CAAA6B,OAAA,cAAAL,cAAA,cAAAA,cAAA;QAAAxB,KACR,CAAA2B,QAAA,IAAcP,UAAA,WAAAU,IAAA;UACd,QAAAA,IAAA;QAA6B,EAC7B;MAAqC;IACjC;EACC;AAEH,SAC4BlB,MAE9B,EAACtC,WAAA,EAAAJ,OACH","ignoreList":[]}
|
package/dist/esm/ToggleGroup.js
CHANGED
|
@@ -8,45 +8,48 @@ 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 } = createStyledContext(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext(), ToggleGroupItem = ToggleFrame.styleable(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
size:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
...commonProps,
|
|
33
|
-
ref: forwardedRef,
|
|
34
|
-
tabIndex: disabled ? -1 : 0,
|
|
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 = {
|
|
25
|
+
pressed,
|
|
35
26
|
disabled,
|
|
36
|
-
...
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
27
|
+
...sizeProps,
|
|
28
|
+
...rest,
|
|
29
|
+
children,
|
|
30
|
+
toggledStyle
|
|
31
|
+
}, inner = /* @__PURE__ */ jsx(
|
|
32
|
+
ToggleGroupItemImpl,
|
|
33
|
+
{
|
|
34
|
+
...commonProps,
|
|
35
|
+
ref: forwardedRef,
|
|
36
|
+
tabIndex: disabled ? -1 : 0,
|
|
37
|
+
disabled,
|
|
38
|
+
...groupItemProps
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, toggledStyle, children: context.rovingFocus ? /* @__PURE__ */ jsx(
|
|
42
|
+
RovingFocusGroup.Item,
|
|
43
|
+
{
|
|
44
|
+
asChild: "except-style",
|
|
45
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
46
|
+
focusable: !disabled,
|
|
47
|
+
active: pressed,
|
|
48
|
+
children: inner
|
|
49
|
+
}
|
|
50
|
+
) : inner }) });
|
|
51
|
+
}
|
|
52
|
+
);
|
|
50
53
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
51
54
|
const ToggleGroupItemImpl = React.forwardRef((props, forwardedRef) => {
|
|
52
55
|
const { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = {
|
|
@@ -184,6 +187,8 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
184
187
|
unstyled = !1,
|
|
185
188
|
size: sizeProp = "$true",
|
|
186
189
|
sizeAdjust = 0,
|
|
190
|
+
toggledStyle,
|
|
191
|
+
color,
|
|
187
192
|
...toggleGroupProps
|
|
188
193
|
} = props, direction = useDirection(dir), commonProps = {
|
|
189
194
|
role: "group",
|
|
@@ -201,7 +206,7 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
201
206
|
rovingFocus,
|
|
202
207
|
disabled,
|
|
203
208
|
size,
|
|
204
|
-
children: rovingFocus ? /* @__PURE__ */ jsx(
|
|
209
|
+
children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, toggledStyle, children: rovingFocus ? /* @__PURE__ */ jsx(
|
|
205
210
|
RovingFocusGroup,
|
|
206
211
|
{
|
|
207
212
|
asChild: "except-style",
|
|
@@ -231,7 +236,7 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
231
236
|
unstyled,
|
|
232
237
|
...commonProps
|
|
233
238
|
}
|
|
234
|
-
)
|
|
239
|
+
) })
|
|
235
240
|
}
|
|
236
241
|
);
|
|
237
242
|
});
|
|
@@ -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
|
}
|
package/dist/esm/ToggleGroup.mjs
CHANGED
|
@@ -8,9 +8,9 @@ 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",
|
|
@@ -23,16 +23,17 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
23
23
|
useStyledContext: useToggleGroupContext
|
|
24
24
|
} = createStyledContext(),
|
|
25
25
|
ToggleGroupItem = ToggleFrame.styleable((props, forwardedRef) => {
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
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,
|
|
29
32
|
{
|
|
30
33
|
disablePassStyles,
|
|
34
|
+
toggledStyle: _,
|
|
31
35
|
...rest
|
|
32
36
|
} = props,
|
|
33
|
-
valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
34
|
-
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
35
|
-
pressed = valueContext?.value.includes(props.value),
|
|
36
37
|
disabled = context.disabled || props.disabled || !1,
|
|
37
38
|
groupItemProps = useGroupItem({
|
|
38
39
|
disabled
|
|
@@ -45,9 +46,10 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
45
46
|
},
|
|
46
47
|
iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2,
|
|
47
48
|
theme = useTheme(),
|
|
49
|
+
toggledColor = toggledStyle?.color,
|
|
48
50
|
getThemedIcon = useGetThemedIcon({
|
|
49
51
|
size: iconSize,
|
|
50
|
-
color: color
|
|
52
|
+
color: (pressed && toggledColor ? toggledColor : color) || theme.color
|
|
51
53
|
}),
|
|
52
54
|
children = React.Children.toArray(props.children).map(child => props.disablePassStyles || !React.isValidElement(child) ? child : React.cloneElement(getThemedIcon(child), {
|
|
53
55
|
active: pressed
|
|
@@ -57,7 +59,8 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
57
59
|
disabled,
|
|
58
60
|
...sizeProps,
|
|
59
61
|
...rest,
|
|
60
|
-
children
|
|
62
|
+
children,
|
|
63
|
+
toggledStyle
|
|
61
64
|
},
|
|
62
65
|
inner = /* @__PURE__ */jsx(ToggleGroupItemImpl, {
|
|
63
66
|
...commonProps,
|
|
@@ -68,13 +71,17 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
68
71
|
});
|
|
69
72
|
return /* @__PURE__ */jsx(ToggleGroupItemProvider, {
|
|
70
73
|
scope: props.__scopeToggleGroup,
|
|
71
|
-
children:
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
74
|
+
children: /* @__PURE__ */jsx(ToggleContext.Provider, {
|
|
75
|
+
color,
|
|
76
|
+
toggledStyle,
|
|
77
|
+
children: context.rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup.Item, {
|
|
78
|
+
asChild: "except-style",
|
|
79
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
80
|
+
focusable: !disabled,
|
|
81
|
+
active: pressed,
|
|
82
|
+
children: inner
|
|
83
|
+
}) : inner
|
|
84
|
+
})
|
|
78
85
|
});
|
|
79
86
|
});
|
|
80
87
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
@@ -215,6 +222,8 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
215
222
|
unstyled = !1,
|
|
216
223
|
size: sizeProp = "$true",
|
|
217
224
|
sizeAdjust = 0,
|
|
225
|
+
toggledStyle,
|
|
226
|
+
color,
|
|
218
227
|
...toggleGroupProps
|
|
219
228
|
} = props,
|
|
220
229
|
direction = useDirection(dir),
|
|
@@ -232,27 +241,31 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
232
241
|
rovingFocus,
|
|
233
242
|
disabled,
|
|
234
243
|
size,
|
|
235
|
-
children:
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
children: /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
|
|
242
|
-
"aria-orientation": orientation,
|
|
244
|
+
children: /* @__PURE__ */jsx(ToggleContext.Provider, {
|
|
245
|
+
color,
|
|
246
|
+
toggledStyle,
|
|
247
|
+
children: rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup, {
|
|
248
|
+
asChild: "except-style",
|
|
249
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
243
250
|
orientation,
|
|
251
|
+
dir: direction,
|
|
252
|
+
loop,
|
|
253
|
+
children: /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
|
|
254
|
+
"aria-orientation": orientation,
|
|
255
|
+
orientation,
|
|
256
|
+
ref: forwardedRef,
|
|
257
|
+
"data-disabled": disabled ? "" : void 0,
|
|
258
|
+
unstyled,
|
|
259
|
+
...commonProps
|
|
260
|
+
})
|
|
261
|
+
}) : /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
|
|
262
|
+
"aria-orientation": orientation,
|
|
244
263
|
ref: forwardedRef,
|
|
264
|
+
orientation,
|
|
245
265
|
"data-disabled": disabled ? "" : void 0,
|
|
246
266
|
unstyled,
|
|
247
267
|
...commonProps
|
|
248
268
|
})
|
|
249
|
-
}) : /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
|
|
250
|
-
"aria-orientation": orientation,
|
|
251
|
-
ref: forwardedRef,
|
|
252
|
-
orientation,
|
|
253
|
-
"data-disabled": disabled ? "" : void 0,
|
|
254
|
-
unstyled,
|
|
255
|
-
...commonProps
|
|
256
269
|
})
|
|
257
270
|
});
|
|
258
271
|
});
|