@tamagui/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/Group.cjs +112 -96
- package/dist/cjs/Group.native.js +111 -101
- package/dist/cjs/Group.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/useIndexedChildren.cjs +40 -36
- package/dist/cjs/useIndexedChildren.native.js +42 -38
- package/dist/cjs/useIndexedChildren.native.js.map +1 -1
- package/dist/esm/Group.mjs +81 -67
- package/dist/esm/Group.mjs.map +1 -1
- package/dist/esm/Group.native.js +80 -72
- package/dist/esm/Group.native.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/useIndexedChildren.mjs +14 -12
- package/dist/esm/useIndexedChildren.mjs.map +1 -1
- package/dist/esm/useIndexedChildren.native.js +16 -14
- package/dist/esm/useIndexedChildren.native.js.map +1 -1
- package/dist/jsx/Group.mjs +81 -67
- package/dist/jsx/Group.mjs.map +1 -1
- package/dist/jsx/Group.native.js +111 -101
- package/dist/jsx/Group.native.js.map +1 -1
- package/dist/jsx/index.js +1 -1
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +7 -5
- package/dist/jsx/useIndexedChildren.mjs +14 -12
- package/dist/jsx/useIndexedChildren.mjs.map +1 -1
- package/dist/jsx/useIndexedChildren.native.js +42 -38
- package/dist/jsx/useIndexedChildren.native.js.map +1 -1
- package/package.json +12 -15
- package/dist/cjs/Group.js +0 -108
- package/dist/cjs/Group.js.map +0 -6
- package/dist/cjs/index.js +0 -15
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/useIndexedChildren.js +0 -70
- package/dist/cjs/useIndexedChildren.js.map +0 -6
- package/dist/esm/Group.js +0 -90
- package/dist/esm/Group.js.map +0 -6
- package/dist/esm/useIndexedChildren.js +0 -47
- package/dist/esm/useIndexedChildren.js.map +0 -6
- package/dist/jsx/Group.js +0 -90
- package/dist/jsx/Group.js.map +0 -6
- package/dist/jsx/useIndexedChildren.js +0 -47
- package/dist/jsx/useIndexedChildren.js.map +0 -6
package/dist/cjs/Group.cjs
CHANGED
|
@@ -2,33 +2,35 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
6
|
-
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
32
34
|
var Group_exports = {};
|
|
33
35
|
__export(Group_exports, {
|
|
34
36
|
Group: () => Group,
|
|
@@ -39,45 +41,48 @@ __export(Group_exports, {
|
|
|
39
41
|
useGroupItem: () => useGroupItem
|
|
40
42
|
});
|
|
41
43
|
module.exports = __toCommonJS(Group_exports);
|
|
42
|
-
var import_core = require("@tamagui/core")
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
const GROUP_NAME = "Group"
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
},
|
|
60
|
-
size: (val, {
|
|
61
|
-
tokens
|
|
62
|
-
}) => ({
|
|
63
|
-
borderRadius: tokens.radius[val] ?? val ?? tokens.radius.$true
|
|
64
|
-
})
|
|
44
|
+
var import_core = require("@tamagui/core");
|
|
45
|
+
var import_create_context = require("@tamagui/create-context");
|
|
46
|
+
var import_helpers = require("@tamagui/helpers");
|
|
47
|
+
var import_stacks = require("@tamagui/stacks");
|
|
48
|
+
var import_react = __toESM(require("react"), 1);
|
|
49
|
+
var import_useIndexedChildren = require("./useIndexedChildren.cjs");
|
|
50
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
51
|
+
const GROUP_NAME = "Group";
|
|
52
|
+
const [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);
|
|
53
|
+
const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
54
|
+
const GroupFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
55
|
+
name: "GroupFrame",
|
|
56
|
+
variants: {
|
|
57
|
+
unstyled: {
|
|
58
|
+
false: {
|
|
59
|
+
size: "$true"
|
|
60
|
+
}
|
|
65
61
|
},
|
|
66
|
-
|
|
67
|
-
|
|
62
|
+
size: (val, {
|
|
63
|
+
tokens
|
|
64
|
+
}) => {
|
|
65
|
+
const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
|
|
66
|
+
return {
|
|
67
|
+
borderRadius
|
|
68
|
+
};
|
|
68
69
|
}
|
|
69
|
-
}
|
|
70
|
+
},
|
|
71
|
+
defaultVariants: {
|
|
72
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
73
|
+
}
|
|
74
|
+
});
|
|
70
75
|
function createGroup(verticalDefault) {
|
|
71
76
|
return (0, import_helpers.withStaticProperties)(GroupFrame.styleable((props, ref) => {
|
|
72
77
|
const {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
__scopeGroup,
|
|
79
|
+
children: childrenProp,
|
|
80
|
+
orientation = verticalDefault ? "vertical" : "horizontal",
|
|
81
|
+
disabled,
|
|
82
|
+
...restProps
|
|
83
|
+
} = props;
|
|
84
|
+
const vertical = orientation === "vertical";
|
|
85
|
+
const indexedChildren = (0, import_useIndexedChildren.useIndexedChildren)(import_react.default.Children.toArray(childrenProp));
|
|
81
86
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupProvider, {
|
|
82
87
|
vertical,
|
|
83
88
|
disabled,
|
|
@@ -95,52 +100,63 @@ function createGroup(verticalDefault) {
|
|
|
95
100
|
}
|
|
96
101
|
function GroupItem(props) {
|
|
97
102
|
const {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
if (!treeIndex)
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
103
|
+
__scopeGroup,
|
|
104
|
+
children,
|
|
105
|
+
forcePlacement,
|
|
106
|
+
...forwardedProps
|
|
107
|
+
} = props;
|
|
108
|
+
const context = useGroupContext("GroupItem", __scopeGroup);
|
|
109
|
+
const treeIndex = (0, import_useIndexedChildren.useIndex)();
|
|
110
|
+
if (!treeIndex) {
|
|
111
|
+
throw Error("<Group.Item/> should only be used within a <Group/>");
|
|
112
|
+
}
|
|
113
|
+
if (!import_react.default.isValidElement(children)) {
|
|
114
|
+
return children;
|
|
115
|
+
}
|
|
116
|
+
const isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0;
|
|
117
|
+
const isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
|
|
118
|
+
const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
|
|
119
|
+
const groupProps = {
|
|
120
|
+
...forwardedProps,
|
|
121
|
+
...radiusStyles
|
|
122
|
+
};
|
|
123
|
+
if (context.disabled != null) {
|
|
124
|
+
groupProps.disabled = children.props.disabled ?? context.disabled;
|
|
125
|
+
}
|
|
115
126
|
const mergedProps = (0, import_core.mergeSlotStyleProps)(groupProps, children.props);
|
|
116
127
|
return import_react.default.cloneElement(children, mergedProps);
|
|
117
128
|
}
|
|
118
129
|
const useGroupItem = (childrenProps, forcePlacement, __scopeGroup) => {
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
130
|
+
const treeIndex = (0, import_useIndexedChildren.useIndex)();
|
|
131
|
+
const context = useGroupContext("GroupItem", __scopeGroup);
|
|
132
|
+
if (!treeIndex) {
|
|
133
|
+
throw Error("useGroupItem should only be used within a <Group/>");
|
|
134
|
+
}
|
|
135
|
+
const isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0;
|
|
136
|
+
const isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
|
|
137
|
+
const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
|
|
138
|
+
return {
|
|
139
|
+
disabled: childrenProps.disabled ?? context.disabled,
|
|
140
|
+
...radiusStyles
|
|
141
|
+
};
|
|
142
|
+
};
|
|
143
|
+
const Group = createGroup(true);
|
|
144
|
+
const YGroup = Group;
|
|
145
|
+
const XGroup = createGroup(false);
|
|
146
|
+
function getZeroedRadius(isFirst, isLast, vertical) {
|
|
147
|
+
if (vertical) {
|
|
125
148
|
return {
|
|
126
|
-
|
|
127
|
-
|
|
149
|
+
...(isFirst ? null : {
|
|
150
|
+
borderTopLeftRadius: 0,
|
|
151
|
+
borderTopRightRadius: 0
|
|
152
|
+
}),
|
|
153
|
+
...(isLast ? null : {
|
|
154
|
+
borderBottomLeftRadius: 0,
|
|
155
|
+
borderBottomRightRadius: 0
|
|
156
|
+
})
|
|
128
157
|
};
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
YGroup = Group,
|
|
132
|
-
XGroup = createGroup(!1);
|
|
133
|
-
function getZeroedRadius(isFirst, isLast, vertical) {
|
|
134
|
-
return vertical ? {
|
|
135
|
-
...(isFirst ? null : {
|
|
136
|
-
borderTopLeftRadius: 0,
|
|
137
|
-
borderTopRightRadius: 0
|
|
138
|
-
}),
|
|
139
|
-
...(isLast ? null : {
|
|
140
|
-
borderBottomLeftRadius: 0,
|
|
141
|
-
borderBottomRightRadius: 0
|
|
142
|
-
})
|
|
143
|
-
} : {
|
|
158
|
+
}
|
|
159
|
+
return {
|
|
144
160
|
...(isFirst ? null : {
|
|
145
161
|
borderTopLeftRadius: 0,
|
|
146
162
|
borderBottomLeftRadius: 0
|
package/dist/cjs/Group.native.js
CHANGED
|
@@ -4,33 +4,35 @@ 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 Group_exports = {};
|
|
35
37
|
__export(Group_exports, {
|
|
36
38
|
Group: () => Group,
|
|
@@ -41,51 +43,50 @@ __export(Group_exports, {
|
|
|
41
43
|
useGroupItem: () => useGroupItem
|
|
42
44
|
});
|
|
43
45
|
module.exports = __toCommonJS(Group_exports);
|
|
44
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
|
-
size: function (val, param) {
|
|
63
|
-
var {
|
|
64
|
-
tokens
|
|
65
|
-
} = param,
|
|
66
|
-
_tokens_radius_val,
|
|
67
|
-
_ref,
|
|
68
|
-
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;
|
|
69
|
-
return {
|
|
70
|
-
borderRadius
|
|
71
|
-
};
|
|
46
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
47
|
+
var import_core = require("@tamagui/core");
|
|
48
|
+
var import_create_context = require("@tamagui/create-context");
|
|
49
|
+
var import_helpers = require("@tamagui/helpers");
|
|
50
|
+
var import_stacks = require("@tamagui/stacks");
|
|
51
|
+
var import_react = __toESM(require("react"), 1);
|
|
52
|
+
var import_useIndexedChildren = require("./useIndexedChildren.native.js");
|
|
53
|
+
var GROUP_NAME = "Group";
|
|
54
|
+
var [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);
|
|
55
|
+
var [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
56
|
+
var GroupFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
57
|
+
name: "GroupFrame",
|
|
58
|
+
variants: {
|
|
59
|
+
unstyled: {
|
|
60
|
+
false: {
|
|
61
|
+
size: "$true"
|
|
72
62
|
}
|
|
73
63
|
},
|
|
74
|
-
|
|
75
|
-
|
|
64
|
+
size: function (val, param) {
|
|
65
|
+
var {
|
|
66
|
+
tokens
|
|
67
|
+
} = param;
|
|
68
|
+
var _tokens_radius_val, _ref;
|
|
69
|
+
var 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"];
|
|
70
|
+
return {
|
|
71
|
+
borderRadius
|
|
72
|
+
};
|
|
76
73
|
}
|
|
77
|
-
}
|
|
74
|
+
},
|
|
75
|
+
defaultVariants: {
|
|
76
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
77
|
+
}
|
|
78
|
+
});
|
|
78
79
|
function createGroup(verticalDefault) {
|
|
79
80
|
return (0, import_helpers.withStaticProperties)(GroupFrame.styleable(function (props, ref) {
|
|
80
81
|
var {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
82
|
+
__scopeGroup,
|
|
83
|
+
children: childrenProp,
|
|
84
|
+
orientation = verticalDefault ? "vertical" : "horizontal",
|
|
85
|
+
disabled,
|
|
86
|
+
...restProps
|
|
87
|
+
} = props;
|
|
88
|
+
var vertical = orientation === "vertical";
|
|
89
|
+
var indexedChildren = (0, import_useIndexedChildren.useIndexedChildren)(import_react.default.Children.toArray(childrenProp));
|
|
89
90
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupProvider, {
|
|
90
91
|
vertical,
|
|
91
92
|
disabled,
|
|
@@ -103,22 +104,26 @@ function createGroup(verticalDefault) {
|
|
|
103
104
|
}
|
|
104
105
|
function GroupItem(props) {
|
|
105
106
|
var {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
if (!treeIndex)
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
107
|
+
__scopeGroup,
|
|
108
|
+
children,
|
|
109
|
+
forcePlacement,
|
|
110
|
+
...forwardedProps
|
|
111
|
+
} = props;
|
|
112
|
+
var context = useGroupContext("GroupItem", __scopeGroup);
|
|
113
|
+
var treeIndex = (0, import_useIndexedChildren.useIndex)();
|
|
114
|
+
if (!treeIndex) {
|
|
115
|
+
throw Error("<Group.Item/> should only be used within a <Group/>");
|
|
116
|
+
}
|
|
117
|
+
if (! /* @__PURE__ */import_react.default.isValidElement(children)) {
|
|
118
|
+
return children;
|
|
119
|
+
}
|
|
120
|
+
var isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0;
|
|
121
|
+
var isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
|
|
122
|
+
var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
|
|
123
|
+
var groupProps = {
|
|
124
|
+
...forwardedProps,
|
|
125
|
+
...radiusStyles
|
|
126
|
+
};
|
|
122
127
|
if (context.disabled != null) {
|
|
123
128
|
var _children_props_disabled;
|
|
124
129
|
groupProps.disabled = (_children_props_disabled = children.props.disabled) !== null && _children_props_disabled !== void 0 ? _children_props_disabled : context.disabled;
|
|
@@ -127,32 +132,37 @@ function GroupItem(props) {
|
|
|
127
132
|
return /* @__PURE__ */import_react.default.cloneElement(children, mergedProps);
|
|
128
133
|
}
|
|
129
134
|
var useGroupItem = function (childrenProps, forcePlacement, __scopeGroup) {
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
135
|
+
var treeIndex = (0, import_useIndexedChildren.useIndex)();
|
|
136
|
+
var context = useGroupContext("GroupItem", __scopeGroup);
|
|
137
|
+
if (!treeIndex) {
|
|
138
|
+
throw Error("useGroupItem should only be used within a <Group/>");
|
|
139
|
+
}
|
|
140
|
+
var isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0;
|
|
141
|
+
var isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
|
|
142
|
+
var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
|
|
143
|
+
var _childrenProps_disabled;
|
|
144
|
+
return {
|
|
145
|
+
disabled: (_childrenProps_disabled = childrenProps.disabled) !== null && _childrenProps_disabled !== void 0 ? _childrenProps_disabled : context.disabled,
|
|
146
|
+
...radiusStyles
|
|
147
|
+
};
|
|
148
|
+
};
|
|
149
|
+
var Group = createGroup(true);
|
|
150
|
+
var YGroup = Group;
|
|
151
|
+
var XGroup = createGroup(false);
|
|
152
|
+
function getZeroedRadius(isFirst, isLast, vertical) {
|
|
153
|
+
if (vertical) {
|
|
137
154
|
return {
|
|
138
|
-
|
|
139
|
-
|
|
155
|
+
...(isFirst ? null : {
|
|
156
|
+
borderTopLeftRadius: 0,
|
|
157
|
+
borderTopRightRadius: 0
|
|
158
|
+
}),
|
|
159
|
+
...(isLast ? null : {
|
|
160
|
+
borderBottomLeftRadius: 0,
|
|
161
|
+
borderBottomRightRadius: 0
|
|
162
|
+
})
|
|
140
163
|
};
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
YGroup = Group,
|
|
144
|
-
XGroup = createGroup(!1);
|
|
145
|
-
function getZeroedRadius(isFirst, isLast, vertical) {
|
|
146
|
-
return vertical ? {
|
|
147
|
-
...(isFirst ? null : {
|
|
148
|
-
borderTopLeftRadius: 0,
|
|
149
|
-
borderTopRightRadius: 0
|
|
150
|
-
}),
|
|
151
|
-
...(isLast ? null : {
|
|
152
|
-
borderBottomLeftRadius: 0,
|
|
153
|
-
borderBottomRightRadius: 0
|
|
154
|
-
})
|
|
155
|
-
} : {
|
|
164
|
+
}
|
|
165
|
+
return {
|
|
156
166
|
...(isFirst ? null : {
|
|
157
167
|
borderTopLeftRadius: 0,
|
|
158
168
|
borderBottomLeftRadius: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Group_exports","__export","Group","GroupFrame","XGroup","YGroup","createGroupScope","useGroupItem","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_stacks","import_react","__toESM","import_useIndexedChildren","GROUP_NAME","createGroupContext","createContextScope","GroupProvider","useGroupContext","styled","YStack","name","variants","unstyled","false","size","val","param","tokens","_tokens_radius_val","_ref","borderRadius","radius","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Group_exports","__export","Group","GroupFrame","XGroup","YGroup","createGroupScope","useGroupItem","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_stacks","import_react","__toESM","import_useIndexedChildren","GROUP_NAME","createGroupContext","createContextScope","GroupProvider","useGroupContext","styled","YStack","name","variants","unstyled","false","size","val","param","tokens","_tokens_radius_val","_ref","borderRadius","radius","defaultVariants","process","env","TAMAGUI_HEADLESS","createGroup","verticalDefault","withStaticProperties","styleable","props","ref","__scopeGroup","children","childrenProp","orientation","disabled","restProps","vertical","indexedChildren","useIndexedChildren","default","Children","toArray","jsx","scope","flexDirection","Item","GroupItem","forcePlacement","forwardedProps","context","treeIndex","useIndex","Error","isValidElement","isFirst","index","isLast","maxIndex","radiusStyles","getZeroedRadius","groupProps","_children_props_disabled","mergedProps","mergeSlotStyleProps","cloneElement","childrenProps","_childrenProps_disabled","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],"sources":["../../src/Group.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -3,15 +3,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
7
8
|
get: () => from[key],
|
|
8
9
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
9
10
|
});
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
13
15
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
14
|
-
value:
|
|
16
|
+
value: true
|
|
15
17
|
}), mod);
|
|
16
18
|
var index_exports = {};
|
|
17
19
|
module.exports = __toCommonJS(index_exports);
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
9
10
|
get: () => from[key],
|
|
10
11
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
12
|
});
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
17
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
-
value:
|
|
18
|
+
value: true
|
|
17
19
|
}), mod);
|
|
18
20
|
var index_exports = {};
|
|
19
21
|
module.exports = __toCommonJS(index_exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}
|