@tamagui/group 1.110.5 → 1.111.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/Group.native.js +40 -136
- package/dist/cjs/Group.native.js.map +2 -2
- package/dist/esm/Group.native.js +40 -135
- package/dist/esm/Group.native.js.map +2 -2
- package/dist/esm/Group.native.mjs +217 -0
- package/dist/esm/Group.native.mjs.map +1 -0
- package/dist/esm/index.native.mjs +2 -0
- package/dist/esm/index.native.mjs.map +1 -0
- package/dist/jsx/Group.native.js +40 -135
- package/dist/jsx/Group.native.js.map +2 -2
- package/package.json +7 -7
package/dist/cjs/Group.native.js
CHANGED
|
@@ -30,100 +30,7 @@ __export(Group_exports, {
|
|
|
30
30
|
useGroupItem: () => useGroupItem
|
|
31
31
|
});
|
|
32
32
|
module.exports = __toCommonJS(Group_exports);
|
|
33
|
-
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_helpers = require("@tamagui/helpers"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_react_native = require("react-native"), import_reforest = require("reforest")
|
|
34
|
-
function _array_like_to_array(arr, len) {
|
|
35
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
36
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
37
|
-
return arr2;
|
|
38
|
-
}
|
|
39
|
-
function _array_with_holes(arr) {
|
|
40
|
-
if (Array.isArray(arr)) return arr;
|
|
41
|
-
}
|
|
42
|
-
function _define_property(obj, key, value) {
|
|
43
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
44
|
-
value,
|
|
45
|
-
enumerable: !0,
|
|
46
|
-
configurable: !0,
|
|
47
|
-
writable: !0
|
|
48
|
-
}) : obj[key] = value, obj;
|
|
49
|
-
}
|
|
50
|
-
function _iterable_to_array_limit(arr, i) {
|
|
51
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
52
|
-
if (_i != null) {
|
|
53
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
54
|
-
try {
|
|
55
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
56
|
-
;
|
|
57
|
-
} catch (err) {
|
|
58
|
-
_d = !0, _e = err;
|
|
59
|
-
} finally {
|
|
60
|
-
try {
|
|
61
|
-
!_n && _i.return != null && _i.return();
|
|
62
|
-
} finally {
|
|
63
|
-
if (_d) throw _e;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
return _arr;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
function _non_iterable_rest() {
|
|
70
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
71
|
-
}
|
|
72
|
-
function _object_spread(target) {
|
|
73
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
74
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
75
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
76
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
77
|
-
}))), ownKeys2.forEach(function(key) {
|
|
78
|
-
_define_property(target, key, source[key]);
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
return target;
|
|
82
|
-
}
|
|
83
|
-
function ownKeys(object, enumerableOnly) {
|
|
84
|
-
var keys = Object.keys(object);
|
|
85
|
-
if (Object.getOwnPropertySymbols) {
|
|
86
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
87
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
88
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
89
|
-
})), keys.push.apply(keys, symbols);
|
|
90
|
-
}
|
|
91
|
-
return keys;
|
|
92
|
-
}
|
|
93
|
-
function _object_spread_props(target, source) {
|
|
94
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
95
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
96
|
-
}), target;
|
|
97
|
-
}
|
|
98
|
-
function _object_without_properties(source, excluded) {
|
|
99
|
-
if (source == null) return {};
|
|
100
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
101
|
-
if (Object.getOwnPropertySymbols) {
|
|
102
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
103
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
104
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
105
|
-
}
|
|
106
|
-
return target;
|
|
107
|
-
}
|
|
108
|
-
function _object_without_properties_loose(source, excluded) {
|
|
109
|
-
if (source == null) return {};
|
|
110
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
111
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
112
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
113
|
-
return target;
|
|
114
|
-
}
|
|
115
|
-
function _sliced_to_array(arr, i) {
|
|
116
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
117
|
-
}
|
|
118
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
119
|
-
if (o) {
|
|
120
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
121
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
122
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
123
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
var GROUP_NAME = "Group", _createContextScope = _sliced_to_array((0, import_create_context.createContextScope)(GROUP_NAME), 2), createGroupContext = _createContextScope[0], createGroupScope = _createContextScope[1], _createGroupContext = _sliced_to_array(createGroupContext(GROUP_NAME), 2), GroupProvider = _createGroupContext[0], useGroupContext = _createGroupContext[1], GroupFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_helpers = require("@tamagui/helpers"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_react_native = require("react-native"), import_reforest = require("reforest"), GROUP_NAME = "Group", [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
127
34
|
name: "GroupFrame",
|
|
128
35
|
variants: {
|
|
129
36
|
unstyled: {
|
|
@@ -132,7 +39,7 @@ var GROUP_NAME = "Group", _createContextScope = _sliced_to_array((0, import_crea
|
|
|
132
39
|
}
|
|
133
40
|
},
|
|
134
41
|
size: function(val, param) {
|
|
135
|
-
var tokens = param
|
|
42
|
+
var { tokens } = param, _tokens_radius_val, _ref, borderRadius = (_ref = (_tokens_radius_val = tokens.radius[val]) !== null && _tokens_radius_val !== void 0 ? _tokens_radius_val : val) !== null && _ref !== void 0 ? _ref : tokens.radius.$true;
|
|
136
43
|
return {
|
|
137
44
|
borderRadius
|
|
138
45
|
};
|
|
@@ -144,23 +51,9 @@ var GROUP_NAME = "Group", _createContextScope = _sliced_to_array((0, import_crea
|
|
|
144
51
|
});
|
|
145
52
|
function createGroup(verticalDefault) {
|
|
146
53
|
return (0, import_helpers.withStaticProperties)(GroupFrame.styleable(function(props, ref) {
|
|
147
|
-
var activeProps = (0, import_core.useProps)(props),
|
|
148
|
-
"__scopeGroup",
|
|
149
|
-
"children",
|
|
150
|
-
"space",
|
|
151
|
-
"size",
|
|
152
|
-
"spaceDirection",
|
|
153
|
-
"separator",
|
|
154
|
-
"scrollable",
|
|
155
|
-
"axis",
|
|
156
|
-
"orientation",
|
|
157
|
-
"disabled",
|
|
158
|
-
"disablePassBorderRadius",
|
|
159
|
-
"borderRadius",
|
|
160
|
-
"forceUseItem"
|
|
161
|
-
]), vertical = orientation === "vertical", _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
|
|
54
|
+
var activeProps = (0, import_core.useProps)(props), { __scopeGroup, children: childrenProp, space, size = "$true", spaceDirection, separator, scrollable, axis = verticalDefault ? "vertical" : "horizontal", orientation = axis, disabled: disabledProp, disablePassBorderRadius: disablePassBorderRadiusProp, borderRadius, forceUseItem, ...restProps } = activeProps, vertical = orientation === "vertical", [itemChildrenCount, setItemChildrenCount] = (0, import_use_controllable_state.useControllableState)({
|
|
162
55
|
defaultProp: forceUseItem ? 1 : 0
|
|
163
|
-
}),
|
|
56
|
+
}), isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size ? (0, import_core.getVariableValue)((0, import_core.getTokens)().radius[size]) - 1 : void 0), hasRadius = radius !== void 0, disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius, childrenArray = import_react.default.Children.toArray(childrenProp), children = isUsingItems ? import_react.default.Children.toArray(childrenProp).filter(import_react.default.isValidElement) : childrenArray.map(function(child, i) {
|
|
164
57
|
if (!/* @__PURE__ */ import_react.default.isValidElement(child) || child.type === import_react.default.Fragment)
|
|
165
58
|
return child;
|
|
166
59
|
var _child_props_disabled, disabled = (_child_props_disabled = child.props.disabled) !== null && _child_props_disabled !== void 0 ? _child_props_disabled : disabledProp, isFirst = i === 0, isLast = i === childrenArray.length - 1, radiusStyles = disablePassBorderRadius === !0 ? null : getBorderRadius({
|
|
@@ -169,11 +62,12 @@ function createGroup(verticalDefault) {
|
|
|
169
62
|
radius,
|
|
170
63
|
vertical,
|
|
171
64
|
disable: disablePassBorderRadius
|
|
172
|
-
}), _$props =
|
|
173
|
-
disabled
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
65
|
+
}), _$props = {
|
|
66
|
+
disabled,
|
|
67
|
+
...(0, import_core.isTamaguiElement)(child) ? radiusStyles : {
|
|
68
|
+
style: radiusStyles
|
|
69
|
+
}
|
|
70
|
+
};
|
|
177
71
|
return cloneElementWithPropOrder(child, _$props);
|
|
178
72
|
}), indexedChildren = (0, import_reforest.useIndexedChildren)((0, import_core.spacedChildren)({
|
|
179
73
|
direction: spaceDirection,
|
|
@@ -198,27 +92,31 @@ function createGroup(verticalDefault) {
|
|
|
198
92
|
onItemMount,
|
|
199
93
|
onItemUnmount,
|
|
200
94
|
scope: __scopeGroup,
|
|
201
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupFrame,
|
|
95
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupFrame, {
|
|
202
96
|
ref,
|
|
203
97
|
size,
|
|
204
98
|
flexDirection: orientation === "horizontal" ? "row" : "column",
|
|
205
|
-
borderRadius
|
|
206
|
-
|
|
207
|
-
children: wrapScroll(
|
|
99
|
+
borderRadius,
|
|
100
|
+
...restProps,
|
|
101
|
+
children: wrapScroll({
|
|
102
|
+
...activeProps,
|
|
208
103
|
orientation
|
|
209
|
-
}
|
|
210
|
-
})
|
|
104
|
+
}, indexedChildren)
|
|
105
|
+
})
|
|
211
106
|
});
|
|
212
107
|
}), {
|
|
213
108
|
Item: GroupItem
|
|
214
109
|
});
|
|
215
110
|
}
|
|
216
111
|
var GroupItem = /* @__PURE__ */ import_react.default.forwardRef(function(props, _ref) {
|
|
217
|
-
var _children_props,
|
|
112
|
+
var _children_props, { __scopeGroup, children, forcePlacement } = props, groupItemProps = useGroupItem({
|
|
218
113
|
disabled: /* @__PURE__ */ import_react.default.isValidElement(children) ? children.props.disabled : void 0
|
|
219
114
|
}, forcePlacement, __scopeGroup);
|
|
220
115
|
return !/* @__PURE__ */ import_react.default.isValidElement(children) || children.type === import_react.default.Fragment ? children : (0, import_core.isTamaguiElement)(children) ? /* @__PURE__ */ import_react.default.cloneElement(children, groupItemProps) : /* @__PURE__ */ import_react.default.cloneElement(children, {
|
|
221
|
-
style:
|
|
116
|
+
style: {
|
|
117
|
+
...(_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.style,
|
|
118
|
+
...groupItemProps
|
|
119
|
+
}
|
|
222
120
|
});
|
|
223
121
|
}), useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
|
|
224
122
|
var treeIndex = (0, import_reforest.useIndex)(), context = useGroupContext("GroupItem", __scopeGroup);
|
|
@@ -239,21 +137,26 @@ var GroupItem = /* @__PURE__ */ import_react.default.forwardRef(function(props,
|
|
|
239
137
|
vertical: context.vertical,
|
|
240
138
|
disable: context.disablePassBorderRadius
|
|
241
139
|
});
|
|
242
|
-
return
|
|
140
|
+
return {
|
|
141
|
+
...propsToPass,
|
|
142
|
+
...borderRadius
|
|
143
|
+
};
|
|
243
144
|
}
|
|
244
145
|
return propsToPass;
|
|
245
146
|
}, Group = createGroup(!0), YGroup = Group, XGroup = createGroup(!1), wrapScroll = function(param, children) {
|
|
246
|
-
var
|
|
247
|
-
return scrollable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView,
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
147
|
+
var { scrollable, orientation, showScrollIndicator = !1 } = param;
|
|
148
|
+
return scrollable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
|
|
149
|
+
...orientation === "vertical" && {
|
|
150
|
+
showsVerticalScrollIndicator: showScrollIndicator
|
|
151
|
+
},
|
|
152
|
+
...orientation === "horizontal" && {
|
|
153
|
+
horizontal: !0,
|
|
154
|
+
showsHorizontalScrollIndicator: showScrollIndicator
|
|
155
|
+
},
|
|
253
156
|
children
|
|
254
|
-
})
|
|
157
|
+
}) : children;
|
|
255
158
|
}, getBorderRadius = function(param) {
|
|
256
|
-
var
|
|
159
|
+
var { isFirst, isLast, radius, vertical, disable } = param;
|
|
257
160
|
return {
|
|
258
161
|
borderTopLeftRadius: isFirst && disable !== "top" && disable !== "start" ? radius : 0,
|
|
259
162
|
borderTopRightRadius: disable !== "top" && disable !== "end" && (vertical && isFirst || !vertical && isLast) ? radius : 0,
|
|
@@ -262,9 +165,10 @@ var GroupItem = /* @__PURE__ */ import_react.default.forwardRef(function(props,
|
|
|
262
165
|
};
|
|
263
166
|
}, cloneElementWithPropOrder = function(child, props) {
|
|
264
167
|
var next = (0, import_core.mergeProps)(child.props, props, (0, import_core.getConfig)().shorthands);
|
|
265
|
-
return /* @__PURE__ */ import_react.default.cloneElement(
|
|
168
|
+
return /* @__PURE__ */ import_react.default.cloneElement({
|
|
169
|
+
...child,
|
|
266
170
|
props: null
|
|
267
|
-
}
|
|
171
|
+
}, next);
|
|
268
172
|
};
|
|
269
173
|
// Annotate the CommonJS export names for ESM import in node:
|
|
270
174
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/group/src/Group.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAElB,cASO,0BAEP,wBAAmC,oCACnC,iBAAqC,6BACrC,gBAA+B,4BAC/B,gCAAqC,4CAErC,sBAA2B,yBAC3B,kBAA6C
|
|
5
|
-
"names": ["GROUP_NAME", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["GROUP_NAME", "createGroupContext", "createGroupScope", "createContextScope", "GroupProvider", "useGroupContext", "GroupFrame", "styled", "ThemeableStack", "name", "variants", "unstyled", "false", "size", "val", "tokens", "borderRadius", "radius", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "createGroup", "verticalDefault", "withStaticProperties", "styleable", "props", "ref", "activeProps", "useProps", "__scopeGroup", "children", "childrenProp", "space", "spaceDirection", "separator", "scrollable", "axis", "orientation", "disabled", "disabledProp", "disablePassBorderRadius", "disablePassBorderRadiusProp", "forceUseItem", "restProps", "vertical", "itemChildrenCount", "setItemChildrenCount", "useControllableState", "defaultProp", "isUsingItems", "getVariableValue", "getTokens", "undefined", "hasRadius", "childrenArray", "React", "Children", "toArray", "filter", "isValidElement", "map", "child", "i", "type", "Fragment", "isFirst", "isLast", "length", "radiusStyles", "getBorderRadius", "disable", "isTamaguiElement", "style", "cloneElementWithPropOrder", "indexedChildren", "useIndexedChildren", "spacedChildren", "direction", "onItemMount", "useCallback", "prev", "onItemUnmount", "_jsx", "scope", "flexDirection", "wrapScroll", "Item", "GroupItem", "forwardRef", "_ref", "forcePlacement", "groupItemProps", "useGroupItem", "cloneElement", "childrenProps", "treeIndex", "useIndex", "context", "useEffect", "Error", "index", "maxIndex", "propsToPass", "Group", "YGroup", "XGroup", "showScrollIndicator", "ScrollView", "showsVerticalScrollIndicator", "horizontal", "showsHorizontalScrollIndicator", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "next", "mergeProps", "getConfig", "shorthands"]
|
|
6
6
|
}
|
package/dist/esm/Group.native.js
CHANGED
|
@@ -7,99 +7,7 @@ import { ThemeableStack } from "@tamagui/stacks";
|
|
|
7
7
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
8
8
|
import { ScrollView } from "react-native";
|
|
9
9
|
import { useIndex, useIndexedChildren } from "reforest";
|
|
10
|
-
|
|
11
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
12
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
13
|
-
return arr2;
|
|
14
|
-
}
|
|
15
|
-
function _array_with_holes(arr) {
|
|
16
|
-
if (Array.isArray(arr)) return arr;
|
|
17
|
-
}
|
|
18
|
-
function _define_property(obj, key, value) {
|
|
19
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
20
|
-
value,
|
|
21
|
-
enumerable: !0,
|
|
22
|
-
configurable: !0,
|
|
23
|
-
writable: !0
|
|
24
|
-
}) : obj[key] = value, obj;
|
|
25
|
-
}
|
|
26
|
-
function _iterable_to_array_limit(arr, i) {
|
|
27
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
28
|
-
if (_i != null) {
|
|
29
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
30
|
-
try {
|
|
31
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
32
|
-
;
|
|
33
|
-
} catch (err) {
|
|
34
|
-
_d = !0, _e = err;
|
|
35
|
-
} finally {
|
|
36
|
-
try {
|
|
37
|
-
!_n && _i.return != null && _i.return();
|
|
38
|
-
} finally {
|
|
39
|
-
if (_d) throw _e;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return _arr;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
function _non_iterable_rest() {
|
|
46
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
47
|
-
}
|
|
48
|
-
function _object_spread(target) {
|
|
49
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
50
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
51
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
52
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
53
|
-
}))), ownKeys2.forEach(function(key) {
|
|
54
|
-
_define_property(target, key, source[key]);
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
return target;
|
|
58
|
-
}
|
|
59
|
-
function ownKeys(object, enumerableOnly) {
|
|
60
|
-
var keys = Object.keys(object);
|
|
61
|
-
if (Object.getOwnPropertySymbols) {
|
|
62
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
63
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
64
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
65
|
-
})), keys.push.apply(keys, symbols);
|
|
66
|
-
}
|
|
67
|
-
return keys;
|
|
68
|
-
}
|
|
69
|
-
function _object_spread_props(target, source) {
|
|
70
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
71
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
72
|
-
}), target;
|
|
73
|
-
}
|
|
74
|
-
function _object_without_properties(source, excluded) {
|
|
75
|
-
if (source == null) return {};
|
|
76
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
77
|
-
if (Object.getOwnPropertySymbols) {
|
|
78
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
79
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
80
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
81
|
-
}
|
|
82
|
-
return target;
|
|
83
|
-
}
|
|
84
|
-
function _object_without_properties_loose(source, excluded) {
|
|
85
|
-
if (source == null) return {};
|
|
86
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
87
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
88
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
89
|
-
return target;
|
|
90
|
-
}
|
|
91
|
-
function _sliced_to_array(arr, i) {
|
|
92
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
93
|
-
}
|
|
94
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
95
|
-
if (o) {
|
|
96
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
97
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
98
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
99
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
var GROUP_NAME = "Group", _createContextScope = _sliced_to_array(createContextScope(GROUP_NAME), 2), createGroupContext = _createContextScope[0], createGroupScope = _createContextScope[1], _createGroupContext = _sliced_to_array(createGroupContext(GROUP_NAME), 2), GroupProvider = _createGroupContext[0], useGroupContext = _createGroupContext[1], GroupFrame = styled(ThemeableStack, {
|
|
10
|
+
var GROUP_NAME = "Group", [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = styled(ThemeableStack, {
|
|
103
11
|
name: "GroupFrame",
|
|
104
12
|
variants: {
|
|
105
13
|
unstyled: {
|
|
@@ -108,7 +16,7 @@ var GROUP_NAME = "Group", _createContextScope = _sliced_to_array(createContextSc
|
|
|
108
16
|
}
|
|
109
17
|
},
|
|
110
18
|
size: function(val, param) {
|
|
111
|
-
var tokens = param
|
|
19
|
+
var { tokens } = param, _tokens_radius_val, _ref, borderRadius = (_ref = (_tokens_radius_val = tokens.radius[val]) !== null && _tokens_radius_val !== void 0 ? _tokens_radius_val : val) !== null && _ref !== void 0 ? _ref : tokens.radius.$true;
|
|
112
20
|
return {
|
|
113
21
|
borderRadius
|
|
114
22
|
};
|
|
@@ -120,23 +28,9 @@ var GROUP_NAME = "Group", _createContextScope = _sliced_to_array(createContextSc
|
|
|
120
28
|
});
|
|
121
29
|
function createGroup(verticalDefault) {
|
|
122
30
|
return withStaticProperties(GroupFrame.styleable(function(props, ref) {
|
|
123
|
-
var activeProps = useProps(props),
|
|
124
|
-
"__scopeGroup",
|
|
125
|
-
"children",
|
|
126
|
-
"space",
|
|
127
|
-
"size",
|
|
128
|
-
"spaceDirection",
|
|
129
|
-
"separator",
|
|
130
|
-
"scrollable",
|
|
131
|
-
"axis",
|
|
132
|
-
"orientation",
|
|
133
|
-
"disabled",
|
|
134
|
-
"disablePassBorderRadius",
|
|
135
|
-
"borderRadius",
|
|
136
|
-
"forceUseItem"
|
|
137
|
-
]), vertical = orientation === "vertical", _useControllableState = _sliced_to_array(useControllableState({
|
|
31
|
+
var activeProps = useProps(props), { __scopeGroup, children: childrenProp, space, size = "$true", spaceDirection, separator, scrollable, axis = verticalDefault ? "vertical" : "horizontal", orientation = axis, disabled: disabledProp, disablePassBorderRadius: disablePassBorderRadiusProp, borderRadius, forceUseItem, ...restProps } = activeProps, vertical = orientation === "vertical", [itemChildrenCount, setItemChildrenCount] = useControllableState({
|
|
138
32
|
defaultProp: forceUseItem ? 1 : 0
|
|
139
|
-
}),
|
|
33
|
+
}), isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size ? getVariableValue(getTokens().radius[size]) - 1 : void 0), hasRadius = radius !== void 0, disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius, childrenArray = React.Children.toArray(childrenProp), children = isUsingItems ? React.Children.toArray(childrenProp).filter(React.isValidElement) : childrenArray.map(function(child, i) {
|
|
140
34
|
if (!/* @__PURE__ */ React.isValidElement(child) || child.type === React.Fragment)
|
|
141
35
|
return child;
|
|
142
36
|
var _child_props_disabled, disabled = (_child_props_disabled = child.props.disabled) !== null && _child_props_disabled !== void 0 ? _child_props_disabled : disabledProp, isFirst = i === 0, isLast = i === childrenArray.length - 1, radiusStyles = disablePassBorderRadius === !0 ? null : getBorderRadius({
|
|
@@ -145,11 +39,12 @@ function createGroup(verticalDefault) {
|
|
|
145
39
|
radius,
|
|
146
40
|
vertical,
|
|
147
41
|
disable: disablePassBorderRadius
|
|
148
|
-
}), _$props =
|
|
149
|
-
disabled
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
42
|
+
}), _$props = {
|
|
43
|
+
disabled,
|
|
44
|
+
...isTamaguiElement(child) ? radiusStyles : {
|
|
45
|
+
style: radiusStyles
|
|
46
|
+
}
|
|
47
|
+
};
|
|
153
48
|
return cloneElementWithPropOrder(child, _$props);
|
|
154
49
|
}), indexedChildren = useIndexedChildren(spacedChildren({
|
|
155
50
|
direction: spaceDirection,
|
|
@@ -174,27 +69,31 @@ function createGroup(verticalDefault) {
|
|
|
174
69
|
onItemMount,
|
|
175
70
|
onItemUnmount,
|
|
176
71
|
scope: __scopeGroup,
|
|
177
|
-
children: /* @__PURE__ */ _jsx(GroupFrame,
|
|
72
|
+
children: /* @__PURE__ */ _jsx(GroupFrame, {
|
|
178
73
|
ref,
|
|
179
74
|
size,
|
|
180
75
|
flexDirection: orientation === "horizontal" ? "row" : "column",
|
|
181
|
-
borderRadius
|
|
182
|
-
|
|
183
|
-
children: wrapScroll(
|
|
76
|
+
borderRadius,
|
|
77
|
+
...restProps,
|
|
78
|
+
children: wrapScroll({
|
|
79
|
+
...activeProps,
|
|
184
80
|
orientation
|
|
185
|
-
}
|
|
186
|
-
})
|
|
81
|
+
}, indexedChildren)
|
|
82
|
+
})
|
|
187
83
|
});
|
|
188
84
|
}), {
|
|
189
85
|
Item: GroupItem
|
|
190
86
|
});
|
|
191
87
|
}
|
|
192
88
|
var GroupItem = /* @__PURE__ */ React.forwardRef(function(props, _ref) {
|
|
193
|
-
var _children_props,
|
|
89
|
+
var _children_props, { __scopeGroup, children, forcePlacement } = props, groupItemProps = useGroupItem({
|
|
194
90
|
disabled: /* @__PURE__ */ React.isValidElement(children) ? children.props.disabled : void 0
|
|
195
91
|
}, forcePlacement, __scopeGroup);
|
|
196
92
|
return !/* @__PURE__ */ React.isValidElement(children) || children.type === React.Fragment ? children : isTamaguiElement(children) ? /* @__PURE__ */ React.cloneElement(children, groupItemProps) : /* @__PURE__ */ React.cloneElement(children, {
|
|
197
|
-
style:
|
|
93
|
+
style: {
|
|
94
|
+
...(_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.style,
|
|
95
|
+
...groupItemProps
|
|
96
|
+
}
|
|
198
97
|
});
|
|
199
98
|
}), useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
|
|
200
99
|
var treeIndex = useIndex(), context = useGroupContext("GroupItem", __scopeGroup);
|
|
@@ -215,21 +114,26 @@ var GroupItem = /* @__PURE__ */ React.forwardRef(function(props, _ref) {
|
|
|
215
114
|
vertical: context.vertical,
|
|
216
115
|
disable: context.disablePassBorderRadius
|
|
217
116
|
});
|
|
218
|
-
return
|
|
117
|
+
return {
|
|
118
|
+
...propsToPass,
|
|
119
|
+
...borderRadius
|
|
120
|
+
};
|
|
219
121
|
}
|
|
220
122
|
return propsToPass;
|
|
221
123
|
}, Group = createGroup(!0), YGroup = Group, XGroup = createGroup(!1), wrapScroll = function(param, children) {
|
|
222
|
-
var
|
|
223
|
-
return scrollable ? /* @__PURE__ */ _jsx(ScrollView,
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
124
|
+
var { scrollable, orientation, showScrollIndicator = !1 } = param;
|
|
125
|
+
return scrollable ? /* @__PURE__ */ _jsx(ScrollView, {
|
|
126
|
+
...orientation === "vertical" && {
|
|
127
|
+
showsVerticalScrollIndicator: showScrollIndicator
|
|
128
|
+
},
|
|
129
|
+
...orientation === "horizontal" && {
|
|
130
|
+
horizontal: !0,
|
|
131
|
+
showsHorizontalScrollIndicator: showScrollIndicator
|
|
132
|
+
},
|
|
229
133
|
children
|
|
230
|
-
})
|
|
134
|
+
}) : children;
|
|
231
135
|
}, getBorderRadius = function(param) {
|
|
232
|
-
var
|
|
136
|
+
var { isFirst, isLast, radius, vertical, disable } = param;
|
|
233
137
|
return {
|
|
234
138
|
borderTopLeftRadius: isFirst && disable !== "top" && disable !== "start" ? radius : 0,
|
|
235
139
|
borderTopRightRadius: disable !== "top" && disable !== "end" && (vertical && isFirst || !vertical && isLast) ? radius : 0,
|
|
@@ -238,9 +142,10 @@ var GroupItem = /* @__PURE__ */ React.forwardRef(function(props, _ref) {
|
|
|
238
142
|
};
|
|
239
143
|
}, cloneElementWithPropOrder = function(child, props) {
|
|
240
144
|
var next = mergeProps(child.props, props, getConfig().shorthands);
|
|
241
|
-
return /* @__PURE__ */ React.cloneElement(
|
|
145
|
+
return /* @__PURE__ */ React.cloneElement({
|
|
146
|
+
...child,
|
|
242
147
|
props: null
|
|
243
|
-
}
|
|
148
|
+
}, next);
|
|
244
149
|
};
|
|
245
150
|
export {
|
|
246
151
|
Group,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/group/src/Group.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SACEC,WACAC,WACAC,kBACAC,kBACAC,YACAC,gBACAC,QACAC,gBACK;AAEP,SAASC,0BAA0B;AACnC,SAASC,4BAA4B;AACrC,SAASC,sBAAsB;AAC/B,SAASC,4BAA4B;AAErC,SAASC,kBAAkB;AAC3B,SAASC,UAAUC,0BAA0B
|
|
5
|
-
"names": ["React", "getConfig", "getTokens", "getVariableValue", "isTamaguiElement", "mergeProps", "spacedChildren", "styled", "useProps", "createContextScope", "withStaticProperties", "ThemeableStack", "useControllableState", "ScrollView", "useIndex", "useIndexedChildren", "GROUP_NAME", "createGroupContext", "createGroupScope", "GroupProvider", "useGroupContext", "GroupFrame", "name", "variants", "unstyled", "false", "size", "val", "tokens", "borderRadius", "radius", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "createGroup", "verticalDefault", "styleable", "props", "ref", "activeProps", "__scopeGroup", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "getConfig", "getTokens", "getVariableValue", "isTamaguiElement", "mergeProps", "spacedChildren", "styled", "useProps", "createContextScope", "withStaticProperties", "ThemeableStack", "useControllableState", "ScrollView", "useIndex", "useIndexedChildren", "GROUP_NAME", "createGroupContext", "createGroupScope", "GroupProvider", "useGroupContext", "GroupFrame", "name", "variants", "unstyled", "false", "size", "val", "tokens", "borderRadius", "radius", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "createGroup", "verticalDefault", "styleable", "props", "ref", "activeProps", "__scopeGroup", "children", "childrenProp", "space", "spaceDirection", "separator", "scrollable", "axis", "orientation", "disabled", "disabledProp", "disablePassBorderRadius", "disablePassBorderRadiusProp", "forceUseItem", "restProps", "vertical", "itemChildrenCount", "setItemChildrenCount", "defaultProp", "isUsingItems", "undefined", "hasRadius", "childrenArray", "Children", "toArray", "filter", "isValidElement", "map", "child", "i", "type", "Fragment", "isFirst", "isLast", "length", "radiusStyles", "getBorderRadius", "disable", "style", "cloneElementWithPropOrder", "indexedChildren", "direction", "onItemMount", "useCallback", "prev", "onItemUnmount", "scope", "flexDirection", "wrapScroll", "Item", "GroupItem", "forwardRef", "_ref", "forcePlacement", "groupItemProps", "useGroupItem", "cloneElement", "childrenProps", "treeIndex", "context", "useEffect", "Error", "index", "maxIndex", "propsToPass", "Group", "YGroup", "XGroup", "showScrollIndicator", "showsVerticalScrollIndicator", "horizontal", "showsHorizontalScrollIndicator", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "next", "shorthands"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { getConfig, getTokens, getVariableValue, isTamaguiElement, mergeProps, spacedChildren, styled, useProps } from "@tamagui/core";
|
|
4
|
+
import { createContextScope } from "@tamagui/create-context";
|
|
5
|
+
import { withStaticProperties } from "@tamagui/helpers";
|
|
6
|
+
import { ThemeableStack } from "@tamagui/stacks";
|
|
7
|
+
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
8
|
+
import { ScrollView } from "react-native";
|
|
9
|
+
import { useIndex, useIndexedChildren } from "reforest";
|
|
10
|
+
var GROUP_NAME = "Group",
|
|
11
|
+
[createGroupContext, createGroupScope] = createContextScope(GROUP_NAME),
|
|
12
|
+
[GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME),
|
|
13
|
+
GroupFrame = styled(ThemeableStack, {
|
|
14
|
+
name: "GroupFrame",
|
|
15
|
+
variants: {
|
|
16
|
+
unstyled: {
|
|
17
|
+
false: {
|
|
18
|
+
size: "$true"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
size: function (val, param) {
|
|
22
|
+
var {
|
|
23
|
+
tokens
|
|
24
|
+
} = param,
|
|
25
|
+
_tokens_radius_val,
|
|
26
|
+
_ref,
|
|
27
|
+
borderRadius = (_ref = (_tokens_radius_val = tokens.radius[val]) !== null && _tokens_radius_val !== void 0 ? _tokens_radius_val : val) !== null && _ref !== void 0 ? _ref : tokens.radius.$true;
|
|
28
|
+
return {
|
|
29
|
+
borderRadius
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
function createGroup(verticalDefault) {
|
|
38
|
+
return withStaticProperties(GroupFrame.styleable(function (props, ref) {
|
|
39
|
+
var activeProps = useProps(props),
|
|
40
|
+
{
|
|
41
|
+
__scopeGroup,
|
|
42
|
+
children: childrenProp,
|
|
43
|
+
space,
|
|
44
|
+
size = "$true",
|
|
45
|
+
spaceDirection,
|
|
46
|
+
separator,
|
|
47
|
+
scrollable,
|
|
48
|
+
axis = verticalDefault ? "vertical" : "horizontal",
|
|
49
|
+
orientation = axis,
|
|
50
|
+
disabled: disabledProp,
|
|
51
|
+
disablePassBorderRadius: disablePassBorderRadiusProp,
|
|
52
|
+
borderRadius,
|
|
53
|
+
forceUseItem,
|
|
54
|
+
...restProps
|
|
55
|
+
} = activeProps,
|
|
56
|
+
vertical = orientation === "vertical",
|
|
57
|
+
[itemChildrenCount, setItemChildrenCount] = useControllableState({
|
|
58
|
+
defaultProp: forceUseItem ? 1 : 0
|
|
59
|
+
}),
|
|
60
|
+
isUsingItems = itemChildrenCount > 0,
|
|
61
|
+
radius = borderRadius ?? (size ? getVariableValue(getTokens().radius[size]) - 1 : void 0),
|
|
62
|
+
hasRadius = radius !== void 0,
|
|
63
|
+
disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius,
|
|
64
|
+
childrenArray = React.Children.toArray(childrenProp),
|
|
65
|
+
children = isUsingItems ? React.Children.toArray(childrenProp).filter(React.isValidElement) : childrenArray.map(function (child, i) {
|
|
66
|
+
if (! /* @__PURE__ */React.isValidElement(child) || child.type === React.Fragment) return child;
|
|
67
|
+
var _child_props_disabled,
|
|
68
|
+
disabled = (_child_props_disabled = child.props.disabled) !== null && _child_props_disabled !== void 0 ? _child_props_disabled : disabledProp,
|
|
69
|
+
isFirst = i === 0,
|
|
70
|
+
isLast = i === childrenArray.length - 1,
|
|
71
|
+
radiusStyles = disablePassBorderRadius === !0 ? null : getBorderRadius({
|
|
72
|
+
isFirst,
|
|
73
|
+
isLast,
|
|
74
|
+
radius,
|
|
75
|
+
vertical,
|
|
76
|
+
disable: disablePassBorderRadius
|
|
77
|
+
}),
|
|
78
|
+
_$props = {
|
|
79
|
+
disabled,
|
|
80
|
+
...(isTamaguiElement(child) ? radiusStyles : {
|
|
81
|
+
style: radiusStyles
|
|
82
|
+
})
|
|
83
|
+
};
|
|
84
|
+
return cloneElementWithPropOrder(child, _$props);
|
|
85
|
+
}),
|
|
86
|
+
indexedChildren = useIndexedChildren(spacedChildren({
|
|
87
|
+
direction: spaceDirection,
|
|
88
|
+
separator,
|
|
89
|
+
space,
|
|
90
|
+
children
|
|
91
|
+
})),
|
|
92
|
+
onItemMount = React.useCallback(function () {
|
|
93
|
+
return setItemChildrenCount(function (prev) {
|
|
94
|
+
return prev + 1;
|
|
95
|
+
});
|
|
96
|
+
}, []),
|
|
97
|
+
onItemUnmount = React.useCallback(function () {
|
|
98
|
+
return setItemChildrenCount(function (prev) {
|
|
99
|
+
return prev - 1;
|
|
100
|
+
});
|
|
101
|
+
}, []);
|
|
102
|
+
return /* @__PURE__ */_jsx(GroupProvider, {
|
|
103
|
+
disablePassBorderRadius,
|
|
104
|
+
vertical: orientation === "vertical",
|
|
105
|
+
// @ts-ignore this just popped up since new version expo 49
|
|
106
|
+
radius,
|
|
107
|
+
disabled: disabledProp,
|
|
108
|
+
onItemMount,
|
|
109
|
+
onItemUnmount,
|
|
110
|
+
scope: __scopeGroup,
|
|
111
|
+
children: /* @__PURE__ */_jsx(GroupFrame, {
|
|
112
|
+
ref,
|
|
113
|
+
size,
|
|
114
|
+
flexDirection: orientation === "horizontal" ? "row" : "column",
|
|
115
|
+
borderRadius,
|
|
116
|
+
...restProps,
|
|
117
|
+
children: wrapScroll({
|
|
118
|
+
...activeProps,
|
|
119
|
+
orientation
|
|
120
|
+
}, indexedChildren)
|
|
121
|
+
})
|
|
122
|
+
});
|
|
123
|
+
}), {
|
|
124
|
+
Item: GroupItem
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
var GroupItem = /* @__PURE__ */React.forwardRef(function (props, _ref) {
|
|
128
|
+
var _children_props,
|
|
129
|
+
{
|
|
130
|
+
__scopeGroup,
|
|
131
|
+
children,
|
|
132
|
+
forcePlacement
|
|
133
|
+
} = props,
|
|
134
|
+
groupItemProps = useGroupItem({
|
|
135
|
+
disabled: /* @__PURE__ */React.isValidElement(children) ? children.props.disabled : void 0
|
|
136
|
+
}, forcePlacement, __scopeGroup);
|
|
137
|
+
return ! /* @__PURE__ */React.isValidElement(children) || children.type === React.Fragment ? children : isTamaguiElement(children) ? /* @__PURE__ */React.cloneElement(children, groupItemProps) : /* @__PURE__ */React.cloneElement(children, {
|
|
138
|
+
style: {
|
|
139
|
+
...((_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.style),
|
|
140
|
+
...groupItemProps
|
|
141
|
+
}
|
|
142
|
+
});
|
|
143
|
+
}),
|
|
144
|
+
useGroupItem = function (childrenProps, forcePlacement, __scopeGroup) {
|
|
145
|
+
var treeIndex = useIndex(),
|
|
146
|
+
context = useGroupContext("GroupItem", __scopeGroup);
|
|
147
|
+
if (React.useEffect(function () {
|
|
148
|
+
return context.onItemMount(), function () {
|
|
149
|
+
context.onItemUnmount();
|
|
150
|
+
};
|
|
151
|
+
}, []), !treeIndex) throw Error("<Group.Item/> should only be used within a <Group/>");
|
|
152
|
+
var isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0,
|
|
153
|
+
isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex,
|
|
154
|
+
_childrenProps_disabled,
|
|
155
|
+
disabled = (_childrenProps_disabled = childrenProps.disabled) !== null && _childrenProps_disabled !== void 0 ? _childrenProps_disabled : context.disabled,
|
|
156
|
+
propsToPass = {
|
|
157
|
+
disabled
|
|
158
|
+
};
|
|
159
|
+
if (context.disablePassBorderRadius !== !0) {
|
|
160
|
+
var borderRadius = getBorderRadius({
|
|
161
|
+
radius: context.radius,
|
|
162
|
+
isFirst,
|
|
163
|
+
isLast,
|
|
164
|
+
vertical: context.vertical,
|
|
165
|
+
disable: context.disablePassBorderRadius
|
|
166
|
+
});
|
|
167
|
+
return {
|
|
168
|
+
...propsToPass,
|
|
169
|
+
...borderRadius
|
|
170
|
+
};
|
|
171
|
+
}
|
|
172
|
+
return propsToPass;
|
|
173
|
+
},
|
|
174
|
+
Group = createGroup(!0),
|
|
175
|
+
YGroup = Group,
|
|
176
|
+
XGroup = createGroup(!1),
|
|
177
|
+
wrapScroll = function (param, children) {
|
|
178
|
+
var {
|
|
179
|
+
scrollable,
|
|
180
|
+
orientation,
|
|
181
|
+
showScrollIndicator = !1
|
|
182
|
+
} = param;
|
|
183
|
+
return scrollable ? /* @__PURE__ */_jsx(ScrollView, {
|
|
184
|
+
...(orientation === "vertical" && {
|
|
185
|
+
showsVerticalScrollIndicator: showScrollIndicator
|
|
186
|
+
}),
|
|
187
|
+
...(orientation === "horizontal" && {
|
|
188
|
+
horizontal: !0,
|
|
189
|
+
showsHorizontalScrollIndicator: showScrollIndicator
|
|
190
|
+
}),
|
|
191
|
+
children
|
|
192
|
+
}) : children;
|
|
193
|
+
},
|
|
194
|
+
getBorderRadius = function (param) {
|
|
195
|
+
var {
|
|
196
|
+
isFirst,
|
|
197
|
+
isLast,
|
|
198
|
+
radius,
|
|
199
|
+
vertical,
|
|
200
|
+
disable
|
|
201
|
+
} = param;
|
|
202
|
+
return {
|
|
203
|
+
borderTopLeftRadius: isFirst && disable !== "top" && disable !== "start" ? radius : 0,
|
|
204
|
+
borderTopRightRadius: disable !== "top" && disable !== "end" && (vertical && isFirst || !vertical && isLast) ? radius : 0,
|
|
205
|
+
borderBottomLeftRadius: disable !== "bottom" && disable !== "start" && (vertical && isLast || !vertical && isFirst) ? radius : 0,
|
|
206
|
+
borderBottomRightRadius: isLast && disable !== "bottom" && disable !== "end" ? radius : 0
|
|
207
|
+
};
|
|
208
|
+
},
|
|
209
|
+
cloneElementWithPropOrder = function (child, props) {
|
|
210
|
+
var next = mergeProps(child.props, props, getConfig().shorthands);
|
|
211
|
+
return /* @__PURE__ */React.cloneElement({
|
|
212
|
+
...child,
|
|
213
|
+
props: null
|
|
214
|
+
}, next);
|
|
215
|
+
};
|
|
216
|
+
export { Group, GroupFrame, XGroup, YGroup, useGroupItem };
|
|
217
|
+
//# sourceMappingURL=Group.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","getConfig","getTokens","getVariableValue","isTamaguiElement","mergeProps","spacedChildren","styled","useProps","createContextScope","withStaticProperties","ThemeableStack","useControllableState","ScrollView","useIndex","useIndexedChildren","GROUP_NAME","createGroupContext","createGroupScope","GroupProvider","useGroupContext","GroupFrame","name","variants","unstyled","false","size","val","param","tokens","_tokens_radius_val","_ref","borderRadius","radius","$true","defaultVariants","process","env","TAMAGUI_HEADLESS","createGroup","verticalDefault","styleable","props","ref","activeProps","__scopeGroup","children","childrenProp","space","spaceDirection","separator","scrollable","axis","orientation","disabled","disabledProp","disablePassBorderRadius","disablePassBorderRadiusProp","forceUseItem","restProps","vertical","itemChildrenCount","setItemChildrenCount","defaultProp","isUsingItems","hasRadius","childrenArray","Children","toArray","filter","isValidElement","map","child","i","type","Fragment","_child_props_disabled","isFirst","isLast","length","radiusStyles","getBorderRadius","disable","_$props","style","cloneElementWithPropOrder","indexedChildren","direction","onItemMount","useCallback","prev","onItemUnmount","scope","flexDirection","wrapScroll","Item","GroupItem","forwardRef","_children_props","forcePlacement","groupItemProps","useGroupItem","cloneElement","childrenProps","treeIndex","context","useEffect","Error","index","maxIndex","_childrenProps_disabled","propsToPass","Group","YGroup","XGroup","showScrollIndicator","showsVerticalScrollIndicator","horizontal","showsHorizontalScrollIndicator","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","next","shorthands"],"sources":["../../src/Group.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
package/dist/jsx/Group.native.js
CHANGED
|
@@ -7,99 +7,7 @@ import { ThemeableStack } from "@tamagui/stacks";
|
|
|
7
7
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
8
8
|
import { ScrollView } from "react-native";
|
|
9
9
|
import { useIndex, useIndexedChildren } from "reforest";
|
|
10
|
-
|
|
11
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
12
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
13
|
-
return arr2;
|
|
14
|
-
}
|
|
15
|
-
function _array_with_holes(arr) {
|
|
16
|
-
if (Array.isArray(arr)) return arr;
|
|
17
|
-
}
|
|
18
|
-
function _define_property(obj, key, value) {
|
|
19
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
20
|
-
value,
|
|
21
|
-
enumerable: !0,
|
|
22
|
-
configurable: !0,
|
|
23
|
-
writable: !0
|
|
24
|
-
}) : obj[key] = value, obj;
|
|
25
|
-
}
|
|
26
|
-
function _iterable_to_array_limit(arr, i) {
|
|
27
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
28
|
-
if (_i != null) {
|
|
29
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
30
|
-
try {
|
|
31
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
32
|
-
;
|
|
33
|
-
} catch (err) {
|
|
34
|
-
_d = !0, _e = err;
|
|
35
|
-
} finally {
|
|
36
|
-
try {
|
|
37
|
-
!_n && _i.return != null && _i.return();
|
|
38
|
-
} finally {
|
|
39
|
-
if (_d) throw _e;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return _arr;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
function _non_iterable_rest() {
|
|
46
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
47
|
-
}
|
|
48
|
-
function _object_spread(target) {
|
|
49
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
50
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
51
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
52
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
53
|
-
}))), ownKeys2.forEach(function(key) {
|
|
54
|
-
_define_property(target, key, source[key]);
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
return target;
|
|
58
|
-
}
|
|
59
|
-
function ownKeys(object, enumerableOnly) {
|
|
60
|
-
var keys = Object.keys(object);
|
|
61
|
-
if (Object.getOwnPropertySymbols) {
|
|
62
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
63
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
64
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
65
|
-
})), keys.push.apply(keys, symbols);
|
|
66
|
-
}
|
|
67
|
-
return keys;
|
|
68
|
-
}
|
|
69
|
-
function _object_spread_props(target, source) {
|
|
70
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
71
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
72
|
-
}), target;
|
|
73
|
-
}
|
|
74
|
-
function _object_without_properties(source, excluded) {
|
|
75
|
-
if (source == null) return {};
|
|
76
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
77
|
-
if (Object.getOwnPropertySymbols) {
|
|
78
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
79
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
80
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
81
|
-
}
|
|
82
|
-
return target;
|
|
83
|
-
}
|
|
84
|
-
function _object_without_properties_loose(source, excluded) {
|
|
85
|
-
if (source == null) return {};
|
|
86
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
87
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
88
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
89
|
-
return target;
|
|
90
|
-
}
|
|
91
|
-
function _sliced_to_array(arr, i) {
|
|
92
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
93
|
-
}
|
|
94
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
95
|
-
if (o) {
|
|
96
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
97
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
98
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
99
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
var GROUP_NAME = "Group", _createContextScope = _sliced_to_array(createContextScope(GROUP_NAME), 2), createGroupContext = _createContextScope[0], createGroupScope = _createContextScope[1], _createGroupContext = _sliced_to_array(createGroupContext(GROUP_NAME), 2), GroupProvider = _createGroupContext[0], useGroupContext = _createGroupContext[1], GroupFrame = styled(ThemeableStack, {
|
|
10
|
+
var GROUP_NAME = "Group", [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = styled(ThemeableStack, {
|
|
103
11
|
name: "GroupFrame",
|
|
104
12
|
variants: {
|
|
105
13
|
unstyled: {
|
|
@@ -108,7 +16,7 @@ var GROUP_NAME = "Group", _createContextScope = _sliced_to_array(createContextSc
|
|
|
108
16
|
}
|
|
109
17
|
},
|
|
110
18
|
size: function(val, param) {
|
|
111
|
-
var tokens = param
|
|
19
|
+
var { tokens } = param, _tokens_radius_val, _ref, borderRadius = (_ref = (_tokens_radius_val = tokens.radius[val]) !== null && _tokens_radius_val !== void 0 ? _tokens_radius_val : val) !== null && _ref !== void 0 ? _ref : tokens.radius.$true;
|
|
112
20
|
return {
|
|
113
21
|
borderRadius
|
|
114
22
|
};
|
|
@@ -120,23 +28,9 @@ var GROUP_NAME = "Group", _createContextScope = _sliced_to_array(createContextSc
|
|
|
120
28
|
});
|
|
121
29
|
function createGroup(verticalDefault) {
|
|
122
30
|
return withStaticProperties(GroupFrame.styleable(function(props, ref) {
|
|
123
|
-
var activeProps = useProps(props),
|
|
124
|
-
"__scopeGroup",
|
|
125
|
-
"children",
|
|
126
|
-
"space",
|
|
127
|
-
"size",
|
|
128
|
-
"spaceDirection",
|
|
129
|
-
"separator",
|
|
130
|
-
"scrollable",
|
|
131
|
-
"axis",
|
|
132
|
-
"orientation",
|
|
133
|
-
"disabled",
|
|
134
|
-
"disablePassBorderRadius",
|
|
135
|
-
"borderRadius",
|
|
136
|
-
"forceUseItem"
|
|
137
|
-
]), vertical = orientation === "vertical", _useControllableState = _sliced_to_array(useControllableState({
|
|
31
|
+
var activeProps = useProps(props), { __scopeGroup, children: childrenProp, space, size = "$true", spaceDirection, separator, scrollable, axis = verticalDefault ? "vertical" : "horizontal", orientation = axis, disabled: disabledProp, disablePassBorderRadius: disablePassBorderRadiusProp, borderRadius, forceUseItem, ...restProps } = activeProps, vertical = orientation === "vertical", [itemChildrenCount, setItemChildrenCount] = useControllableState({
|
|
138
32
|
defaultProp: forceUseItem ? 1 : 0
|
|
139
|
-
}),
|
|
33
|
+
}), isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size ? getVariableValue(getTokens().radius[size]) - 1 : void 0), hasRadius = radius !== void 0, disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius, childrenArray = React.Children.toArray(childrenProp), children = isUsingItems ? React.Children.toArray(childrenProp).filter(React.isValidElement) : childrenArray.map(function(child, i) {
|
|
140
34
|
if (!/* @__PURE__ */ React.isValidElement(child) || child.type === React.Fragment)
|
|
141
35
|
return child;
|
|
142
36
|
var _child_props_disabled, disabled = (_child_props_disabled = child.props.disabled) !== null && _child_props_disabled !== void 0 ? _child_props_disabled : disabledProp, isFirst = i === 0, isLast = i === childrenArray.length - 1, radiusStyles = disablePassBorderRadius === !0 ? null : getBorderRadius({
|
|
@@ -145,11 +39,12 @@ function createGroup(verticalDefault) {
|
|
|
145
39
|
radius,
|
|
146
40
|
vertical,
|
|
147
41
|
disable: disablePassBorderRadius
|
|
148
|
-
}), _$props =
|
|
149
|
-
disabled
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
42
|
+
}), _$props = {
|
|
43
|
+
disabled,
|
|
44
|
+
...isTamaguiElement(child) ? radiusStyles : {
|
|
45
|
+
style: radiusStyles
|
|
46
|
+
}
|
|
47
|
+
};
|
|
153
48
|
return cloneElementWithPropOrder(child, _$props);
|
|
154
49
|
}), indexedChildren = useIndexedChildren(spacedChildren({
|
|
155
50
|
direction: spaceDirection,
|
|
@@ -174,27 +69,31 @@ function createGroup(verticalDefault) {
|
|
|
174
69
|
onItemMount,
|
|
175
70
|
onItemUnmount,
|
|
176
71
|
scope: __scopeGroup,
|
|
177
|
-
children: /* @__PURE__ */ _jsx(GroupFrame,
|
|
72
|
+
children: /* @__PURE__ */ _jsx(GroupFrame, {
|
|
178
73
|
ref,
|
|
179
74
|
size,
|
|
180
75
|
flexDirection: orientation === "horizontal" ? "row" : "column",
|
|
181
|
-
borderRadius
|
|
182
|
-
|
|
183
|
-
children: wrapScroll(
|
|
76
|
+
borderRadius,
|
|
77
|
+
...restProps,
|
|
78
|
+
children: wrapScroll({
|
|
79
|
+
...activeProps,
|
|
184
80
|
orientation
|
|
185
|
-
}
|
|
186
|
-
})
|
|
81
|
+
}, indexedChildren)
|
|
82
|
+
})
|
|
187
83
|
});
|
|
188
84
|
}), {
|
|
189
85
|
Item: GroupItem
|
|
190
86
|
});
|
|
191
87
|
}
|
|
192
88
|
var GroupItem = /* @__PURE__ */ React.forwardRef(function(props, _ref) {
|
|
193
|
-
var _children_props,
|
|
89
|
+
var _children_props, { __scopeGroup, children, forcePlacement } = props, groupItemProps = useGroupItem({
|
|
194
90
|
disabled: /* @__PURE__ */ React.isValidElement(children) ? children.props.disabled : void 0
|
|
195
91
|
}, forcePlacement, __scopeGroup);
|
|
196
92
|
return !/* @__PURE__ */ React.isValidElement(children) || children.type === React.Fragment ? children : isTamaguiElement(children) ? /* @__PURE__ */ React.cloneElement(children, groupItemProps) : /* @__PURE__ */ React.cloneElement(children, {
|
|
197
|
-
style:
|
|
93
|
+
style: {
|
|
94
|
+
...(_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.style,
|
|
95
|
+
...groupItemProps
|
|
96
|
+
}
|
|
198
97
|
});
|
|
199
98
|
}), useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
|
|
200
99
|
var treeIndex = useIndex(), context = useGroupContext("GroupItem", __scopeGroup);
|
|
@@ -215,21 +114,26 @@ var GroupItem = /* @__PURE__ */ React.forwardRef(function(props, _ref) {
|
|
|
215
114
|
vertical: context.vertical,
|
|
216
115
|
disable: context.disablePassBorderRadius
|
|
217
116
|
});
|
|
218
|
-
return
|
|
117
|
+
return {
|
|
118
|
+
...propsToPass,
|
|
119
|
+
...borderRadius
|
|
120
|
+
};
|
|
219
121
|
}
|
|
220
122
|
return propsToPass;
|
|
221
123
|
}, Group = createGroup(!0), YGroup = Group, XGroup = createGroup(!1), wrapScroll = function(param, children) {
|
|
222
|
-
var
|
|
223
|
-
return scrollable ? /* @__PURE__ */ _jsx(ScrollView,
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
124
|
+
var { scrollable, orientation, showScrollIndicator = !1 } = param;
|
|
125
|
+
return scrollable ? /* @__PURE__ */ _jsx(ScrollView, {
|
|
126
|
+
...orientation === "vertical" && {
|
|
127
|
+
showsVerticalScrollIndicator: showScrollIndicator
|
|
128
|
+
},
|
|
129
|
+
...orientation === "horizontal" && {
|
|
130
|
+
horizontal: !0,
|
|
131
|
+
showsHorizontalScrollIndicator: showScrollIndicator
|
|
132
|
+
},
|
|
229
133
|
children
|
|
230
|
-
})
|
|
134
|
+
}) : children;
|
|
231
135
|
}, getBorderRadius = function(param) {
|
|
232
|
-
var
|
|
136
|
+
var { isFirst, isLast, radius, vertical, disable } = param;
|
|
233
137
|
return {
|
|
234
138
|
borderTopLeftRadius: isFirst && disable !== "top" && disable !== "start" ? radius : 0,
|
|
235
139
|
borderTopRightRadius: disable !== "top" && disable !== "end" && (vertical && isFirst || !vertical && isLast) ? radius : 0,
|
|
@@ -238,9 +142,10 @@ var GroupItem = /* @__PURE__ */ React.forwardRef(function(props, _ref) {
|
|
|
238
142
|
};
|
|
239
143
|
}, cloneElementWithPropOrder = function(child, props) {
|
|
240
144
|
var next = mergeProps(child.props, props, getConfig().shorthands);
|
|
241
|
-
return /* @__PURE__ */ React.cloneElement(
|
|
145
|
+
return /* @__PURE__ */ React.cloneElement({
|
|
146
|
+
...child,
|
|
242
147
|
props: null
|
|
243
|
-
}
|
|
148
|
+
}, next);
|
|
244
149
|
};
|
|
245
150
|
export {
|
|
246
151
|
Group,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/group/src/Group.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SACEC,WACAC,WACAC,kBACAC,kBACAC,YACAC,gBACAC,QACAC,gBACK;AAEP,SAASC,0BAA0B;AACnC,SAASC,4BAA4B;AACrC,SAASC,sBAAsB;AAC/B,SAASC,4BAA4B;AAErC,SAASC,kBAAkB;AAC3B,SAASC,UAAUC,0BAA0B
|
|
5
|
-
"names": ["React", "getConfig", "getTokens", "getVariableValue", "isTamaguiElement", "mergeProps", "spacedChildren", "styled", "useProps", "createContextScope", "withStaticProperties", "ThemeableStack", "useControllableState", "ScrollView", "useIndex", "useIndexedChildren", "GROUP_NAME", "createGroupContext", "createGroupScope", "GroupProvider", "useGroupContext", "GroupFrame", "name", "variants", "unstyled", "false", "size", "val", "tokens", "borderRadius", "radius", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "createGroup", "verticalDefault", "styleable", "props", "ref", "activeProps", "__scopeGroup", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "getConfig", "getTokens", "getVariableValue", "isTamaguiElement", "mergeProps", "spacedChildren", "styled", "useProps", "createContextScope", "withStaticProperties", "ThemeableStack", "useControllableState", "ScrollView", "useIndex", "useIndexedChildren", "GROUP_NAME", "createGroupContext", "createGroupScope", "GroupProvider", "useGroupContext", "GroupFrame", "name", "variants", "unstyled", "false", "size", "val", "tokens", "borderRadius", "radius", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "createGroup", "verticalDefault", "styleable", "props", "ref", "activeProps", "__scopeGroup", "children", "childrenProp", "space", "spaceDirection", "separator", "scrollable", "axis", "orientation", "disabled", "disabledProp", "disablePassBorderRadius", "disablePassBorderRadiusProp", "forceUseItem", "restProps", "vertical", "itemChildrenCount", "setItemChildrenCount", "defaultProp", "isUsingItems", "undefined", "hasRadius", "childrenArray", "Children", "toArray", "filter", "isValidElement", "map", "child", "i", "type", "Fragment", "isFirst", "isLast", "length", "radiusStyles", "getBorderRadius", "disable", "style", "cloneElementWithPropOrder", "indexedChildren", "direction", "onItemMount", "useCallback", "prev", "onItemUnmount", "scope", "flexDirection", "wrapScroll", "Item", "GroupItem", "forwardRef", "_ref", "forcePlacement", "groupItemProps", "useGroupItem", "cloneElement", "childrenProps", "treeIndex", "context", "useEffect", "Error", "index", "maxIndex", "propsToPass", "Group", "YGroup", "XGroup", "showScrollIndicator", "showsVerticalScrollIndicator", "horizontal", "showsHorizontalScrollIndicator", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "next", "shorthands"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/group",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.111.0",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -33,15 +33,15 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tamagui/core": "1.
|
|
37
|
-
"@tamagui/create-context": "1.
|
|
38
|
-
"@tamagui/helpers": "1.
|
|
39
|
-
"@tamagui/stacks": "1.
|
|
40
|
-
"@tamagui/use-controllable-state": "1.
|
|
36
|
+
"@tamagui/core": "1.111.0",
|
|
37
|
+
"@tamagui/create-context": "1.111.0",
|
|
38
|
+
"@tamagui/helpers": "1.111.0",
|
|
39
|
+
"@tamagui/stacks": "1.111.0",
|
|
40
|
+
"@tamagui/use-controllable-state": "1.111.0",
|
|
41
41
|
"reforest": "^0.13.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@tamagui/build": "1.
|
|
44
|
+
"@tamagui/build": "1.111.0",
|
|
45
45
|
"react": "^18.2.0 || ^19.0.0"
|
|
46
46
|
},
|
|
47
47
|
"publishConfig": {
|