@tamagui/toggle-group 1.142.0 → 2.0.0-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Toggle.cjs +16 -24
- package/dist/cjs/Toggle.js +16 -21
- package/dist/cjs/Toggle.js.map +2 -2
- package/dist/cjs/Toggle.native.js +18 -27
- package/dist/cjs/Toggle.native.js.map +1 -1
- package/dist/cjs/ToggleGroup.cjs +29 -41
- package/dist/cjs/ToggleGroup.js +31 -35
- package/dist/cjs/ToggleGroup.js.map +2 -2
- package/dist/cjs/ToggleGroup.native.js +30 -43
- package/dist/cjs/ToggleGroup.native.js.map +1 -1
- package/dist/esm/Toggle.js +16 -21
- package/dist/esm/Toggle.js.map +2 -2
- package/dist/esm/Toggle.mjs +16 -24
- package/dist/esm/Toggle.mjs.map +1 -1
- package/dist/esm/Toggle.native.js +18 -27
- package/dist/esm/Toggle.native.js.map +1 -1
- package/dist/esm/ToggleGroup.js +39 -37
- package/dist/esm/ToggleGroup.js.map +1 -1
- package/dist/esm/ToggleGroup.mjs +31 -43
- package/dist/esm/ToggleGroup.mjs.map +1 -1
- package/dist/esm/ToggleGroup.native.js +32 -45
- package/dist/esm/ToggleGroup.native.js.map +1 -1
- package/dist/jsx/Toggle.js +16 -21
- package/dist/jsx/Toggle.js.map +2 -2
- package/dist/jsx/Toggle.mjs +16 -24
- package/dist/jsx/Toggle.mjs.map +1 -1
- package/dist/jsx/Toggle.native.js +18 -27
- package/dist/jsx/Toggle.native.js.map +1 -1
- package/dist/jsx/ToggleGroup.js +39 -37
- package/dist/jsx/ToggleGroup.js.map +1 -1
- package/dist/jsx/ToggleGroup.mjs +31 -43
- package/dist/jsx/ToggleGroup.mjs.map +1 -1
- package/dist/jsx/ToggleGroup.native.js +30 -43
- package/dist/jsx/ToggleGroup.native.js.map +1 -1
- package/package.json +15 -15
- package/src/Toggle.tsx +20 -22
- package/src/ToggleGroup.tsx +93 -101
- package/types/Toggle.d.ts +21 -43
- package/types/Toggle.d.ts.map +1 -1
- package/types/ToggleGroup.d.ts +10 -239
- 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","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":[]}
|
|
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":[]}
|
package/dist/esm/Toggle.js
CHANGED
|
@@ -5,8 +5,7 @@ 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: ""
|
|
9
|
-
toggledStyle: null
|
|
8
|
+
color: ""
|
|
10
9
|
}), NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
|
|
11
10
|
name: NAME,
|
|
12
11
|
tag: "button",
|
|
@@ -38,23 +37,19 @@ const context = createStyledContext({
|
|
|
38
37
|
}
|
|
39
38
|
}
|
|
40
39
|
},
|
|
40
|
+
color: {
|
|
41
|
+
"...color": () => ({})
|
|
42
|
+
},
|
|
41
43
|
active: {
|
|
42
|
-
true:
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
focusStyle: {
|
|
52
|
-
backgroundColor: "$background",
|
|
53
|
-
borderColor: "$borderColor"
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
...toggledStyle
|
|
57
|
-
};
|
|
44
|
+
true: {
|
|
45
|
+
zIndex: 1,
|
|
46
|
+
hoverStyle: {
|
|
47
|
+
backgroundColor: "$background"
|
|
48
|
+
},
|
|
49
|
+
focusStyle: {
|
|
50
|
+
borderColor: "$borderColor",
|
|
51
|
+
backgroundColor: "$background"
|
|
52
|
+
}
|
|
58
53
|
}
|
|
59
54
|
},
|
|
60
55
|
orientation: {
|
|
@@ -87,17 +82,17 @@ const context = createStyledContext({
|
|
|
87
82
|
ToggleFrame,
|
|
88
83
|
{
|
|
89
84
|
...!props.unstyled && {
|
|
90
|
-
theme: pressed ? "
|
|
85
|
+
theme: pressed ? "accent" : null,
|
|
91
86
|
themeShallow: !0
|
|
92
87
|
},
|
|
93
|
-
active: pressed,
|
|
88
|
+
active: props.unstyled ? void 0 : pressed,
|
|
94
89
|
"aria-pressed": pressed,
|
|
95
90
|
"data-state": pressed ? "on" : "off",
|
|
96
91
|
"data-disabled": props.disabled ? "" : void 0,
|
|
97
92
|
...buttonProps,
|
|
98
93
|
ref: forwardedRef,
|
|
99
94
|
onPress: composeEventHandlers(props.onPress ?? void 0, () => {
|
|
100
|
-
props.disabled || setPressed(
|
|
95
|
+
props.disabled || setPressed(!pressed);
|
|
101
96
|
})
|
|
102
97
|
}
|
|
103
98
|
);
|
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;AA+GjB;AA7GC,MAAM,UAAU,oBAAoB;AAAA,EACzC,OAAO;AACT,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,OAAO;AAAA,MACL,YAAY,OACH,CAAC;AAAA,IAEZ;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;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,GAcY,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,QAAS,MAAM,WAAqB,SAAV;AAAA,QAC1B,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,OAAO;AAAA,QAEvB,CAAC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;",
|
|
5
|
+
"names": []
|
|
6
6
|
}
|
package/dist/esm/Toggle.mjs
CHANGED
|
@@ -5,8 +5,7 @@ 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: ""
|
|
9
|
-
toggledStyle: null
|
|
8
|
+
color: ""
|
|
10
9
|
}),
|
|
11
10
|
NAME = "Toggle",
|
|
12
11
|
ToggleFrame = styled(ThemeableStack, {
|
|
@@ -40,26 +39,19 @@ const context = createStyledContext({
|
|
|
40
39
|
}
|
|
41
40
|
}
|
|
42
41
|
},
|
|
42
|
+
color: {
|
|
43
|
+
"...color": () => ({})
|
|
44
|
+
},
|
|
43
45
|
active: {
|
|
44
|
-
true:
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
hoverStyle: {
|
|
54
|
-
backgroundColor: "$background"
|
|
55
|
-
},
|
|
56
|
-
focusStyle: {
|
|
57
|
-
backgroundColor: "$background",
|
|
58
|
-
borderColor: "$borderColor"
|
|
59
|
-
}
|
|
60
|
-
}),
|
|
61
|
-
...toggledStyle
|
|
62
|
-
};
|
|
46
|
+
true: {
|
|
47
|
+
zIndex: 1,
|
|
48
|
+
hoverStyle: {
|
|
49
|
+
backgroundColor: "$background"
|
|
50
|
+
},
|
|
51
|
+
focusStyle: {
|
|
52
|
+
borderColor: "$borderColor",
|
|
53
|
+
backgroundColor: "$background"
|
|
54
|
+
}
|
|
63
55
|
}
|
|
64
56
|
},
|
|
65
57
|
orientation: {
|
|
@@ -91,17 +83,17 @@ const context = createStyledContext({
|
|
|
91
83
|
});
|
|
92
84
|
return /* @__PURE__ */jsx(ToggleFrame, {
|
|
93
85
|
...(!props.unstyled && {
|
|
94
|
-
theme: pressed ? "
|
|
86
|
+
theme: pressed ? "accent" : null,
|
|
95
87
|
themeShallow: !0
|
|
96
88
|
}),
|
|
97
|
-
active: pressed,
|
|
89
|
+
active: props.unstyled ? void 0 : pressed,
|
|
98
90
|
"aria-pressed": pressed,
|
|
99
91
|
"data-state": pressed ? "on" : "off",
|
|
100
92
|
"data-disabled": props.disabled ? "" : void 0,
|
|
101
93
|
...buttonProps,
|
|
102
94
|
ref: forwardedRef,
|
|
103
95
|
onPress: composeEventHandlers(props.onPress ?? void 0, () => {
|
|
104
|
-
props.disabled || setPressed(
|
|
96
|
+
props.disabled || setPressed(!pressed);
|
|
105
97
|
})
|
|
106
98
|
});
|
|
107
99
|
});
|
package/dist/esm/Toggle.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","jsx","context","color","
|
|
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","...color","active","true","zIndex","orientation","horizontal","flexDirection","spaceDirection","vertical","defaultVariants","process","env","TAMAGUI_HEADLESS","Toggle","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","theme","themeShallow","disabled","ref","onPress"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,oBAAA,QAA4B;AACrC,SAASC,cAAA,QAAsB;AAC/B,SAASC,oBAAA,QAA4B;AAErC,SAASC,mBAAA,EAAqBC,MAAA,QAAoB;AAClD,YAAYC,KAAA,MAAW;AA+GjB,SAAAC,GAAA;AA7GC,MAAMC,OAAA,GAAUJ,mBAAA,CAAoB;IACzCK,KAAA,EAAO;EACT,CAAC;EAMKC,IAAA,GAAO;EAEAC,WAAA,GAAcN,MAAA,CAAOH,cAAA,EAAgB;IAChDU,IAAA,EAAMF,IAAA;IACNG,GAAA,EAAK;IACLL,OAAA;IAEAM,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,KAAA,EAAO;QACL,YAAYuB,CAAA,MACH,CAAC;MAEZ;MAEAC,MAAA,EAAQ;QACNC,IAAA,EAAM;UACJC,MAAA,EAAQ;UAERV,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UAEAS,UAAA,EAAY;YACVL,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;QACF;MACF;MAEAkB,WAAA,EAAa;QACXC,UAAA,EAAY;UACVC,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;QACAC,QAAA,EAAU;UACRF,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;MACF;IACF;IAEAE,eAAA,EAAiB;MACf1B,QAAA,EAAU2B,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC;EAcYC,MAAA,GAASvC,KAAA,CAAMwC,UAAA,CAC1B,UAAgBC,KAAA,EAAOC,YAAA,EAAc;IACnC,MAAM;QACJC,OAAA,EAASC,WAAA;QACTC,cAAA,GAAiB;QACjBC,eAAA;QACA,GAAGC;MACL,IAAIN,KAAA;MAEE,CAACE,OAAA,GAAU,IAAOK,UAAU,IAAInD,oBAAA,CAAqB;QACzDoD,IAAA,EAAML,WAAA;QACNM,QAAA,EAAUJ,eAAA;QACVK,WAAA,EAAaN;MACf,CAAC;IAED,OACE,eAAA5C,GAAA,CAACI,WAAA;MACE,IAAI,CAACoC,KAAA,CAAMhC,QAAA,IAAY;QACtB2C,KAAA,EAAOT,OAAA,GAAU,WAAW;QAC5BU,YAAA,EAAc;MAChB;MACA1B,MAAA,EAASc,KAAA,CAAMhC,QAAA,GAAqB,SAAVkC,OAAA;MAC1B,gBAAcA,OAAA;MACd,cAAYA,OAAA,GAAU,OAAO;MAC7B,iBAAeF,KAAA,CAAMa,QAAA,GAAW,KAAK;MACpC,GAAGP,WAAA;MACJQ,GAAA,EAAKb,YAAA;MACLc,OAAA,EAAS7D,oBAAA,CAAqB8C,KAAA,CAAMe,OAAA,IAAW,QAAW,MAAM;QACzDf,KAAA,CAAMa,QAAA,IACTN,UAAA,CAAW,CAACL,OAAO;MAEvB,CAAC;IAAA,CACH;EAEJ,CACF","ignoreList":[]}
|
|
@@ -5,8 +5,7 @@ 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: ""
|
|
9
|
-
toggledStyle: null
|
|
8
|
+
color: ""
|
|
10
9
|
}),
|
|
11
10
|
NAME = "Toggle",
|
|
12
11
|
ToggleFrame = styled(ThemeableStack, {
|
|
@@ -40,27 +39,21 @@ var context = createStyledContext({
|
|
|
40
39
|
}
|
|
41
40
|
}
|
|
42
41
|
},
|
|
42
|
+
color: {
|
|
43
|
+
"...color": function () {
|
|
44
|
+
return {};
|
|
45
|
+
}
|
|
46
|
+
},
|
|
43
47
|
active: {
|
|
44
|
-
true:
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
backgroundColor: "$background",
|
|
54
|
-
hoverStyle: {
|
|
55
|
-
backgroundColor: "$background"
|
|
56
|
-
},
|
|
57
|
-
focusStyle: {
|
|
58
|
-
backgroundColor: "$background",
|
|
59
|
-
borderColor: "$borderColor"
|
|
60
|
-
}
|
|
61
|
-
}),
|
|
62
|
-
...toggledStyle
|
|
63
|
-
};
|
|
48
|
+
true: {
|
|
49
|
+
zIndex: 1,
|
|
50
|
+
hoverStyle: {
|
|
51
|
+
backgroundColor: "$background"
|
|
52
|
+
},
|
|
53
|
+
focusStyle: {
|
|
54
|
+
borderColor: "$borderColor",
|
|
55
|
+
backgroundColor: "$background"
|
|
56
|
+
}
|
|
64
57
|
}
|
|
65
58
|
},
|
|
66
59
|
orientation: {
|
|
@@ -93,19 +86,17 @@ var context = createStyledContext({
|
|
|
93
86
|
_props_onPress;
|
|
94
87
|
return /* @__PURE__ */_jsx(ToggleFrame, {
|
|
95
88
|
...(!props.unstyled && {
|
|
96
|
-
theme: pressed ? "
|
|
89
|
+
theme: pressed ? "accent" : null,
|
|
97
90
|
themeShallow: !0
|
|
98
91
|
}),
|
|
99
|
-
active: pressed,
|
|
92
|
+
active: props.unstyled ? void 0 : pressed,
|
|
100
93
|
"aria-pressed": pressed,
|
|
101
94
|
"data-state": pressed ? "on" : "off",
|
|
102
95
|
"data-disabled": props.disabled ? "" : void 0,
|
|
103
96
|
...buttonProps,
|
|
104
97
|
ref: forwardedRef,
|
|
105
98
|
onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
|
|
106
|
-
props.disabled || setPressed(
|
|
107
|
-
return !prev;
|
|
108
|
-
});
|
|
99
|
+
props.disabled || setPressed(!pressed);
|
|
109
100
|
})
|
|
110
101
|
});
|
|
111
102
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","context","color","
|
|
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","...color","active","true","zIndex","orientation","horizontal","flexDirection","spaceDirection","vertical","defaultVariants","process","env","TAMAGUI_HEADLESS","Toggle","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","_props_onPress","theme","themeShallow","disabled","ref","onPress"],"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;AA+GjB,YAAAC,KAAA;AA7GC,IAAAC,OAAM,GAAAH,mBAAU;IACrBI,KAAA,EAAO;EACT,CAAC;EAMKC,IAAA,GAAO;EAEAC,WAAA,GAAcL,MAAA,CAAOH,cAAA,EAAgB;IAChDS,IAAA,EAAMF,IAAA;IACNG,GAAA,EAAK;IACLL,OAAA;IAEAM,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,KAAA,EAAO;QACL,YAAY,SAAAuB,CAAA,EACF;UAEZ;QAEA;MAAQ;MACAC,MACJ;QAAQC,IAER;UAAYC,MACV;UACFV,UAAA;YAEAP,eAAY;UAAA;UACGS,UACb;YACFL,WAAA;YACFJ,eAAA;UACF;QAEA;MAAa;MACCkB,WACV;QAAeC,UACf;UACFC,aAAA;UACAC,cAAU;QAAA;QACOC,QACf;UACFF,aAAA;UACFC,cAAA;QACF;MAEA;IAAiB;IAEjBE,eAAA;MAeW1B,QAAA,EAAS2B,OAAM,CAAAC,GAAA,CAAAC,gBAAA;IAC1B;EACE;EAAAC,MAAM,kBAAAtC,KAAA,CAAAuC,UAAA,WAAAC,KAAA,EAAAC,YAAA;IAAA,IACJ;QAAAC,OAAS,EAAAC,WAAA;QAAAC,cAAA;QAAAC,eAAA;QAAA,GAAAC;MAAA,IAAAN,KAAA;MAAA,CAAAE,OAAA,OAAAK,UAAA,IAAAlD,oBAAA;QAAAmD,IACT,EAAAL,WAAA;QAAiBM,QACjB,EAAAJ,eAAA;QAAAK,WACG,EAAAN;MAAA,EACL;MAAAO,cAEO;IAAoD,OACzD,eAAMzD,IAAA,CAAAU,WAAA;MAAA,IACN,CAAAoC,KAAA,CAAAhC,QAAU;QACV4C,KAAA,EAAAV,OAAa;QACdW,YAAA;MAED;MACE3B,MAAC,EAAAc,KAAA,CAAAhC,QAAA,YAAAkC,OAAA;MAAA,gBAAAA,OAAA;MAAA,YACO,EAAMA,OAAA,OAAY;MAAA,eACf,EAAAF,KAAA,CAAUc,QAAA,GAAW;MAAA,GAAAR,WAC5B;MAAcS,GAAA,EAChBd,YAAA;MAAAe,OACA,EAAA7D,oBAAoC,EAAAwD,cAAV,GAAAX,KAAA,CAAAgB,OAAA,cAAAL,cAAA,cAAAA,cAAA;QAAAX,KAC1B,CAAAc,QAAA,IAAcP,UAAA,EAAAL,OAAA;MAAA;IACe;EACQ;AACjC,SACCJ,MACL,EACElC,WAAK,EACgBH,OAEtB","ignoreList":[]}
|
package/dist/esm/ToggleGroup.js
CHANGED
|
@@ -8,41 +8,45 @@ 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 {
|
|
11
|
+
import {
|
|
12
|
+
createStyledContext,
|
|
13
|
+
getVariableValue,
|
|
14
|
+
styled,
|
|
15
|
+
usePropsAndStyle,
|
|
16
|
+
useTheme
|
|
17
|
+
} from "@tamagui/web";
|
|
12
18
|
import React from "react";
|
|
13
|
-
import { Toggle, ToggleFrame
|
|
19
|
+
import { Toggle, ToggleFrame } from "./Toggle";
|
|
14
20
|
import { jsx } from "react/jsx-runtime";
|
|
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,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
);
|
|
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((props, forwardedRef) => {
|
|
22
|
+
const [_, { color }] = usePropsAndStyle(props), { disablePassStyles, ...rest } = props, valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext?.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = useGroupItem({ disabled }), size = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
|
|
23
|
+
width: void 0,
|
|
24
|
+
height: void 0,
|
|
25
|
+
padding: getVariableValue(size) * 0.6
|
|
26
|
+
}, iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2, theme = useTheme(), getThemedIcon = useGetThemedIcon({
|
|
27
|
+
size: iconSize,
|
|
28
|
+
color: color ?? theme.color
|
|
29
|
+
}), 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(
|
|
30
|
+
ToggleGroupItemImpl,
|
|
31
|
+
{
|
|
32
|
+
...commonProps,
|
|
33
|
+
ref: forwardedRef,
|
|
34
|
+
tabIndex: disabled ? -1 : 0,
|
|
35
|
+
disabled,
|
|
36
|
+
...groupItemProps
|
|
37
|
+
}
|
|
38
|
+
);
|
|
39
|
+
return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: context.rovingFocus ? /* @__PURE__ */ jsx(
|
|
40
|
+
RovingFocusGroup.Item,
|
|
41
|
+
{
|
|
42
|
+
asChild: "except-style",
|
|
43
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
44
|
+
focusable: !disabled,
|
|
45
|
+
active: pressed,
|
|
46
|
+
children: inner
|
|
47
|
+
}
|
|
48
|
+
) : inner });
|
|
49
|
+
});
|
|
46
50
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
47
51
|
const ToggleGroupItemImpl = React.forwardRef((props, forwardedRef) => {
|
|
48
52
|
const { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = {
|
|
@@ -180,8 +184,6 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
180
184
|
unstyled = !1,
|
|
181
185
|
size: sizeProp = "$true",
|
|
182
186
|
sizeAdjust = 0,
|
|
183
|
-
toggledStyle,
|
|
184
|
-
color,
|
|
185
187
|
...toggleGroupProps
|
|
186
188
|
} = props, direction = useDirection(dir), commonProps = {
|
|
187
189
|
role: "group",
|
|
@@ -199,7 +201,7 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
199
201
|
rovingFocus,
|
|
200
202
|
disabled,
|
|
201
203
|
size,
|
|
202
|
-
children:
|
|
204
|
+
children: rovingFocus ? /* @__PURE__ */ jsx(
|
|
203
205
|
RovingFocusGroup,
|
|
204
206
|
{
|
|
205
207
|
asChild: "except-style",
|
|
@@ -229,7 +231,7 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
229
231
|
unstyled,
|
|
230
232
|
...commonProps
|
|
231
233
|
}
|
|
232
|
-
)
|
|
234
|
+
)
|
|
233
235
|
}
|
|
234
236
|
);
|
|
235
237
|
});
|
|
@@ -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, useTheme } from "@tamagui/web";
|
|
11
|
+
import { createStyledContext, getVariableValue, styled, usePropsAndStyle, useTheme } from "@tamagui/web";
|
|
12
12
|
import React from "react";
|
|
13
|
-
import { Toggle, ToggleFrame
|
|
13
|
+
import { Toggle, ToggleFrame } 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,17 +23,16 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
23
23
|
useStyledContext: useToggleGroupContext
|
|
24
24
|
} = createStyledContext(),
|
|
25
25
|
ToggleGroupItem = ToggleFrame.styleable((props, forwardedRef) => {
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
pressed = valueContext?.value.includes(props.value),
|
|
30
|
-
toggledStyle = props.toggledStyle || toggleContext.toggledStyle,
|
|
31
|
-
color = props.color || toggleContext.color,
|
|
26
|
+
const [_, {
|
|
27
|
+
color
|
|
28
|
+
}] = usePropsAndStyle(props),
|
|
32
29
|
{
|
|
33
30
|
disablePassStyles,
|
|
34
|
-
toggledStyle: _,
|
|
35
31
|
...rest
|
|
36
32
|
} = props,
|
|
33
|
+
valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
34
|
+
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
35
|
+
pressed = valueContext?.value.includes(props.value),
|
|
37
36
|
disabled = context.disabled || props.disabled || !1,
|
|
38
37
|
groupItemProps = useGroupItem({
|
|
39
38
|
disabled
|
|
@@ -46,10 +45,9 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
46
45
|
},
|
|
47
46
|
iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2,
|
|
48
47
|
theme = useTheme(),
|
|
49
|
-
toggledColor = toggledStyle?.color,
|
|
50
48
|
getThemedIcon = useGetThemedIcon({
|
|
51
49
|
size: iconSize,
|
|
52
|
-
color:
|
|
50
|
+
color: color ?? theme.color
|
|
53
51
|
}),
|
|
54
52
|
children = React.Children.toArray(props.children).map(child => props.disablePassStyles || !React.isValidElement(child) ? child : React.cloneElement(getThemedIcon(child), {
|
|
55
53
|
active: pressed
|
|
@@ -70,17 +68,13 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
70
68
|
});
|
|
71
69
|
return /* @__PURE__ */jsx(ToggleGroupItemProvider, {
|
|
72
70
|
scope: props.__scopeToggleGroup,
|
|
73
|
-
children: /* @__PURE__ */jsx(
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
active: pressed,
|
|
81
|
-
children: inner
|
|
82
|
-
}) : inner
|
|
83
|
-
})
|
|
71
|
+
children: context.rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup.Item, {
|
|
72
|
+
asChild: "except-style",
|
|
73
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
74
|
+
focusable: !disabled,
|
|
75
|
+
active: pressed,
|
|
76
|
+
children: inner
|
|
77
|
+
}) : inner
|
|
84
78
|
});
|
|
85
79
|
});
|
|
86
80
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
@@ -221,8 +215,6 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
221
215
|
unstyled = !1,
|
|
222
216
|
size: sizeProp = "$true",
|
|
223
217
|
sizeAdjust = 0,
|
|
224
|
-
toggledStyle,
|
|
225
|
-
color,
|
|
226
218
|
...toggleGroupProps
|
|
227
219
|
} = props,
|
|
228
220
|
direction = useDirection(dir),
|
|
@@ -240,31 +232,27 @@ const ToggleGroupImplElementFrame = styled(Group, {
|
|
|
240
232
|
rovingFocus,
|
|
241
233
|
disabled,
|
|
242
234
|
size,
|
|
243
|
-
children: /* @__PURE__ */jsx(
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
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, {
|
|
235
|
+
children: rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup, {
|
|
236
|
+
asChild: "except-style",
|
|
237
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
238
|
+
orientation,
|
|
239
|
+
dir: direction,
|
|
240
|
+
loop,
|
|
241
|
+
children: /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
|
|
261
242
|
"aria-orientation": orientation,
|
|
262
|
-
ref: forwardedRef,
|
|
263
243
|
orientation,
|
|
244
|
+
ref: forwardedRef,
|
|
264
245
|
"data-disabled": disabled ? "" : void 0,
|
|
265
246
|
unstyled,
|
|
266
247
|
...commonProps
|
|
267
248
|
})
|
|
249
|
+
}) : /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
|
|
250
|
+
"aria-orientation": orientation,
|
|
251
|
+
ref: forwardedRef,
|
|
252
|
+
orientation,
|
|
253
|
+
"data-disabled": disabled ? "" : void 0,
|
|
254
|
+
unstyled,
|
|
255
|
+
...commonProps
|
|
268
256
|
})
|
|
269
257
|
});
|
|
270
258
|
});
|