@tamagui/toggle-group 1.122.7 → 1.123.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 +10 -2
- package/dist/cjs/Toggle.js +9 -2
- package/dist/cjs/Toggle.js.map +1 -1
- package/dist/cjs/Toggle.native.js +13 -3
- package/dist/cjs/Toggle.native.js.map +2 -2
- package/dist/cjs/ToggleGroup.cjs +6 -3
- package/dist/cjs/ToggleGroup.js +6 -3
- package/dist/cjs/ToggleGroup.js.map +1 -1
- package/dist/cjs/ToggleGroup.native.js +4 -3
- package/dist/cjs/ToggleGroup.native.js.map +2 -2
- package/dist/esm/Toggle.js +10 -3
- package/dist/esm/Toggle.js.map +1 -1
- package/dist/esm/Toggle.mjs +10 -3
- package/dist/esm/Toggle.mjs.map +1 -1
- package/dist/esm/Toggle.native.js +12 -3
- package/dist/esm/Toggle.native.js.map +2 -2
- package/dist/esm/ToggleGroup.js +13 -4
- package/dist/esm/ToggleGroup.js.map +1 -1
- package/dist/esm/ToggleGroup.mjs +7 -4
- package/dist/esm/ToggleGroup.mjs.map +1 -1
- package/dist/esm/ToggleGroup.native.js +5 -4
- package/dist/esm/ToggleGroup.native.js.map +2 -2
- package/dist/jsx/Toggle.js +10 -3
- package/dist/jsx/Toggle.js.map +1 -1
- package/dist/jsx/Toggle.mjs +10 -3
- package/dist/jsx/Toggle.mjs.map +1 -1
- package/dist/jsx/Toggle.native.js +12 -3
- package/dist/jsx/Toggle.native.js.map +2 -2
- package/dist/jsx/ToggleGroup.js +13 -4
- package/dist/jsx/ToggleGroup.js.map +1 -1
- package/dist/jsx/ToggleGroup.mjs +7 -4
- package/dist/jsx/ToggleGroup.mjs.map +1 -1
- package/dist/jsx/ToggleGroup.native.js +5 -4
- package/dist/jsx/ToggleGroup.native.js.map +2 -2
- package/package.json +15 -15
- package/src/Toggle.tsx +12 -1
- package/src/ToggleGroup.tsx +14 -3
- package/types/Toggle.d.ts +8 -1
- package/types/Toggle.d.ts.map +1 -1
- package/types/ToggleGroup.d.ts +4 -1
- package/types/ToggleGroup.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","useTheme","React","Toggle","ToggleFrame","jsx","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","useStyledContext","useToggleGroupItemContext","ToggleGroupContext","useToggleGroupContext","ToggleGroupItem","extractable","forwardRef","props","forwardedRef","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","
|
|
1
|
+
{"version":3,"names":["isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","usePropsAndStyle","useTheme","React","Toggle","ToggleFrame","jsx","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","useStyledContext","useToggleGroupItemContext","ToggleGroupContext","useToggleGroupContext","ToggleGroupItem","extractable","forwardRef","props","forwardedRef","_","color","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","children","Children","toArray","map","child","isValidElement","commonProps","inner","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","active","displayName","itemProps","singleProps","typeProps","type","onPressedChange","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","name","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round","axis"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -9,11 +9,11 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
|
9
9
|
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
10
10
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
11
11
|
import { useDirection } from "@tamagui/use-direction";
|
|
12
|
-
import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
|
|
12
|
+
import { createStyledContext, getVariableValue, styled, usePropsAndStyle, useTheme } from "@tamagui/web";
|
|
13
13
|
import React from "react";
|
|
14
14
|
import { Toggle, ToggleFrame } from "./Toggle";
|
|
15
15
|
var TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = createStyledContext(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext(), ToggleGroupItem = ToggleFrame.extractable(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
16
|
-
var { 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({
|
|
16
|
+
var [_, { 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({
|
|
17
17
|
disabled
|
|
18
18
|
}), _props_size, size = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size, sizeProps = props.unstyled ? {} : {
|
|
19
19
|
width: void 0,
|
|
@@ -21,7 +21,7 @@ var TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem
|
|
|
21
21
|
padding: getVariableValue(size) * 0.6
|
|
22
22
|
}, iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2, theme = useTheme(), getThemedIcon = useGetThemedIcon({
|
|
23
23
|
size: iconSize,
|
|
24
|
-
color: theme.color
|
|
24
|
+
color: color ?? theme.color
|
|
25
25
|
}), childrens = React.Children.toArray(props.children), children = childrens.map(function(child) {
|
|
26
26
|
return props.disablePassStyles || !/* @__PURE__ */ React.isValidElement(child) ? child : getThemedIcon(child);
|
|
27
27
|
}), commonProps = {
|
|
@@ -33,7 +33,8 @@ var TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem
|
|
|
33
33
|
}, inner = /* @__PURE__ */ _jsx(ToggleGroupItemImpl, {
|
|
34
34
|
...commonProps,
|
|
35
35
|
ref: forwardedRef,
|
|
36
|
-
focusable
|
|
36
|
+
// focusable={!disabled}
|
|
37
|
+
tabIndex: disabled ? -1 : 0,
|
|
37
38
|
disabled,
|
|
38
39
|
...groupItemProps
|
|
39
40
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/toggle-group/src/ToggleGroup.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,yBAAyB;AAClC,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AAExB,SAASC,OAAOC,oBAAoB;AACpC,SAASC,4BAA4B;AACrC,SAASC,wBAAwB;AACjC,SAASC,wBAAwB;AACjC,SAASC,4BAA4B;AACrC,SAASC,oBAAoB;AAE7B,
|
|
5
|
-
"names": ["isWeb", "registerFocusable", "getFontSize", "getSize", "Group", "useGroupItem", "withStaticProperties", "useGetThemedIcon", "RovingFocusGroup", "useControllableState", "useDirection", "createStyledContext", "getVariableValue", "styled", "useTheme", "React", "Toggle", "ToggleFrame", "TOGGLE_GROUP_NAME", "TOGGLE_GROUP_ITEM_NAME", "TOGGLE_GROUP_CONTEXT", "Provider", "ToggleGroupItemProvider", "useStyledContext", "useToggleGroupItemContext", "ToggleGroupContext", "useToggleGroupContext", "ToggleGroupItem", "extractable", "forwardRef", "props", "forwardedRef", "disablePassStyles", "rest", "valueContext", "useToggleGroupValueContext", "__scopeToggleGroup", "context", "pressed", "value", "includes", "disabled", "groupItemProps", "size", "sizeProps", "unstyled", "width", "undefined", "height", "padding", "iconSize", "theme", "getThemedIcon", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["isWeb", "registerFocusable", "getFontSize", "getSize", "Group", "useGroupItem", "withStaticProperties", "useGetThemedIcon", "RovingFocusGroup", "useControllableState", "useDirection", "createStyledContext", "getVariableValue", "styled", "usePropsAndStyle", "useTheme", "React", "Toggle", "ToggleFrame", "TOGGLE_GROUP_NAME", "TOGGLE_GROUP_ITEM_NAME", "TOGGLE_GROUP_CONTEXT", "Provider", "ToggleGroupItemProvider", "useStyledContext", "useToggleGroupItemContext", "ToggleGroupContext", "useToggleGroupContext", "ToggleGroupItem", "extractable", "forwardRef", "props", "forwardedRef", "_", "color", "disablePassStyles", "rest", "valueContext", "useToggleGroupValueContext", "__scopeToggleGroup", "context", "pressed", "value", "includes", "disabled", "groupItemProps", "size", "sizeProps", "unstyled", "width", "undefined", "height", "padding", "iconSize", "theme", "getThemedIcon", "childrens", "Children", "toArray", "children", "map", "child", "isValidElement", "commonProps", "inner", "ToggleGroupItemImpl", "ref", "tabIndex", "scope", "rovingFocus", "Item", "asChild", "__scopeRovingFocusGroup", "focusable", "active", "displayName", "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", "handleButtonDeactivate", "filter", "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", "aria-orientation", "axis", "data-disabled"]
|
|
6
6
|
}
|
package/dist/jsx/Toggle.js
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { composeEventHandlers } from "@tamagui/helpers";
|
|
2
2
|
import { ThemeableStack } from "@tamagui/stacks";
|
|
3
3
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
4
|
-
import { styled } from "@tamagui/web";
|
|
4
|
+
import { createStyledContext, styled } from "@tamagui/web";
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
const
|
|
7
|
+
const context = createStyledContext({
|
|
8
|
+
color: ""
|
|
9
|
+
}), NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
|
|
8
10
|
name: NAME,
|
|
9
11
|
tag: "button",
|
|
12
|
+
context,
|
|
10
13
|
variants: {
|
|
11
14
|
unstyled: {
|
|
12
15
|
false: {
|
|
@@ -34,6 +37,9 @@ const NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
|
|
|
34
37
|
}
|
|
35
38
|
}
|
|
36
39
|
},
|
|
40
|
+
color: {
|
|
41
|
+
"...color": () => ({})
|
|
42
|
+
},
|
|
37
43
|
active: {
|
|
38
44
|
true: {
|
|
39
45
|
zIndex: 1,
|
|
@@ -94,6 +100,7 @@ const NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
|
|
|
94
100
|
);
|
|
95
101
|
export {
|
|
96
102
|
Toggle,
|
|
97
|
-
ToggleFrame
|
|
103
|
+
ToggleFrame,
|
|
104
|
+
context
|
|
98
105
|
};
|
|
99
106
|
//# sourceMappingURL=Toggle.js.map
|
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,
|
|
4
|
+
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAErC,SAAS,qBAAqB,cAAoB;AAClD,YAAY,WAAW;AAmHjB;AAjHC,MAAM,UAAU,oBAAoB;AAAA,EACzC,OAAO;AACT,CAAC,GAMK,OAAO,UAMA,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
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/Toggle.mjs
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import { composeEventHandlers } from "@tamagui/helpers";
|
|
2
2
|
import { ThemeableStack } from "@tamagui/stacks";
|
|
3
3
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
4
|
-
import { styled } from "@tamagui/web";
|
|
4
|
+
import { createStyledContext, styled } from "@tamagui/web";
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
const
|
|
7
|
+
const context = createStyledContext({
|
|
8
|
+
color: ""
|
|
9
|
+
}),
|
|
10
|
+
NAME = "Toggle",
|
|
8
11
|
ToggleFrame = styled(ThemeableStack, {
|
|
9
12
|
name: NAME,
|
|
10
13
|
tag: "button",
|
|
14
|
+
context,
|
|
11
15
|
variants: {
|
|
12
16
|
unstyled: {
|
|
13
17
|
false: {
|
|
@@ -35,6 +39,9 @@ const NAME = "Toggle",
|
|
|
35
39
|
}
|
|
36
40
|
}
|
|
37
41
|
},
|
|
42
|
+
color: {
|
|
43
|
+
"...color": () => ({})
|
|
44
|
+
},
|
|
38
45
|
active: {
|
|
39
46
|
true: {
|
|
40
47
|
zIndex: 1,
|
|
@@ -90,5 +97,5 @@ const NAME = "Toggle",
|
|
|
90
97
|
})
|
|
91
98
|
});
|
|
92
99
|
});
|
|
93
|
-
export { Toggle, ToggleFrame };
|
|
100
|
+
export { Toggle, ToggleFrame, context };
|
|
94
101
|
//# sourceMappingURL=Toggle.mjs.map
|
package/dist/jsx/Toggle.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["composeEventHandlers","ThemeableStack","useControllableState","styled","React","jsx","NAME","ToggleFrame","name","tag","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","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,MAAA,
|
|
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;AAmHjB,SAAAC,GAAA;AAjHC,MAAMC,OAAA,GAAUJ,mBAAA,CAAoB;IACzCK,KAAA,EAAO;EACT,CAAC;EAMKC,IAAA,GAAO;EAMAC,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":[]}
|
|
@@ -2,11 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { composeEventHandlers } from "@tamagui/helpers";
|
|
3
3
|
import { ThemeableStack } from "@tamagui/stacks";
|
|
4
4
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
5
|
-
import { styled } from "@tamagui/web";
|
|
5
|
+
import { createStyledContext, styled } from "@tamagui/web";
|
|
6
6
|
import * as React from "react";
|
|
7
|
-
var
|
|
7
|
+
var context = createStyledContext({
|
|
8
|
+
color: ""
|
|
9
|
+
}), NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
|
|
8
10
|
name: NAME,
|
|
9
11
|
tag: "button",
|
|
12
|
+
context,
|
|
10
13
|
variants: {
|
|
11
14
|
unstyled: {
|
|
12
15
|
false: {
|
|
@@ -34,6 +37,11 @@ var NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
|
|
|
34
37
|
}
|
|
35
38
|
}
|
|
36
39
|
},
|
|
40
|
+
color: {
|
|
41
|
+
"...color": function() {
|
|
42
|
+
return {};
|
|
43
|
+
}
|
|
44
|
+
},
|
|
37
45
|
active: {
|
|
38
46
|
true: {
|
|
39
47
|
zIndex: 1,
|
|
@@ -84,6 +92,7 @@ var NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
|
|
|
84
92
|
});
|
|
85
93
|
export {
|
|
86
94
|
Toggle,
|
|
87
|
-
ToggleFrame
|
|
95
|
+
ToggleFrame,
|
|
96
|
+
context
|
|
88
97
|
};
|
|
89
98
|
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/toggle-group/src/Toggle.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,4BAA4B;AACrC,SAASC,sBAAsB;AAC/B,SAASC,4BAA4B;AAErC,SAASC,
|
|
5
|
-
"names": ["composeEventHandlers", "ThemeableStack", "useControllableState", "styled", "React", "NAME", "ToggleFrame", "name", "tag", "variants", "unstyled", "false", "pressTheme", "backgroundColor", "alignItems", "justifyContent", "display", "borderColor", "borderWidth", "margin", "hoverStyle", "pressStyle", "focusStyle", "focusVisibleStyle", "outlineColor", "outlineWidth", "outlineStyle", "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", "undefined", "aria-pressed", "data-state", "data-disabled", "disabled", "ref", "onPress"]
|
|
4
|
+
"mappings": ";AAAA,SAASA,4BAA4B;AACrC,SAASC,sBAAsB;AAC/B,SAASC,4BAA4B;AAErC,SAASC,qBAAqBC,cAAoB;AAClD,YAAYC,WAAW;AAEhB,IAAMC,UAAUH,oBAAoB;EACzCI,OAAO;AACT,CAAA,GAMMC,OAAO,UAMAC,cAAcL,OAAOH,gBAAgB;EAChDS,MAAMF;EACNG,KAAK;EACLL;EAEAM,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,YAAY;QACZC,iBAAiB;QACjBC,YAAY;QACZC,gBAAgB;QAChBC,SAAS;QACTC,aAAa;QACbC,aAAa;QACbC,QAAQ;QACRC,YAAY;UACVP,iBAAiB;QACnB;QACAQ,YAAY;UACVR,iBAAiB;QACnB;QACAS,YAAY;UACVL,aAAa;QACf;QACAM,mBAAmB;UACjBC,cAAc;UACdC,cAAc;UACdC,cAAc;QAChB;MACF;IACF;IAEAtB,OAAO;MACL,YAAY,WAAA;AACV,eAAO,CAAC;MACV;IACF;IAEAuB,QAAQ;MACNC,MAAM;QACJC,QAAQ;QAERT,YAAY;UACVP,iBAAiB;QACnB;QAEAS,YAAY;UACVL,aAAa;UACbJ,iBAAiB;QACnB;MACF;IACF;IAEAiB,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;EAEAE,iBAAiB;IACfzB,UAAU0B,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAcaC,SAASrC,sBAAMsC,WAC1B,SAAgBC,OAAOC,cAAY;AACjC,MAAM,EACJC,SAASC,aACTC,iBAAiB,IACjBC,iBACA,GAAGC,YAAAA,IACDN,OAEE,CAACE,UAAU,IAAOK,UAAAA,IAAcjD,qBAAqB;IACzDkD,MAAML;IACNM,UAAUJ;IACVK,aAAaN;EACf,CAAA,GAckCJ;AAZlC,SACE,qBAACnC,aAAAA;IACE,GAAI,CAACmC,MAAM/B,YAAY;MACtB0C,OAAOT,UAAU,WAAW;MAC5BU,cAAc;IAChB;IACA1B,QAASc,MAAM/B,WAAqB4C,SAAVX;IAC1BY,gBAAcZ;IACda,cAAYb,UAAU,OAAO;IAC7Bc,iBAAehB,MAAMiB,WAAW,KAAKJ;IACpC,GAAGP;IACJY,KAAKjB;IACLkB,SAAS/D,sBAAqB4C,iBAAAA,MAAMmB,aAAO,QAAbnB,mBAAAA,SAAAA,iBAAiBa,QAAW,WAAA;AACxD,MAAKb,MAAMiB,YACTV,WAAW,CAACL,OAAAA;IAEhB,CAAA;;AAGN,CAAA;",
|
|
5
|
+
"names": ["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", "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", "undefined", "aria-pressed", "data-state", "data-disabled", "disabled", "ref", "onPress"]
|
|
6
6
|
}
|
package/dist/jsx/ToggleGroup.js
CHANGED
|
@@ -8,23 +8,32 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
|
8
8
|
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
9
9
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
10
10
|
import { useDirection } from "@tamagui/use-direction";
|
|
11
|
-
import {
|
|
11
|
+
import {
|
|
12
|
+
createStyledContext,
|
|
13
|
+
getVariableValue,
|
|
14
|
+
styled,
|
|
15
|
+
usePropsAndStyle,
|
|
16
|
+
useTheme
|
|
17
|
+
} from "@tamagui/web";
|
|
12
18
|
import React from "react";
|
|
13
19
|
import { Toggle, ToggleFrame } from "./Toggle";
|
|
14
20
|
import { jsx } from "react/jsx-runtime";
|
|
15
21
|
const TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = createStyledContext(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext(), ToggleGroupItem = ToggleFrame.extractable(
|
|
16
22
|
React.forwardRef(
|
|
17
23
|
(props, forwardedRef) => {
|
|
18
|
-
const { 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 ? {} : {
|
|
24
|
+
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 ? {} : {
|
|
19
25
|
width: void 0,
|
|
20
26
|
height: void 0,
|
|
21
27
|
padding: getVariableValue(size) * 0.6
|
|
22
|
-
}, iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2, theme = useTheme(), getThemedIcon = useGetThemedIcon({
|
|
28
|
+
}, iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2, theme = useTheme(), getThemedIcon = useGetThemedIcon({
|
|
29
|
+
size: iconSize,
|
|
30
|
+
color: color ?? theme.color
|
|
31
|
+
}), children = React.Children.toArray(props.children).map((child) => props.disablePassStyles || !React.isValidElement(child) ? child : getThemedIcon(child)), commonProps = { pressed, disabled, ...sizeProps, ...rest, children }, inner = /* @__PURE__ */ jsx(
|
|
23
32
|
ToggleGroupItemImpl,
|
|
24
33
|
{
|
|
25
34
|
...commonProps,
|
|
26
35
|
ref: forwardedRef,
|
|
27
|
-
|
|
36
|
+
tabIndex: disabled ? -1 : 0,
|
|
28
37
|
disabled,
|
|
29
38
|
...groupItemProps
|
|
30
39
|
}
|
|
@@ -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/jsx/ToggleGroup.mjs
CHANGED
|
@@ -8,7 +8,7 @@ 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
13
|
import { Toggle, ToggleFrame } from "./Toggle.mjs";
|
|
14
14
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -24,7 +24,10 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
24
24
|
useStyledContext: useToggleGroupContext
|
|
25
25
|
} = createStyledContext(),
|
|
26
26
|
ToggleGroupItem = ToggleFrame.extractable(React.forwardRef((props, forwardedRef) => {
|
|
27
|
-
const {
|
|
27
|
+
const [_, {
|
|
28
|
+
color
|
|
29
|
+
}] = usePropsAndStyle(props),
|
|
30
|
+
{
|
|
28
31
|
disablePassStyles,
|
|
29
32
|
...rest
|
|
30
33
|
} = props,
|
|
@@ -45,7 +48,7 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
45
48
|
theme = useTheme(),
|
|
46
49
|
getThemedIcon = useGetThemedIcon({
|
|
47
50
|
size: iconSize,
|
|
48
|
-
color: theme.color
|
|
51
|
+
color: color ?? theme.color
|
|
49
52
|
}),
|
|
50
53
|
children = React.Children.toArray(props.children).map(child => props.disablePassStyles || !React.isValidElement(child) ? child : getThemedIcon(child)),
|
|
51
54
|
commonProps = {
|
|
@@ -58,7 +61,7 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
58
61
|
inner = /* @__PURE__ */jsx(ToggleGroupItemImpl, {
|
|
59
62
|
...commonProps,
|
|
60
63
|
ref: forwardedRef,
|
|
61
|
-
|
|
64
|
+
tabIndex: disabled ? -1 : 0,
|
|
62
65
|
disabled,
|
|
63
66
|
...groupItemProps
|
|
64
67
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","useTheme","React","Toggle","ToggleFrame","jsx","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","useStyledContext","useToggleGroupItemContext","ToggleGroupContext","useToggleGroupContext","ToggleGroupItem","extractable","forwardRef","props","forwardedRef","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","
|
|
1
|
+
{"version":3,"names":["isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","usePropsAndStyle","useTheme","React","Toggle","ToggleFrame","jsx","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","useStyledContext","useToggleGroupItemContext","ToggleGroupContext","useToggleGroupContext","ToggleGroupItem","extractable","forwardRef","props","forwardedRef","_","color","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","children","Children","toArray","map","child","isValidElement","commonProps","inner","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","active","displayName","itemProps","singleProps","typeProps","type","onPressedChange","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","name","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round","axis"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -9,11 +9,11 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
|
9
9
|
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
10
10
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
11
11
|
import { useDirection } from "@tamagui/use-direction";
|
|
12
|
-
import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
|
|
12
|
+
import { createStyledContext, getVariableValue, styled, usePropsAndStyle, useTheme } from "@tamagui/web";
|
|
13
13
|
import React from "react";
|
|
14
14
|
import { Toggle, ToggleFrame } from "./Toggle";
|
|
15
15
|
var TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = createStyledContext(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext(), ToggleGroupItem = ToggleFrame.extractable(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
16
|
-
var { disablePassStyles, ...rest } = props, valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext == null ? void 0 : valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = useGroupItem({
|
|
16
|
+
var [_, { color }] = usePropsAndStyle(props), { disablePassStyles, ...rest } = props, valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext == null ? void 0 : valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = useGroupItem({
|
|
17
17
|
disabled
|
|
18
18
|
}), _props_size, size = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size, sizeProps = props.unstyled ? {} : {
|
|
19
19
|
width: void 0,
|
|
@@ -21,7 +21,7 @@ var TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem
|
|
|
21
21
|
padding: getVariableValue(size) * 0.6
|
|
22
22
|
}, iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2, theme = useTheme(), getThemedIcon = useGetThemedIcon({
|
|
23
23
|
size: iconSize,
|
|
24
|
-
color: theme.color
|
|
24
|
+
color: color ?? theme.color
|
|
25
25
|
}), childrens = React.Children.toArray(props.children), children = childrens.map(function(child) {
|
|
26
26
|
return props.disablePassStyles || !/* @__PURE__ */ React.isValidElement(child) ? child : getThemedIcon(child);
|
|
27
27
|
}), commonProps = {
|
|
@@ -33,7 +33,8 @@ var TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem
|
|
|
33
33
|
}, inner = /* @__PURE__ */ _jsx(ToggleGroupItemImpl, {
|
|
34
34
|
...commonProps,
|
|
35
35
|
ref: forwardedRef,
|
|
36
|
-
focusable
|
|
36
|
+
// focusable={!disabled}
|
|
37
|
+
tabIndex: disabled ? -1 : 0,
|
|
37
38
|
disabled,
|
|
38
39
|
...groupItemProps
|
|
39
40
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/toggle-group/src/ToggleGroup.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,yBAAyB;AAClC,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AAExB,SAASC,OAAOC,oBAAoB;AACpC,SAASC,4BAA4B;AACrC,SAASC,wBAAwB;AACjC,SAASC,wBAAwB;AACjC,SAASC,4BAA4B;AACrC,SAASC,oBAAoB;AAE7B,
|
|
5
|
-
"names": ["isWeb", "registerFocusable", "getFontSize", "getSize", "Group", "useGroupItem", "withStaticProperties", "useGetThemedIcon", "RovingFocusGroup", "useControllableState", "useDirection", "createStyledContext", "getVariableValue", "styled", "useTheme", "React", "Toggle", "ToggleFrame", "TOGGLE_GROUP_NAME", "TOGGLE_GROUP_ITEM_NAME", "TOGGLE_GROUP_CONTEXT", "Provider", "ToggleGroupItemProvider", "useStyledContext", "useToggleGroupItemContext", "ToggleGroupContext", "useToggleGroupContext", "ToggleGroupItem", "extractable", "forwardRef", "props", "forwardedRef", "disablePassStyles", "rest", "valueContext", "useToggleGroupValueContext", "__scopeToggleGroup", "context", "pressed", "value", "includes", "disabled", "groupItemProps", "size", "sizeProps", "unstyled", "width", "undefined", "height", "padding", "iconSize", "theme", "getThemedIcon", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["isWeb", "registerFocusable", "getFontSize", "getSize", "Group", "useGroupItem", "withStaticProperties", "useGetThemedIcon", "RovingFocusGroup", "useControllableState", "useDirection", "createStyledContext", "getVariableValue", "styled", "usePropsAndStyle", "useTheme", "React", "Toggle", "ToggleFrame", "TOGGLE_GROUP_NAME", "TOGGLE_GROUP_ITEM_NAME", "TOGGLE_GROUP_CONTEXT", "Provider", "ToggleGroupItemProvider", "useStyledContext", "useToggleGroupItemContext", "ToggleGroupContext", "useToggleGroupContext", "ToggleGroupItem", "extractable", "forwardRef", "props", "forwardedRef", "_", "color", "disablePassStyles", "rest", "valueContext", "useToggleGroupValueContext", "__scopeToggleGroup", "context", "pressed", "value", "includes", "disabled", "groupItemProps", "size", "sizeProps", "unstyled", "width", "undefined", "height", "padding", "iconSize", "theme", "getThemedIcon", "childrens", "Children", "toArray", "children", "map", "child", "isValidElement", "commonProps", "inner", "ToggleGroupItemImpl", "ref", "tabIndex", "scope", "rovingFocus", "Item", "asChild", "__scopeRovingFocusGroup", "focusable", "active", "displayName", "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", "handleButtonDeactivate", "filter", "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", "aria-orientation", "axis", "data-disabled"]
|
|
6
6
|
}
|