@tamagui/toggle-group 2.0.0-rc.4 → 2.0.0-rc.40
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 +129 -125
- package/dist/cjs/Toggle.native.js +132 -128
- package/dist/cjs/Toggle.native.js.map +1 -1
- package/dist/cjs/ToggleGroup.cjs +218 -202
- package/dist/cjs/ToggleGroup.native.js +232 -222
- package/dist/cjs/ToggleGroup.native.js.map +1 -1
- package/dist/cjs/context.cjs +18 -14
- package/dist/cjs/context.native.js +20 -18
- package/dist/cjs/context.native.js.map +1 -1
- package/dist/cjs/index.cjs +13 -11
- package/dist/cjs/index.native.js +13 -11
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/esm/Toggle.mjs +98 -96
- package/dist/esm/Toggle.mjs.map +1 -1
- package/dist/esm/Toggle.native.js +102 -100
- package/dist/esm/Toggle.native.js.map +1 -1
- package/dist/esm/ToggleGroup.mjs +182 -168
- package/dist/esm/ToggleGroup.mjs.map +1 -1
- package/dist/esm/ToggleGroup.native.js +197 -189
- package/dist/esm/ToggleGroup.native.js.map +1 -1
- package/dist/esm/context.mjs +6 -4
- package/dist/esm/context.mjs.map +1 -1
- package/dist/esm/context.native.js +6 -6
- package/dist/esm/context.native.js.map +1 -1
- package/dist/esm/index.js +3 -5
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/Toggle.mjs +98 -96
- package/dist/jsx/Toggle.mjs.map +1 -1
- package/dist/jsx/Toggle.native.js +132 -128
- package/dist/jsx/Toggle.native.js.map +1 -1
- package/dist/jsx/ToggleGroup.mjs +182 -168
- package/dist/jsx/ToggleGroup.mjs.map +1 -1
- package/dist/jsx/ToggleGroup.native.js +232 -222
- package/dist/jsx/ToggleGroup.native.js.map +1 -1
- package/dist/jsx/context.mjs +6 -4
- package/dist/jsx/context.mjs.map +1 -1
- package/dist/jsx/context.native.js +20 -18
- package/dist/jsx/context.native.js.map +1 -1
- package/dist/jsx/index.js +3 -5
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +13 -11
- package/dist/jsx/types.native.js +7 -5
- package/package.json +18 -21
- package/src/Toggle.tsx +0 -1
- package/types/Toggle.d.ts.map +1 -1
- package/types/ToggleGroup.d.ts +2 -2
- package/dist/cjs/Toggle.js +0 -138
- package/dist/cjs/Toggle.js.map +0 -6
- package/dist/cjs/ToggleGroup.js +0 -196
- package/dist/cjs/ToggleGroup.js.map +0 -6
- package/dist/cjs/context.js +0 -26
- package/dist/cjs/context.js.map +0 -6
- package/dist/cjs/index.js +0 -22
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/cjs/useToggleGroupItem.cjs +0 -27
- package/dist/cjs/useToggleGroupItem.js +0 -22
- package/dist/cjs/useToggleGroupItem.js.map +0 -6
- package/dist/cjs/useToggleGroupItem.native.js +0 -30
- package/dist/cjs/useToggleGroupItem.native.js.map +0 -1
- package/dist/esm/Toggle.js +0 -119
- package/dist/esm/Toggle.js.map +0 -6
- package/dist/esm/ToggleGroup.js +0 -182
- package/dist/esm/ToggleGroup.js.map +0 -6
- package/dist/esm/context.js +0 -10
- package/dist/esm/context.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/dist/esm/useToggleGroupItem.js +0 -6
- package/dist/esm/useToggleGroupItem.js.map +0 -6
- package/dist/esm/useToggleGroupItem.mjs +0 -4
- package/dist/esm/useToggleGroupItem.mjs.map +0 -1
- package/dist/esm/useToggleGroupItem.native.js +0 -4
- package/dist/esm/useToggleGroupItem.native.js.map +0 -1
- package/dist/jsx/Toggle.js +0 -119
- package/dist/jsx/Toggle.js.map +0 -6
- package/dist/jsx/ToggleGroup.js +0 -182
- package/dist/jsx/ToggleGroup.js.map +0 -6
- package/dist/jsx/context.js +0 -10
- package/dist/jsx/context.js.map +0 -6
- package/dist/jsx/types.js +0 -1
- package/dist/jsx/types.js.map +0 -6
- package/dist/jsx/useToggleGroupItem.js +0 -6
- package/dist/jsx/useToggleGroupItem.js.map +0 -6
- package/dist/jsx/useToggleGroupItem.mjs +0 -4
- package/dist/jsx/useToggleGroupItem.mjs.map +0 -1
- package/dist/jsx/useToggleGroupItem.native.js +0 -30
- package/dist/jsx/useToggleGroupItem.native.js.map +0 -1
- package/types/useToggleGroupItem.d.ts.map +0 -1
|
@@ -4,249 +4,259 @@ var __create = Object.create;
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
8
|
-
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
9
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
18
|
get: () => from[key],
|
|
18
19
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
22
24
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
34
36
|
var ToggleGroup_exports = {};
|
|
35
37
|
__export(ToggleGroup_exports, {
|
|
36
38
|
ToggleGroup: () => ToggleGroup
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(ToggleGroup_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
var import_constants = require("@tamagui/constants");
|
|
43
|
+
var import_focusable = require("@tamagui/focusable");
|
|
44
|
+
var import_helpers = require("@tamagui/helpers");
|
|
45
|
+
var import_roving_focus = require("@tamagui/roving-focus");
|
|
46
|
+
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
47
|
+
var import_use_direction = require("@tamagui/use-direction");
|
|
48
|
+
var import_web = require("@tamagui/web");
|
|
49
|
+
var import_react = __toESM(require("react"), 1);
|
|
50
|
+
var import_Toggle = require("./Toggle.native.js");
|
|
51
|
+
var import_context = require("./context.native.js");
|
|
52
|
+
var TOGGLE_GROUP_NAME = "ToggleGroup";
|
|
53
|
+
var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
|
|
54
|
+
var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
|
|
55
|
+
var {
|
|
56
|
+
Provider: ToggleGroupItemProvider
|
|
57
|
+
} = (0, import_web.createStyledContext)();
|
|
58
|
+
var {
|
|
59
|
+
Provider: ToggleGroupContext,
|
|
60
|
+
useStyledContext: useToggleGroupContext
|
|
61
|
+
} = (0, import_web.createStyledContext)({});
|
|
62
|
+
var ToggleGroupItem = import_Toggle.ToggleFrame.styleable(function (props, forwardedRef) {
|
|
63
|
+
var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
|
|
64
|
+
var context = useToggleGroupContext(props.__scopeToggleGroup);
|
|
65
|
+
var toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);
|
|
66
|
+
var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);
|
|
67
|
+
var color = props.color || toggleContext.color;
|
|
68
|
+
var disabled = context.disabled || props.disabled || false;
|
|
69
|
+
var inner = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, {
|
|
70
|
+
ref: forwardedRef,
|
|
71
|
+
tabIndex: disabled ? -1 : 0,
|
|
72
|
+
...props,
|
|
73
|
+
active,
|
|
74
|
+
disabled
|
|
75
|
+
});
|
|
76
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {
|
|
77
|
+
scope: props.__scopeToggleGroup,
|
|
78
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
|
|
79
|
+
color,
|
|
80
|
+
active,
|
|
81
|
+
children: context.rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
|
|
82
|
+
asChild: "except-style",
|
|
83
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
84
|
+
focusable: !disabled,
|
|
78
85
|
active,
|
|
79
|
-
children:
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
focusable: !disabled,
|
|
83
|
-
active,
|
|
84
|
-
children: inner
|
|
85
|
-
}) : inner
|
|
86
|
-
})
|
|
87
|
-
});
|
|
86
|
+
children: inner
|
|
87
|
+
}) : inner
|
|
88
|
+
})
|
|
88
89
|
});
|
|
90
|
+
});
|
|
89
91
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
90
92
|
var ToggleGroupItemImpl = /* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
93
|
+
var {
|
|
94
|
+
__scopeToggleGroup,
|
|
95
|
+
value,
|
|
96
|
+
...itemProps
|
|
97
|
+
} = props;
|
|
98
|
+
var valueContext = useToggleGroupValueContext(__scopeToggleGroup);
|
|
99
|
+
var singleProps = {
|
|
100
|
+
"aria-pressed": void 0
|
|
101
|
+
};
|
|
102
|
+
var typeProps = valueContext.type === "single" ? singleProps : void 0;
|
|
103
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Toggle.Toggle, {
|
|
104
|
+
...typeProps,
|
|
105
|
+
...itemProps,
|
|
106
|
+
ref: forwardedRef,
|
|
107
|
+
onActiveChange: function (pressed) {
|
|
108
|
+
if (pressed) {
|
|
109
|
+
valueContext.onItemActivate(value);
|
|
110
|
+
} else {
|
|
111
|
+
valueContext.onItemDeactivate(value);
|
|
107
112
|
}
|
|
108
|
-
});
|
|
109
|
-
}),
|
|
110
|
-
ToggleGroup = (0, import_helpers.withStaticProperties)(/* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
|
|
111
|
-
var {
|
|
112
|
-
type,
|
|
113
|
-
...toggleGroupProps
|
|
114
|
-
} = props;
|
|
115
|
-
if (import_constants.isWeb || import_react.default.useEffect(function () {
|
|
116
|
-
if (props.id) return (0, import_focusable.registerFocusable)(props.id, {
|
|
117
|
-
focus: function () {}
|
|
118
|
-
});
|
|
119
|
-
}, [props.id]), type === "single") {
|
|
120
|
-
var singleProps = toggleGroupProps;
|
|
121
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, {
|
|
122
|
-
...singleProps,
|
|
123
|
-
ref: forwardedRef
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
if (type === "multiple") {
|
|
127
|
-
var multipleProps = toggleGroupProps;
|
|
128
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, {
|
|
129
|
-
...multipleProps,
|
|
130
|
-
ref: forwardedRef
|
|
131
|
-
});
|
|
132
113
|
}
|
|
133
|
-
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
|
134
|
-
}), {
|
|
135
|
-
Item: ToggleGroupItem
|
|
136
114
|
});
|
|
137
|
-
|
|
138
|
-
var {
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
children,
|
|
149
|
-
...toggleGroupSingleProps
|
|
150
|
-
} = props,
|
|
151
|
-
[value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
152
|
-
prop: valueProp,
|
|
153
|
-
defaultProp: defaultValue,
|
|
154
|
-
onChange: onValueChange
|
|
115
|
+
});
|
|
116
|
+
var ToggleGroup = (0, import_helpers.withStaticProperties)(/* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
|
|
117
|
+
var {
|
|
118
|
+
type,
|
|
119
|
+
...toggleGroupProps
|
|
120
|
+
} = props;
|
|
121
|
+
if (!import_constants.isWeb) {
|
|
122
|
+
import_react.default.useEffect(function () {
|
|
123
|
+
if (!props.id) return;
|
|
124
|
+
return (0, import_focusable.registerFocusable)(props.id, {
|
|
125
|
+
focus: function () {}
|
|
155
126
|
});
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
return disableDeactivation ? null : setValue("");
|
|
164
|
-
}, [setValue, disableDeactivation]),
|
|
165
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImpl, {
|
|
166
|
-
...toggleGroupSingleProps,
|
|
167
|
-
ref: forwardedRef,
|
|
168
|
-
children
|
|
169
|
-
})
|
|
127
|
+
}, [props.id]);
|
|
128
|
+
}
|
|
129
|
+
if (type === "single") {
|
|
130
|
+
var singleProps = toggleGroupProps;
|
|
131
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, {
|
|
132
|
+
...singleProps,
|
|
133
|
+
ref: forwardedRef
|
|
170
134
|
});
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
var
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
135
|
+
}
|
|
136
|
+
if (type === "multiple") {
|
|
137
|
+
var multipleProps = toggleGroupProps;
|
|
138
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, {
|
|
139
|
+
...multipleProps,
|
|
140
|
+
ref: forwardedRef
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
|
144
|
+
}), {
|
|
145
|
+
Item: ToggleGroupItem
|
|
146
|
+
});
|
|
147
|
+
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
|
148
|
+
var {
|
|
149
|
+
Provider: ToggleGroupValueProvider,
|
|
150
|
+
useStyledContext: useToggleGroupValueContext
|
|
151
|
+
} = (0, import_web.createStyledContext)();
|
|
152
|
+
var ToggleGroupImplSingle = /* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
|
|
153
|
+
var {
|
|
154
|
+
value: valueProp,
|
|
155
|
+
defaultValue,
|
|
156
|
+
onValueChange = function () {},
|
|
157
|
+
disableDeactivation = false,
|
|
158
|
+
children,
|
|
159
|
+
...toggleGroupSingleProps
|
|
160
|
+
} = props;
|
|
161
|
+
var [value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
162
|
+
prop: valueProp,
|
|
163
|
+
defaultProp: defaultValue,
|
|
164
|
+
onChange: onValueChange
|
|
165
|
+
});
|
|
166
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {
|
|
167
|
+
scope: props.__scopeToggleGroup,
|
|
168
|
+
type: "single",
|
|
169
|
+
value: value ? [value] : [],
|
|
170
|
+
defaultValue: value,
|
|
171
|
+
onItemActivate: setValue,
|
|
172
|
+
onItemDeactivate: import_react.default.useCallback(function () {
|
|
173
|
+
return disableDeactivation ? null : setValue("");
|
|
174
|
+
}, [setValue, disableDeactivation]),
|
|
175
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImpl, {
|
|
176
|
+
...toggleGroupSingleProps,
|
|
177
|
+
ref: forwardedRef,
|
|
178
|
+
children
|
|
179
|
+
})
|
|
180
|
+
});
|
|
181
|
+
});
|
|
182
|
+
var ToggleGroupImplMultiple = /* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
|
|
183
|
+
var {
|
|
184
|
+
value: valueProp,
|
|
185
|
+
defaultValue,
|
|
186
|
+
onValueChange = function () {},
|
|
187
|
+
disableDeactivation,
|
|
188
|
+
children,
|
|
189
|
+
...toggleGroupMultipleProps
|
|
190
|
+
} = props;
|
|
191
|
+
var [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
192
|
+
prop: valueProp,
|
|
193
|
+
defaultProp: defaultValue,
|
|
194
|
+
onChange: onValueChange
|
|
195
|
+
});
|
|
196
|
+
var handleButtonActivate = import_react.default.useCallback(function (itemValue) {
|
|
197
|
+
return setValue(function () {
|
|
198
|
+
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
199
|
+
return [...prevValue, itemValue];
|
|
212
200
|
});
|
|
213
|
-
})
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
__scopeToggleGroup,
|
|
220
|
-
disabled = !1,
|
|
221
|
-
orientation = "horizontal",
|
|
222
|
-
dir,
|
|
223
|
-
rovingFocus = !0,
|
|
224
|
-
loop = !0,
|
|
225
|
-
color,
|
|
226
|
-
...toggleGroupProps
|
|
227
|
-
} = props,
|
|
228
|
-
direction = (0, import_use_direction.useDirection)(dir),
|
|
229
|
-
content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupFrame, {
|
|
230
|
-
role: "group",
|
|
231
|
-
ref: forwardedRef,
|
|
232
|
-
"data-disabled": disabled ? "" : void 0,
|
|
233
|
-
...toggleGroupProps
|
|
201
|
+
}, [setValue]);
|
|
202
|
+
var handleButtonDeactivate = import_react.default.useCallback(function (itemValue) {
|
|
203
|
+
return setValue(function () {
|
|
204
|
+
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
205
|
+
return prevValue.filter(function (value2) {
|
|
206
|
+
return value2 !== itemValue;
|
|
234
207
|
});
|
|
235
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupContext, {
|
|
236
|
-
scope: __scopeToggleGroup,
|
|
237
|
-
rovingFocus,
|
|
238
|
-
disabled,
|
|
239
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
|
|
240
|
-
color,
|
|
241
|
-
children: rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
|
|
242
|
-
asChild: "except-style",
|
|
243
|
-
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
244
|
-
orientation,
|
|
245
|
-
dir: direction,
|
|
246
|
-
loop,
|
|
247
|
-
children: content
|
|
248
|
-
}) : content
|
|
249
|
-
})
|
|
250
208
|
});
|
|
209
|
+
}, [setValue]);
|
|
210
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {
|
|
211
|
+
scope: props.__scopeToggleGroup,
|
|
212
|
+
type: "multiple",
|
|
213
|
+
value,
|
|
214
|
+
defaultValue: value,
|
|
215
|
+
onItemActivate: handleButtonActivate,
|
|
216
|
+
onItemDeactivate: handleButtonDeactivate,
|
|
217
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImpl, {
|
|
218
|
+
...toggleGroupMultipleProps,
|
|
219
|
+
ref: forwardedRef,
|
|
220
|
+
children
|
|
221
|
+
})
|
|
251
222
|
});
|
|
223
|
+
});
|
|
224
|
+
var ToggleGroupFrame = (0, import_web.styled)(import_web.View, {
|
|
225
|
+
name: TOGGLE_GROUP_NAME
|
|
226
|
+
});
|
|
227
|
+
var ToggleGroupImpl = ToggleGroupFrame.styleable(function (props, forwardedRef) {
|
|
228
|
+
var {
|
|
229
|
+
__scopeToggleGroup,
|
|
230
|
+
disabled = false,
|
|
231
|
+
orientation = "horizontal",
|
|
232
|
+
dir,
|
|
233
|
+
rovingFocus = true,
|
|
234
|
+
loop = true,
|
|
235
|
+
color,
|
|
236
|
+
...toggleGroupProps
|
|
237
|
+
} = props;
|
|
238
|
+
var direction = (0, import_use_direction.useDirection)(dir);
|
|
239
|
+
var content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupFrame, {
|
|
240
|
+
role: "group",
|
|
241
|
+
ref: forwardedRef,
|
|
242
|
+
"data-disabled": disabled ? "" : void 0,
|
|
243
|
+
...toggleGroupProps
|
|
244
|
+
});
|
|
245
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupContext, {
|
|
246
|
+
scope: __scopeToggleGroup,
|
|
247
|
+
rovingFocus,
|
|
248
|
+
disabled,
|
|
249
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
|
|
250
|
+
color,
|
|
251
|
+
children: rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
|
|
252
|
+
asChild: "except-style",
|
|
253
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
254
|
+
orientation,
|
|
255
|
+
dir: direction,
|
|
256
|
+
loop,
|
|
257
|
+
children: content
|
|
258
|
+
}) : content
|
|
259
|
+
})
|
|
260
|
+
});
|
|
261
|
+
});
|
|
252
262
|
//# sourceMappingURL=ToggleGroup.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ToggleGroup_exports","ToggleGroup","module","exports","import_jsx_runtime","require","import_constants","import_focusable","import_helpers","import_roving_focus","import_use_controllable_state","import_use_direction","import_web","import_react","import_Toggle","import_context","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","active","includes","color","disabled","inner","jsx","ToggleGroupItemImpl","ref","tabIndex","scope","children","rovingFocus","RovingFocusGroup","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","default","forwardRef","itemProps","singleProps","typeProps","type","Toggle","onActiveChange","pressed","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","ToggleGroupFrame","styled","View","orientation","dir","loop","direction","useDirection","content","role"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,QAAS,GAAAC,MAAA,CAAAC,MAAA;AACT,IAAAC,SAAS,GAAAF,MAAA,CAAAG,cAA4B;AACrC,IAAAC,gBAAS,GAAAJ,MAAA,CAAAK,wBAAwB;AACjC,IAAAC,iBAAS,GAAAN,MAAA,CAAAO,mBAA4B;AACrC,IAAAC,YAAS,GAAAR,MAAA,CAAAS,cAAoB;
|
|
1
|
+
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ToggleGroup_exports","ToggleGroup","module","exports","import_jsx_runtime","require","import_constants","import_focusable","import_helpers","import_roving_focus","import_use_controllable_state","import_use_direction","import_web","import_react","import_Toggle","import_context","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","active","includes","color","disabled","inner","jsx","ToggleGroupItemImpl","ref","tabIndex","scope","children","rovingFocus","RovingFocusGroup","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","default","forwardRef","itemProps","singleProps","typeProps","type","Toggle","onActiveChange","pressed","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","ToggleGroupFrame","styled","View","orientation","dir","loop","direction","useDirection","content","role"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/jsx/context.mjs
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { createStyledContext } from "@tamagui/web";
|
|
2
2
|
const context = createStyledContext({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
color: "",
|
|
4
|
+
active: false
|
|
5
|
+
});
|
|
6
|
+
const useToggleGroupItem = () => {
|
|
7
|
+
return context.useStyledContext();
|
|
8
|
+
};
|
|
7
9
|
export { context, useToggleGroupItem };
|
|
8
10
|
//# sourceMappingURL=context.mjs.map
|
package/dist/jsx/context.mjs.map
CHANGED
|
@@ -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;
|
|
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":[]}
|
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var context_exports = {};
|
|
24
26
|
__export(context_exports, {
|
|
@@ -26,12 +28,12 @@ __export(context_exports, {
|
|
|
26
28
|
useToggleGroupItem: () => useToggleGroupItem
|
|
27
29
|
});
|
|
28
30
|
module.exports = __toCommonJS(context_exports);
|
|
29
|
-
var import_web = require("@tamagui/web")
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
31
|
+
var import_web = require("@tamagui/web");
|
|
32
|
+
var context = (0, import_web.createStyledContext)({
|
|
33
|
+
color: "",
|
|
34
|
+
active: false
|
|
35
|
+
});
|
|
36
|
+
var useToggleGroupItem = function () {
|
|
37
|
+
return context.useStyledContext();
|
|
38
|
+
};
|
|
37
39
|
//# sourceMappingURL=context.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAEF,IAAAA,SAAM,GAAUC,MAAA,CAAAC,cAAoB;AAAA,IACzCC,gBAAO,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACPC,iBAAQ,GAAAJ,MAAA,CAAAK,mBAAA;AACV,
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAEF,IAAAA,SAAM,GAAUC,MAAA,CAAAC,cAAoB;AAAA,IACzCC,gBAAO,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACPC,iBAAQ,GAAAJ,MAAA,CAAAK,mBAAA;AACV,IAACC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAEM,IAAAC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAqB;EAChC,SAAOC,IAAA,IAAQD,GAAA,EACjBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA","ignoreList":[]}
|