@tamagui/toggle-group 2.7.6 → 3.0.0-beta.637.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.
Files changed (78) hide show
  1. package/dist/cjs/Toggle.cjs +65 -130
  2. package/dist/cjs/Toggle.native.cjs +100 -0
  3. package/dist/cjs/Toggle.native.js +75 -136
  4. package/dist/cjs/Toggle.native.js.map +1 -1
  5. package/dist/cjs/ToggleGroup.cjs +158 -211
  6. package/dist/cjs/ToggleGroup.native.cjs +208 -0
  7. package/dist/cjs/ToggleGroup.native.js +173 -225
  8. package/dist/cjs/ToggleGroup.native.js.map +1 -1
  9. package/dist/cjs/context.cjs +19 -20
  10. package/dist/cjs/context.native.cjs +37 -0
  11. package/dist/cjs/context.native.js +20 -20
  12. package/dist/cjs/context.native.js.map +1 -1
  13. package/dist/cjs/index.cjs +15 -18
  14. package/dist/cjs/index.native.cjs +29 -0
  15. package/dist/cjs/index.native.js +15 -17
  16. package/dist/cjs/index.native.js.map +1 -1
  17. package/dist/cjs/types.cjs +10 -11
  18. package/dist/cjs/types.native.cjs +19 -0
  19. package/dist/cjs/types.native.js +10 -10
  20. package/dist/cjs/types.native.js.map +1 -1
  21. package/dist/esm/Toggle.mjs +53 -104
  22. package/dist/esm/Toggle.mjs.map +1 -1
  23. package/dist/esm/Toggle.native.js +61 -115
  24. package/dist/esm/Toggle.native.js.map +1 -1
  25. package/dist/esm/ToggleGroup.mjs +145 -188
  26. package/dist/esm/ToggleGroup.mjs.map +1 -1
  27. package/dist/esm/ToggleGroup.native.js +160 -203
  28. package/dist/esm/ToggleGroup.native.js.map +1 -1
  29. package/dist/esm/context.mjs +5 -3
  30. package/dist/esm/context.mjs.map +1 -1
  31. package/dist/esm/context.native.js +6 -4
  32. package/dist/esm/context.native.js.map +1 -1
  33. package/dist/esm/index.js +4 -3
  34. package/dist/esm/index.mjs +4 -3
  35. package/dist/esm/index.native.js +4 -3
  36. package/dist/esm/types.mjs +0 -2
  37. package/dist/esm/types.native.js +0 -2
  38. package/dist/jsx/Toggle.mjs +53 -104
  39. package/dist/jsx/Toggle.mjs.map +1 -1
  40. package/dist/jsx/Toggle.native.cjs +100 -0
  41. package/dist/jsx/Toggle.native.js +75 -136
  42. package/dist/jsx/Toggle.native.js.map +1 -1
  43. package/dist/jsx/ToggleGroup.mjs +145 -188
  44. package/dist/jsx/ToggleGroup.mjs.map +1 -1
  45. package/dist/jsx/ToggleGroup.native.cjs +208 -0
  46. package/dist/jsx/ToggleGroup.native.js +173 -225
  47. package/dist/jsx/ToggleGroup.native.js.map +1 -1
  48. package/dist/jsx/context.mjs +5 -3
  49. package/dist/jsx/context.mjs.map +1 -1
  50. package/dist/jsx/context.native.cjs +37 -0
  51. package/dist/jsx/context.native.js +20 -20
  52. package/dist/jsx/context.native.js.map +1 -1
  53. package/dist/jsx/index.js +4 -3
  54. package/dist/jsx/index.mjs +4 -3
  55. package/dist/jsx/index.native.cjs +29 -0
  56. package/dist/jsx/index.native.js +15 -17
  57. package/dist/jsx/index.native.js.map +1 -1
  58. package/dist/jsx/types.mjs +0 -2
  59. package/dist/jsx/types.native.cjs +19 -0
  60. package/dist/jsx/types.native.js +10 -10
  61. package/dist/jsx/types.native.js.map +1 -1
  62. package/package.json +16 -15
  63. package/src/Toggle.tsx +27 -66
  64. package/src/ToggleGroup.tsx +13 -10
  65. package/types/Toggle.d.ts +45 -49
  66. package/types/Toggle.d.ts.map +1 -1
  67. package/types/ToggleGroup.d.ts +26 -87
  68. package/types/ToggleGroup.d.ts.map +1 -1
  69. package/types/context.d.ts +1 -1
  70. package/types/context.d.ts.map +1 -1
  71. package/dist/esm/index.js.map +0 -1
  72. package/dist/esm/index.mjs.map +0 -1
  73. package/dist/esm/index.native.js.map +0 -1
  74. package/dist/esm/types.mjs.map +0 -1
  75. package/dist/esm/types.native.js.map +0 -1
  76. package/dist/jsx/index.js.map +0 -1
  77. package/dist/jsx/index.mjs.map +0 -1
  78. package/dist/jsx/types.mjs.map +0 -1
@@ -1,223 +1,180 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { createRefComponent } from "@tamagui/compose-refs";
2
3
  import { isWeb } from "@tamagui/constants";
3
4
  import { registerFocusable } from "@tamagui/focusable";
4
5
  import { withStaticProperties } from "@tamagui/helpers";
5
6
  import { RovingFocusGroup } from "@tamagui/roving-focus";
6
7
  import { useControllableState } from "@tamagui/use-controllable-state";
7
8
  import { useDirection } from "@tamagui/use-direction";
8
- import { createStyledContext, styled, View } from "@tamagui/web";
9
+ import { View, createStyledContext, createStyledHOC, styled } from "@tamagui/web";
9
10
  import React from "react";
10
11
  import { Toggle, ToggleFrame } from "./Toggle.native.js";
11
- import { context as ToggleContext } from "./context.native.js";
12
+ import { context } from "./context.native.js";
13
+
12
14
  var TOGGLE_GROUP_NAME = "ToggleGroup";
13
15
  var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
14
16
  var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
15
- var {
16
- Provider: ToggleGroupItemProvider
17
- } = createStyledContext();
18
- var {
19
- Provider: ToggleGroupContext,
20
- useStyledContext: useToggleGroupContext
21
- } = createStyledContext({});
22
- var ToggleGroupItem = ToggleFrame.styleable(function (props, forwardedRef) {
23
- var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
24
- var context = useToggleGroupContext(props.__scopeToggleGroup);
25
- var toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);
26
- var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);
27
- var color = props.color || toggleContext.color;
28
- var disabled = context.disabled || props.disabled || false;
29
- var inner = /* @__PURE__ */_jsx(ToggleGroupItemImpl, {
30
- ref: forwardedRef,
31
- tabIndex: disabled ? -1 : 0,
32
- ...props,
33
- active,
34
- disabled
35
- });
36
- return /* @__PURE__ */_jsx(ToggleGroupItemProvider, {
37
- scope: props.__scopeToggleGroup,
38
- children: /* @__PURE__ */_jsx(ToggleContext.Provider, {
39
- color,
40
- active,
41
- children: context.rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup.Item, {
42
- asChild: "except-style",
43
- __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
44
- focusable: !disabled,
45
- active,
46
- children: inner
47
- }) : inner
48
- })
49
- });
17
+ var { Provider: ToggleGroupItemProvider } = createStyledContext();
18
+ var { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});
19
+ var ToggleGroupItem = createStyledHOC(ToggleFrame, function(props, forwardedRef) {
20
+ var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
21
+ var context$1 = useToggleGroupContext(props.__scopeToggleGroup);
22
+ var toggleContext = context.useStyledContext(props.__scopeToggleGroup);
23
+ var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);
24
+ var color = props.color || toggleContext.color;
25
+ var disabled = context$1.disabled || props.disabled || false;
26
+ var inner = /* @__PURE__ */ jsx(ToggleGroupItemImpl, {
27
+ ref: forwardedRef,
28
+ tabIndex: disabled ? -1 : 0,
29
+ ...props,
30
+ active,
31
+ disabled
32
+ });
33
+ return /* @__PURE__ */ jsx(ToggleGroupItemProvider, {
34
+ scope: props.__scopeToggleGroup,
35
+ children: /* @__PURE__ */ jsx(context.Provider, {
36
+ color,
37
+ active,
38
+ children: context$1.rovingFocus ? /* @__PURE__ */ jsx(RovingFocusGroup.Item, {
39
+ asChild: "except-style",
40
+ __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
41
+ tabIndex: disabled ? -1 : 0,
42
+ active,
43
+ children: inner
44
+ }) : inner
45
+ })
46
+ });
50
47
  });
51
48
  ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
52
- var ToggleGroupItemImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
53
- var {
54
- __scopeToggleGroup,
55
- value,
56
- ...itemProps
57
- } = props;
58
- var valueContext = useToggleGroupValueContext(__scopeToggleGroup);
59
- var singleProps = {
60
- "aria-pressed": void 0
61
- };
62
- var typeProps = valueContext.type === "single" ? singleProps : void 0;
63
- return /* @__PURE__ */_jsx(Toggle, {
64
- ...typeProps,
65
- ...itemProps,
66
- ref: forwardedRef,
67
- onActiveChange: function (pressed) {
68
- if (pressed) {
69
- valueContext.onItemActivate(value);
70
- } else {
71
- valueContext.onItemDeactivate(value);
72
- }
73
- }
74
- });
75
- });
76
- var ToggleGroup = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
77
- var {
78
- type,
79
- ...toggleGroupProps
80
- } = props;
81
- if (!isWeb) {
82
- React.useEffect(function () {
83
- if (!props.id) return;
84
- return registerFocusable(props.id, {
85
- focus: function () {}
86
- });
87
- }, [props.id]);
88
- }
89
- if (type === "single") {
90
- var singleProps = toggleGroupProps;
91
- return /* @__PURE__ */_jsx(ToggleGroupImplSingle, {
92
- ...singleProps,
93
- ref: forwardedRef
94
- });
95
- }
96
- if (type === "multiple") {
97
- var multipleProps = toggleGroupProps;
98
- return /* @__PURE__ */_jsx(ToggleGroupImplMultiple, {
99
- ...multipleProps,
100
- ref: forwardedRef
101
- });
102
- }
103
- throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
104
- }), {
105
- Item: ToggleGroupItem
49
+ var ToggleGroupItemImpl = createRefComponent(function(props, forwardedRef) {
50
+ var { __scopeToggleGroup, value, ...itemProps } = props;
51
+ var valueContext = useToggleGroupValueContext(__scopeToggleGroup);
52
+ var singleProps = { "aria-pressed": void 0 };
53
+ var typeProps = valueContext.type === "single" ? singleProps : void 0;
54
+ return /* @__PURE__ */ jsx(Toggle, {
55
+ ...typeProps,
56
+ ...itemProps,
57
+ ref: forwardedRef,
58
+ onActiveChange: function(pressed) {
59
+ if (pressed) {
60
+ valueContext.onItemActivate(value);
61
+ } else {
62
+ valueContext.onItemDeactivate(value);
63
+ }
64
+ }
65
+ });
106
66
  });
67
+ var ToggleGroup = withStaticProperties(createRefComponent(function(props, forwardedRef) {
68
+ var { type, ...toggleGroupProps } = props;
69
+ if (!isWeb) {
70
+ React.useEffect(function() {
71
+ if (!props.id) return;
72
+ return registerFocusable(props.id, { focus: function() {} });
73
+ }, [props.id]);
74
+ }
75
+ if (type === "single") {
76
+ var singleProps = toggleGroupProps;
77
+ return /* @__PURE__ */ jsx(ToggleGroupImplSingle, {
78
+ ...singleProps,
79
+ ref: forwardedRef
80
+ });
81
+ }
82
+ if (type === "multiple") {
83
+ var multipleProps = toggleGroupProps;
84
+ return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, {
85
+ ...multipleProps,
86
+ ref: forwardedRef
87
+ });
88
+ }
89
+ throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
90
+ }), { Item: ToggleGroupItem });
107
91
  ToggleGroup.displayName = TOGGLE_GROUP_NAME;
108
- var {
109
- Provider: ToggleGroupValueProvider,
110
- useStyledContext: useToggleGroupValueContext
111
- } = createStyledContext();
112
- var ToggleGroupImplSingle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
113
- var {
114
- value: valueProp,
115
- defaultValue,
116
- onValueChange = function () {},
117
- disableDeactivation = false,
118
- children,
119
- ...toggleGroupSingleProps
120
- } = props;
121
- var [value, setValue] = useControllableState({
122
- prop: valueProp,
123
- defaultProp: defaultValue,
124
- onChange: onValueChange
125
- });
126
- return /* @__PURE__ */_jsx(ToggleGroupValueProvider, {
127
- scope: props.__scopeToggleGroup,
128
- type: "single",
129
- value: value ? [value] : [],
130
- defaultValue: value,
131
- onItemActivate: setValue,
132
- onItemDeactivate: React.useCallback(function () {
133
- return disableDeactivation ? null : setValue("");
134
- }, [setValue, disableDeactivation]),
135
- children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
136
- ...toggleGroupSingleProps,
137
- ref: forwardedRef,
138
- children
139
- })
140
- });
141
- });
142
- var ToggleGroupImplMultiple = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
143
- var {
144
- value: valueProp,
145
- defaultValue,
146
- onValueChange = function () {},
147
- disableDeactivation,
148
- children,
149
- ...toggleGroupMultipleProps
150
- } = props;
151
- var [value = [], setValue] = useControllableState({
152
- prop: valueProp,
153
- defaultProp: defaultValue,
154
- onChange: onValueChange
155
- });
156
- var handleButtonActivate = React.useCallback(function (itemValue) {
157
- return setValue(function () {
158
- var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
159
- return [...prevValue, itemValue];
160
- });
161
- }, [setValue]);
162
- var handleButtonDeactivate = React.useCallback(function (itemValue) {
163
- return setValue(function () {
164
- var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
165
- return prevValue.filter(function (value2) {
166
- return value2 !== itemValue;
167
- });
168
- });
169
- }, [setValue]);
170
- return /* @__PURE__ */_jsx(ToggleGroupValueProvider, {
171
- scope: props.__scopeToggleGroup,
172
- type: "multiple",
173
- value,
174
- defaultValue: value,
175
- onItemActivate: handleButtonActivate,
176
- onItemDeactivate: handleButtonDeactivate,
177
- children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
178
- ...toggleGroupMultipleProps,
179
- ref: forwardedRef,
180
- children
181
- })
182
- });
92
+ var { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = createStyledContext();
93
+ var ToggleGroupImplSingle = createRefComponent(function(props, forwardedRef) {
94
+ var { value: valueProp, defaultValue, onValueChange = function() {}, disableDeactivation = false, children, ...toggleGroupSingleProps } = props;
95
+ var [value, setValue] = useControllableState({
96
+ prop: valueProp,
97
+ defaultProp: defaultValue,
98
+ onChange: onValueChange
99
+ });
100
+ return /* @__PURE__ */ jsx(ToggleGroupValueProvider, {
101
+ scope: props.__scopeToggleGroup,
102
+ type: "single",
103
+ value: value ? [value] : [],
104
+ defaultValue: value,
105
+ onItemActivate: setValue,
106
+ onItemDeactivate: React.useCallback(function() {
107
+ return disableDeactivation ? null : setValue("");
108
+ }, [setValue, disableDeactivation]),
109
+ children: /* @__PURE__ */ jsx(ToggleGroupImpl, {
110
+ ...toggleGroupSingleProps,
111
+ ref: forwardedRef,
112
+ children
113
+ })
114
+ });
183
115
  });
184
- var ToggleGroupFrame = styled(View, {
185
- name: TOGGLE_GROUP_NAME
116
+ var ToggleGroupImplMultiple = createRefComponent(function(props, forwardedRef) {
117
+ var { value: valueProp, defaultValue, onValueChange = function() {}, disableDeactivation, children, ...toggleGroupMultipleProps } = props;
118
+ var [value = [], setValue] = useControllableState({
119
+ prop: valueProp,
120
+ defaultProp: defaultValue,
121
+ onChange: onValueChange
122
+ });
123
+ var handleButtonActivate = React.useCallback(function(itemValue) {
124
+ return setValue(function() {
125
+ var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
126
+ return [...prevValue, itemValue];
127
+ });
128
+ }, [setValue]);
129
+ var handleButtonDeactivate = React.useCallback(function(itemValue) {
130
+ return setValue(function() {
131
+ var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
132
+ return prevValue.filter(function(value2) {
133
+ return value2 !== itemValue;
134
+ });
135
+ });
136
+ }, [setValue]);
137
+ return /* @__PURE__ */ jsx(ToggleGroupValueProvider, {
138
+ scope: props.__scopeToggleGroup,
139
+ type: "multiple",
140
+ value,
141
+ defaultValue: value,
142
+ onItemActivate: handleButtonActivate,
143
+ onItemDeactivate: handleButtonDeactivate,
144
+ children: /* @__PURE__ */ jsx(ToggleGroupImpl, {
145
+ ...toggleGroupMultipleProps,
146
+ ref: forwardedRef,
147
+ children
148
+ })
149
+ });
186
150
  });
187
- var ToggleGroupImpl = ToggleGroupFrame.styleable(function (props, forwardedRef) {
188
- var {
189
- __scopeToggleGroup,
190
- disabled = false,
191
- orientation = "horizontal",
192
- dir,
193
- rovingFocus = true,
194
- loop = true,
195
- color,
196
- ...toggleGroupProps
197
- } = props;
198
- var direction = useDirection(dir);
199
- var content = /* @__PURE__ */_jsx(ToggleGroupFrame, {
200
- role: "group",
201
- ref: forwardedRef,
202
- "data-disabled": disabled ? "" : void 0,
203
- ...toggleGroupProps
204
- });
205
- return /* @__PURE__ */_jsx(ToggleGroupContext, {
206
- scope: __scopeToggleGroup,
207
- rovingFocus,
208
- disabled,
209
- children: /* @__PURE__ */_jsx(ToggleContext.Provider, {
210
- color,
211
- children: rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup, {
212
- asChild: "except-style",
213
- __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
214
- orientation,
215
- dir: direction,
216
- loop,
217
- children: content
218
- }) : content
219
- })
220
- });
151
+ var ToggleGroupFrame = styled(View, { displayName: TOGGLE_GROUP_NAME });
152
+ var ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, function(props, forwardedRef) {
153
+ var { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;
154
+ var direction = useDirection(dir);
155
+ var content = /* @__PURE__ */ jsx(ToggleGroupFrame, {
156
+ role: "group",
157
+ ref: forwardedRef,
158
+ "data-disabled": disabled ? "" : void 0,
159
+ ...toggleGroupProps
160
+ });
161
+ return /* @__PURE__ */ jsx(ToggleGroupContext, {
162
+ scope: __scopeToggleGroup,
163
+ rovingFocus,
164
+ disabled,
165
+ children: /* @__PURE__ */ jsx(context.Provider, {
166
+ color,
167
+ children: rovingFocus ? /* @__PURE__ */ jsx(RovingFocusGroup, {
168
+ asChild: "except-style",
169
+ __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
170
+ orientation,
171
+ dir: direction,
172
+ loop,
173
+ children: content
174
+ }) : content
175
+ })
176
+ });
221
177
  });
178
+
222
179
  export { ToggleGroup };
223
180
  //# sourceMappingURL=ToggleGroup.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","withStaticProperties","RovingFocusGroup","useControllableState","useDirection","createStyledContext","styled","View","React","Toggle","ToggleFrame","context","ToggleContext","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","toggleContext","active","value","includes","color","disabled","inner","ToggleGroupItemImpl","ref","tabIndex","scope","children","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","onActiveChange","pressed","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupFrame","name","orientation","dir","loop","direction","content","role"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ToggleGroup.native.js","names":["context","ToggleContext"],"sources":["esm/ToggleGroup.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport { createStyledHOC, createStyledContext, styled, View } from \"@tamagui/web\";\nimport React from \"react\";\nimport { Toggle, ToggleFrame } from \"./Toggle\";\nimport { context as ToggleContext } from \"./context\";\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nvar TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nvar { Provider: ToggleGroupItemProvider } = createStyledContext();\nvar { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});\nvar ToggleGroupItem = createStyledHOC(ToggleFrame, function(props, forwardedRef) {\n var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n var context = useToggleGroupContext(props.__scopeToggleGroup);\n var toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);\n var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);\n var color = props.color || toggleContext.color;\n var disabled = context.disabled || props.disabled || false;\n var inner = /* @__PURE__ */ _jsx(ToggleGroupItemImpl, {\n ref: forwardedRef,\n tabIndex: disabled ? -1 : 0,\n ...props,\n active,\n disabled\n });\n return /* @__PURE__ */ _jsx(ToggleGroupItemProvider, {\n scope: props.__scopeToggleGroup,\n children: /* @__PURE__ */ _jsx(ToggleContext.Provider, {\n color,\n active,\n children: context.rovingFocus ? /* @__PURE__ */ _jsx(RovingFocusGroup.Item, {\n asChild: \"except-style\",\n __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n tabIndex: disabled ? -1 : 0,\n active,\n children: inner\n }) : inner\n })\n });\n});\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nvar ToggleGroupItemImpl = createRefComponent(function(props, forwardedRef) {\n var { __scopeToggleGroup, value, ...itemProps } = props;\n var valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n var singleProps = {\n \"aria-pressed\": void 0\n };\n var typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n return /* @__PURE__ */ _jsx(Toggle, {\n ...typeProps,\n ...itemProps,\n ref: forwardedRef,\n onActiveChange: function(pressed) {\n if (pressed) {\n valueContext.onItemActivate(value);\n } else {\n valueContext.onItemDeactivate(value);\n }\n }\n });\n});\nvar ToggleGroup = withStaticProperties(createRefComponent(function(props, forwardedRef) {\n var { type, ...toggleGroupProps } = props;\n if (!isWeb) {\n React.useEffect(function() {\n if (!props.id) return;\n return registerFocusable(props.id, {\n focus: function() {\n }\n });\n }, [\n props.id\n ]);\n }\n if (type === \"single\") {\n var singleProps = toggleGroupProps;\n return /* @__PURE__ */ _jsx(ToggleGroupImplSingle, {\n ...singleProps,\n ref: forwardedRef\n });\n }\n if (type === \"multiple\") {\n var multipleProps = toggleGroupProps;\n return /* @__PURE__ */ _jsx(ToggleGroupImplMultiple, {\n ...multipleProps,\n ref: forwardedRef\n });\n }\n throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n}), {\n Item: ToggleGroupItem\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = createStyledContext();\nvar ToggleGroupImplSingle = createRefComponent(function(props, forwardedRef) {\n var { value: valueProp, defaultValue, onValueChange = function() {\n }, disableDeactivation = false, children, ...toggleGroupSingleProps } = props;\n var [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange\n });\n return /* @__PURE__ */ _jsx(ToggleGroupValueProvider, {\n scope: props.__scopeToggleGroup,\n type: \"single\",\n value: value ? [\n value\n ] : [],\n defaultValue: value,\n onItemActivate: setValue,\n onItemDeactivate: React.useCallback(function() {\n return disableDeactivation ? null : setValue(\"\");\n }, [\n setValue,\n disableDeactivation\n ]),\n children: /* @__PURE__ */ _jsx(ToggleGroupImpl, {\n ...toggleGroupSingleProps,\n ref: forwardedRef,\n children\n })\n });\n});\nvar ToggleGroupImplMultiple = createRefComponent(function(props, forwardedRef) {\n var { value: valueProp, defaultValue, onValueChange = function() {\n }, disableDeactivation, children, ...toggleGroupMultipleProps } = props;\n var [value = [], setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange\n });\n var handleButtonActivate = React.useCallback(function(itemValue) {\n return setValue(function() {\n var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n return [\n ...prevValue,\n itemValue\n ];\n });\n }, [\n setValue\n ]);\n var handleButtonDeactivate = React.useCallback(function(itemValue) {\n return setValue(function() {\n var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n return prevValue.filter(function(value2) {\n return value2 !== itemValue;\n });\n });\n }, [\n setValue\n ]);\n return /* @__PURE__ */ _jsx(ToggleGroupValueProvider, {\n scope: props.__scopeToggleGroup,\n type: \"multiple\",\n value,\n defaultValue: value,\n onItemActivate: handleButtonActivate,\n onItemDeactivate: handleButtonDeactivate,\n children: /* @__PURE__ */ _jsx(ToggleGroupImpl, {\n ...toggleGroupMultipleProps,\n ref: forwardedRef,\n children\n })\n });\n});\nvar ToggleGroupFrame = styled(View, {\n displayName: TOGGLE_GROUP_NAME\n});\nvar ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, function(props, forwardedRef) {\n var { __scopeToggleGroup, disabled = false, orientation = \"horizontal\", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;\n var direction = useDirection(dir);\n var content = /* @__PURE__ */ _jsx(ToggleGroupFrame, {\n role: \"group\",\n ref: forwardedRef,\n \"data-disabled\": disabled ? \"\" : void 0,\n ...toggleGroupProps\n });\n return /* @__PURE__ */ _jsx(ToggleGroupContext, {\n scope: __scopeToggleGroup,\n rovingFocus,\n disabled,\n children: /* @__PURE__ */ _jsx(ToggleContext.Provider, {\n color,\n children: rovingFocus ? /* @__PURE__ */ _jsx(RovingFocusGroup, {\n asChild: \"except-style\",\n __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n orientation,\n dir: direction,\n loop,\n children: content\n }) : content\n })\n });\n});\nexport {\n ToggleGroup\n};\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}
@@ -1,10 +1,12 @@
1
1
  import { createStyledContext } from "@tamagui/web";
2
+
2
3
  const context = createStyledContext({
3
- color: "",
4
- active: false
4
+ color: "",
5
+ active: false
5
6
  });
6
7
  const useToggleGroupItem = () => {
7
- return context.useStyledContext();
8
+ return context.useStyledContext();
8
9
  };
10
+
9
11
  export { context, useToggleGroupItem };
10
12
  //# sourceMappingURL=context.mjs.map
@@ -1 +1 @@
1
- {"version":3,"names":["createStyledContext","context","color","active","useToggleGroupItem","useStyledContext"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AAE7B,MAAMC,OAAA,GAAUD,mBAAA,CAAoB;EACzCE,KAAA,EAAO;EACPC,MAAA,EAAQ;AACV,CAAC;AAEM,MAAMC,kBAAA,GAAqBA,CAAA,KAAM;EACtC,OAAOH,OAAA,CAAQI,gBAAA,CAAiB;AAClC","ignoreList":[]}
1
+ {"version":3,"file":"context.js","names":[],"sources":["esm/context.js"],"sourcesContent":["import { createStyledContext } from \"@tamagui/web\";\nconst context = createStyledContext({\n color: \"\",\n active: false\n});\nconst useToggleGroupItem = () => {\n return context.useStyledContext();\n};\nexport {\n context,\n useToggleGroupItem\n};\n//# sourceMappingURL=context.js.map\n"],"mappings":";;;AACA,MAAM,UAAU,oBAAoB;CAClC,OAAO;CACP,QAAQ;AACV,CAAC;AACD,MAAM,2BAA2B;CAC/B,OAAO,QAAQ,iBAAiB;AAClC"}
@@ -1,10 +1,12 @@
1
1
  import { createStyledContext } from "@tamagui/web";
2
+
2
3
  var context = createStyledContext({
3
- color: "",
4
- active: false
4
+ color: "",
5
+ active: false
5
6
  });
6
- var useToggleGroupItem = function () {
7
- return context.useStyledContext();
7
+ var useToggleGroupItem = function() {
8
+ return context.useStyledContext();
8
9
  };
10
+
9
11
  export { context, useToggleGroupItem };
10
12
  //# sourceMappingURL=context.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["createStyledContext","context","color","active","useToggleGroupItem","useStyledContext"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AAE7B,IAAAC,OAAM,GAAAD,mBAAU;EACrBE,KAAA,EAAO;EACPC,MAAA,EAAQ;AACV,CAAC;AAEM,IAAAC,kBAAM,YAAAA,CAAA,EAA2B;EACtC,OAAOH,OAAA,CAAQI,gBAAA,CAAiB;AAClC","ignoreList":[]}
1
+ {"version":3,"file":"context.native.js","names":[],"sources":["esm/context.native.js"],"sourcesContent":["import { createStyledContext } from \"@tamagui/web\";\nvar context = createStyledContext({\n color: \"\",\n active: false\n});\nvar useToggleGroupItem = function() {\n return context.useStyledContext();\n};\nexport {\n context,\n useToggleGroupItem\n};\n//# sourceMappingURL=context.js.map\n"],"mappings":";;;AACA,IAAI,UAAU,oBAAoB;CAChC,OAAO;CACP,QAAQ;AACV,CAAC;AACD,IAAI,qBAAqB,WAAW;CAClC,OAAO,QAAQ,iBAAiB;AAClC"}
package/dist/esm/index.js CHANGED
@@ -1,4 +1,5 @@
1
- export * from "./ToggleGroup.mjs";
2
1
  import { useToggleGroupItem } from "./context.mjs";
3
- export { useToggleGroupItem };
4
- //# sourceMappingURL=index.js.map
2
+
3
+ export * from "./ToggleGroup.mjs"
4
+
5
+ export { useToggleGroupItem };
@@ -1,4 +1,5 @@
1
- export * from "./ToggleGroup.mjs";
2
1
  import { useToggleGroupItem } from "./context.mjs";
3
- export { useToggleGroupItem };
4
- //# sourceMappingURL=index.mjs.map
2
+
3
+ export * from "./ToggleGroup.mjs"
4
+
5
+ export { useToggleGroupItem };
@@ -1,4 +1,5 @@
1
- export * from "./ToggleGroup.native.js";
2
1
  import { useToggleGroupItem } from "./context.native.js";
3
- export { useToggleGroupItem };
4
- //# sourceMappingURL=index.native.js.map
2
+
3
+ export * from "./ToggleGroup.native.js"
4
+
5
+ export { useToggleGroupItem };
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.mjs.map
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.native.js.map