@tamagui/group 3.0.0-beta.924.1 → 3.0.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.cjs +5 -11
- package/dist/cjs/Group.native.cjs +5 -13
- package/dist/cjs/Group.native.js +5 -13
- package/dist/cjs/Group.native.js.map +1 -1
- package/dist/esm/Group.mjs +6 -12
- package/dist/esm/Group.mjs.map +1 -1
- package/dist/esm/Group.native.js +6 -14
- package/dist/esm/Group.native.js.map +1 -1
- package/dist/jsx/Group.mjs +6 -12
- package/dist/jsx/Group.mjs.map +1 -1
- package/dist/jsx/Group.native.cjs +5 -13
- package/dist/jsx/Group.native.js +5 -13
- package/dist/jsx/Group.native.js.map +1 -1
- package/package.json +11 -10
- package/src/Group.tsx +10 -20
- package/types/Group.d.ts +29 -132
- package/types/Group.d.ts.map +1 -1
package/dist/cjs/Group.cjs
CHANGED
|
@@ -44,15 +44,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
44
44
|
const GROUP_NAME = "Group";
|
|
45
45
|
const [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);
|
|
46
46
|
const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
47
|
-
const
|
|
48
|
-
const radiusToken = (0, import_core.resolveSizeToken)(val, "radius");
|
|
49
|
-
return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
|
|
50
|
-
});
|
|
51
|
-
const GroupFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
52
|
-
displayName: "GroupFrame",
|
|
53
|
-
size: true,
|
|
54
|
-
variants: { size: groupSizeVariant }
|
|
55
|
-
});
|
|
47
|
+
const GroupFrame = (0, import_core.styled)(import_stacks.YStack, { displayName: "GroupFrame" });
|
|
56
48
|
function createGroup(verticalDefault) {
|
|
57
49
|
return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, (props, ref) => {
|
|
58
50
|
const { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled, ...restProps } = props;
|
|
@@ -116,7 +108,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
116
108
|
return {
|
|
117
109
|
...isFirst ? null : {
|
|
118
110
|
borderTopLeftRadius: 0,
|
|
119
|
-
borderTopRightRadius: 0
|
|
111
|
+
borderTopRightRadius: 0,
|
|
112
|
+
borderTopWidth: 0
|
|
120
113
|
},
|
|
121
114
|
...isLast ? null : {
|
|
122
115
|
borderBottomLeftRadius: 0,
|
|
@@ -127,7 +120,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
127
120
|
return {
|
|
128
121
|
...isFirst ? null : {
|
|
129
122
|
borderTopLeftRadius: 0,
|
|
130
|
-
borderBottomLeftRadius: 0
|
|
123
|
+
borderBottomLeftRadius: 0,
|
|
124
|
+
borderLeftWidth: 0
|
|
131
125
|
},
|
|
132
126
|
...isLast ? null : {
|
|
133
127
|
borderTopRightRadius: 0,
|
|
@@ -46,17 +46,7 @@ var import_useIndexedChildren = require("./useIndexedChildren.native.js");
|
|
|
46
46
|
var GROUP_NAME = "Group";
|
|
47
47
|
var [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);
|
|
48
48
|
var [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
49
|
-
var
|
|
50
|
-
var { tokens } = param;
|
|
51
|
-
var radiusToken = (0, import_core.resolveSizeToken)(val, "radius");
|
|
52
|
-
var _tokens_radius_radiusToken;
|
|
53
|
-
return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
|
|
54
|
-
});
|
|
55
|
-
var GroupFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
56
|
-
displayName: "GroupFrame",
|
|
57
|
-
size: true,
|
|
58
|
-
variants: { size: groupSizeVariant }
|
|
59
|
-
});
|
|
49
|
+
var GroupFrame = (0, import_core.styled)(import_stacks.YStack, { displayName: "GroupFrame" });
|
|
60
50
|
function createGroup(verticalDefault) {
|
|
61
51
|
return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, function(props, ref) {
|
|
62
52
|
var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled, ...restProps } = props;
|
|
@@ -122,7 +112,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
122
112
|
return {
|
|
123
113
|
...isFirst ? null : {
|
|
124
114
|
borderTopLeftRadius: 0,
|
|
125
|
-
borderTopRightRadius: 0
|
|
115
|
+
borderTopRightRadius: 0,
|
|
116
|
+
borderTopWidth: 0
|
|
126
117
|
},
|
|
127
118
|
...isLast ? null : {
|
|
128
119
|
borderBottomLeftRadius: 0,
|
|
@@ -133,7 +124,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
133
124
|
return {
|
|
134
125
|
...isFirst ? null : {
|
|
135
126
|
borderTopLeftRadius: 0,
|
|
136
|
-
borderBottomLeftRadius: 0
|
|
127
|
+
borderBottomLeftRadius: 0,
|
|
128
|
+
borderLeftWidth: 0
|
|
137
129
|
},
|
|
138
130
|
...isLast ? null : {
|
|
139
131
|
borderTopRightRadius: 0,
|
package/dist/cjs/Group.native.js
CHANGED
|
@@ -46,17 +46,7 @@ var import_useIndexedChildren = require("./useIndexedChildren.native.js");
|
|
|
46
46
|
var GROUP_NAME = "Group";
|
|
47
47
|
var [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);
|
|
48
48
|
var [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
49
|
-
var
|
|
50
|
-
var { tokens } = param;
|
|
51
|
-
var radiusToken = (0, import_core.resolveSizeToken)(val, "radius");
|
|
52
|
-
var _tokens_radius_radiusToken;
|
|
53
|
-
return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
|
|
54
|
-
});
|
|
55
|
-
var GroupFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
56
|
-
displayName: "GroupFrame",
|
|
57
|
-
size: true,
|
|
58
|
-
variants: { size: groupSizeVariant }
|
|
59
|
-
});
|
|
49
|
+
var GroupFrame = (0, import_core.styled)(import_stacks.YStack, { displayName: "GroupFrame" });
|
|
60
50
|
function createGroup(verticalDefault) {
|
|
61
51
|
return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, function(props, ref) {
|
|
62
52
|
var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled, ...restProps } = props;
|
|
@@ -122,7 +112,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
122
112
|
return {
|
|
123
113
|
...isFirst ? null : {
|
|
124
114
|
borderTopLeftRadius: 0,
|
|
125
|
-
borderTopRightRadius: 0
|
|
115
|
+
borderTopRightRadius: 0,
|
|
116
|
+
borderTopWidth: 0
|
|
126
117
|
},
|
|
127
118
|
...isLast ? null : {
|
|
128
119
|
borderBottomLeftRadius: 0,
|
|
@@ -133,7 +124,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
133
124
|
return {
|
|
134
125
|
...isFirst ? null : {
|
|
135
126
|
borderTopLeftRadius: 0,
|
|
136
|
-
borderBottomLeftRadius: 0
|
|
127
|
+
borderBottomLeftRadius: 0,
|
|
128
|
+
borderLeftWidth: 0
|
|
137
129
|
},
|
|
138
130
|
...isLast ? null : {
|
|
139
131
|
borderTopRightRadius: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.native.js","names":[],"sources":["cjs/Group.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Group_exports = {};\n__export(Group_exports, {\n Group: () => Group,\n GroupFrame: () => GroupFrame,\n XGroup: () => XGroup,\n YGroup: () => YGroup,\n createGroupScope: () => createGroupScope,\n useGroupItem: () => useGroupItem\n});\nmodule.exports = __toCommonJS(Group_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_create_context = require(\"@tamagui/create-context\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_useIndexedChildren = require(\"./useIndexedChildren\");\nvar GROUP_NAME = \"Group\";\nvar [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);\nvar [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);\nvar groupSizeVariant = import_core.styled.dynamic(function(val, param) {\n var { tokens } = param;\n var radiusToken = (0, import_core.resolveSizeToken)(val, \"radius\");\n var _tokens_radius_radiusToken;\n return {\n borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken\n };\n});\nvar GroupFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"GroupFrame\",\n size: true,\n variants: {\n size: groupSizeVariant\n }\n});\nfunction createGroup(verticalDefault) {\n return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, function(props, ref) {\n var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? \"vertical\" : \"horizontal\", disabled, ...restProps } = props;\n var vertical = orientation === \"vertical\";\n var indexedChildren = (0, import_useIndexedChildren.useIndexedChildren)(import_react.default.Children.toArray(childrenProp));\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupProvider, {\n vertical,\n disabled,\n scope: __scopeGroup,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupFrame, {\n ref,\n flexDirection: vertical ? \"column\" : \"row\",\n ...restProps,\n children: indexedChildren\n })\n });\n }), {\n Item: GroupItem\n });\n}\nfunction GroupItem(props) {\n var { __scopeGroup, children, forcePlacement, ...forwardedProps } = props;\n var context = useGroupContext(\"GroupItem\", __scopeGroup);\n var treeIndex = (0, import_useIndexedChildren.useIndex)();\n if (!treeIndex) {\n throw Error(\"<Group.Item/> should only be used within a <Group/>\");\n }\n if (!/* @__PURE__ */ import_react.default.isValidElement(children)) {\n return children;\n }\n var isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n var isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n var groupProps = {\n ...forwardedProps,\n ...radiusStyles\n };\n if (context.disabled != null) {\n var _children_props_disabled;\n groupProps.disabled = (_children_props_disabled = children.props.disabled) !== null && _children_props_disabled !== void 0 ? _children_props_disabled : context.disabled;\n }\n var mergedProps = (0, import_core.mergeSlotStyleProps)(groupProps, children.props);\n return /* @__PURE__ */ import_react.default.cloneElement(children, mergedProps);\n}\nvar useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {\n var treeIndex = (0, import_useIndexedChildren.useIndex)();\n var context = useGroupContext(\"GroupItem\", __scopeGroup);\n if (!treeIndex) {\n throw Error(\"useGroupItem should only be used within a <Group/>\");\n }\n var isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n var isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n var _childrenProps_disabled;\n return {\n disabled: (_childrenProps_disabled = childrenProps.disabled) !== null && _childrenProps_disabled !== void 0 ? _childrenProps_disabled : context.disabled,\n ...radiusStyles\n };\n};\nvar Group = createGroup(true);\nvar YGroup = Group;\nvar XGroup = createGroup(false);\nfunction getZeroedRadius(isFirst, isLast, vertical) {\n if (vertical) {\n return {\n ...isFirst ? null : {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0\n },\n ...isLast ? null : {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0\n }\n };\n }\n return {\n ...isFirst ? null : {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0\n },\n ...isLast ? null : {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n }\n };\n}\n//# sourceMappingURL=Group.js.map\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Group.native.js","names":[],"sources":["cjs/Group.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Group_exports = {};\n__export(Group_exports, {\n Group: () => Group,\n GroupFrame: () => GroupFrame,\n XGroup: () => XGroup,\n YGroup: () => YGroup,\n createGroupScope: () => createGroupScope,\n useGroupItem: () => useGroupItem\n});\nmodule.exports = __toCommonJS(Group_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_create_context = require(\"@tamagui/create-context\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_useIndexedChildren = require(\"./useIndexedChildren\");\nvar GROUP_NAME = \"Group\";\nvar [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);\nvar [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);\nvar GroupFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"GroupFrame\"\n});\nfunction createGroup(verticalDefault) {\n return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, function(props, ref) {\n var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? \"vertical\" : \"horizontal\", disabled, ...restProps } = props;\n var vertical = orientation === \"vertical\";\n var indexedChildren = (0, import_useIndexedChildren.useIndexedChildren)(import_react.default.Children.toArray(childrenProp));\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupProvider, {\n vertical,\n disabled,\n scope: __scopeGroup,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupFrame, {\n ref,\n flexDirection: vertical ? \"column\" : \"row\",\n ...restProps,\n children: indexedChildren\n })\n });\n }), {\n Item: GroupItem\n });\n}\nfunction GroupItem(props) {\n var { __scopeGroup, children, forcePlacement, ...forwardedProps } = props;\n var context = useGroupContext(\"GroupItem\", __scopeGroup);\n var treeIndex = (0, import_useIndexedChildren.useIndex)();\n if (!treeIndex) {\n throw Error(\"<Group.Item/> should only be used within a <Group/>\");\n }\n if (!/* @__PURE__ */ import_react.default.isValidElement(children)) {\n return children;\n }\n var isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n var isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n var groupProps = {\n ...forwardedProps,\n ...radiusStyles\n };\n if (context.disabled != null) {\n var _children_props_disabled;\n groupProps.disabled = (_children_props_disabled = children.props.disabled) !== null && _children_props_disabled !== void 0 ? _children_props_disabled : context.disabled;\n }\n var mergedProps = (0, import_core.mergeSlotStyleProps)(groupProps, children.props);\n return /* @__PURE__ */ import_react.default.cloneElement(children, mergedProps);\n}\nvar useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {\n var treeIndex = (0, import_useIndexedChildren.useIndex)();\n var context = useGroupContext(\"GroupItem\", __scopeGroup);\n if (!treeIndex) {\n throw Error(\"useGroupItem should only be used within a <Group/>\");\n }\n var isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n var isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n var _childrenProps_disabled;\n return {\n disabled: (_childrenProps_disabled = childrenProps.disabled) !== null && _childrenProps_disabled !== void 0 ? _childrenProps_disabled : context.disabled,\n ...radiusStyles\n };\n};\nvar Group = createGroup(true);\nvar YGroup = Group;\nvar XGroup = createGroup(false);\nfunction getZeroedRadius(isFirst, isLast, vertical) {\n if (vertical) {\n return {\n ...isFirst ? null : {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderTopWidth: 0\n },\n ...isLast ? null : {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0\n }\n };\n }\n return {\n ...isFirst ? null : {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderLeftWidth: 0\n },\n ...isLast ? null : {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n }\n };\n}\n//# sourceMappingURL=Group.js.map\n"],"mappings":"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"}
|
package/dist/esm/Group.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createStyledHOC, mergeSlotStyleProps,
|
|
1
|
+
import { createStyledHOC, mergeSlotStyleProps, styled } from "@tamagui/core";
|
|
2
2
|
import { createContextScope } from "@tamagui/create-context";
|
|
3
3
|
import { withStaticProperties } from "@tamagui/helpers";
|
|
4
4
|
import { YStack } from "@tamagui/stacks";
|
|
@@ -9,15 +9,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
9
9
|
const GROUP_NAME = "Group";
|
|
10
10
|
const [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);
|
|
11
11
|
const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
12
|
-
const
|
|
13
|
-
const radiusToken = resolveSizeToken(val, "radius");
|
|
14
|
-
return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
|
|
15
|
-
});
|
|
16
|
-
const GroupFrame = styled(YStack, {
|
|
17
|
-
displayName: "GroupFrame",
|
|
18
|
-
size: true,
|
|
19
|
-
variants: { size: groupSizeVariant }
|
|
20
|
-
});
|
|
12
|
+
const GroupFrame = styled(YStack, { displayName: "GroupFrame" });
|
|
21
13
|
function createGroup(verticalDefault) {
|
|
22
14
|
return withStaticProperties(createStyledHOC(GroupFrame, (props, ref) => {
|
|
23
15
|
const { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled, ...restProps } = props;
|
|
@@ -81,7 +73,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
81
73
|
return {
|
|
82
74
|
...isFirst ? null : {
|
|
83
75
|
borderTopLeftRadius: 0,
|
|
84
|
-
borderTopRightRadius: 0
|
|
76
|
+
borderTopRightRadius: 0,
|
|
77
|
+
borderTopWidth: 0
|
|
85
78
|
},
|
|
86
79
|
...isLast ? null : {
|
|
87
80
|
borderBottomLeftRadius: 0,
|
|
@@ -92,7 +85,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
92
85
|
return {
|
|
93
86
|
...isFirst ? null : {
|
|
94
87
|
borderTopLeftRadius: 0,
|
|
95
|
-
borderBottomLeftRadius: 0
|
|
88
|
+
borderBottomLeftRadius: 0,
|
|
89
|
+
borderLeftWidth: 0
|
|
96
90
|
},
|
|
97
91
|
...isLast ? null : {
|
|
98
92
|
borderTopRightRadius: 0,
|
package/dist/esm/Group.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.js","names":[],"sources":["esm/Group.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"Group.js","names":[],"sources":["esm/Group.js"],"sourcesContent":["import { createStyledHOC, mergeSlotStyleProps, styled } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { YStack } from \"@tamagui/stacks\";\nimport React from \"react\";\nimport { useIndex, useIndexedChildren } from \"./useIndexedChildren\";\nimport { jsx } from \"react/jsx-runtime\";\nconst GROUP_NAME = \"Group\";\nconst [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);\nconst [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);\nconst GroupFrame = styled(YStack, {\n displayName: \"GroupFrame\"\n});\nfunction createGroup(verticalDefault) {\n return withStaticProperties(\n createStyledHOC(GroupFrame, (props, ref) => {\n const {\n __scopeGroup,\n children: childrenProp,\n orientation = verticalDefault ? \"vertical\" : \"horizontal\",\n disabled,\n ...restProps\n } = props;\n const vertical = orientation === \"vertical\";\n const indexedChildren = useIndexedChildren(React.Children.toArray(childrenProp));\n return /* @__PURE__ */ jsx(GroupProvider, { vertical, disabled, scope: __scopeGroup, children: /* @__PURE__ */ jsx(\n GroupFrame,\n {\n ref,\n flexDirection: vertical ? \"column\" : \"row\",\n ...restProps,\n children: indexedChildren\n }\n ) });\n }),\n {\n Item: GroupItem\n }\n );\n}\nfunction GroupItem(props) {\n const { __scopeGroup, children, forcePlacement, ...forwardedProps } = props;\n const context = useGroupContext(\"GroupItem\", __scopeGroup);\n const treeIndex = useIndex();\n if (!treeIndex) {\n throw Error(\"<Group.Item/> should only be used within a <Group/>\");\n }\n if (!React.isValidElement(children)) {\n return children;\n }\n const isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n const isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n const groupProps = {\n ...forwardedProps,\n ...radiusStyles\n };\n if (context.disabled != null) {\n groupProps.disabled = children.props.disabled ?? context.disabled;\n }\n const mergedProps = mergeSlotStyleProps(groupProps, children.props);\n return React.cloneElement(children, mergedProps);\n}\nconst useGroupItem = (childrenProps, forcePlacement, __scopeGroup) => {\n const treeIndex = useIndex();\n const context = useGroupContext(\"GroupItem\", __scopeGroup);\n if (!treeIndex) {\n throw Error(\"useGroupItem should only be used within a <Group/>\");\n }\n const isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n const isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n return {\n disabled: childrenProps.disabled ?? context.disabled,\n ...radiusStyles\n };\n};\nconst Group = createGroup(true);\nconst YGroup = Group;\nconst XGroup = createGroup(false);\nfunction getZeroedRadius(isFirst, isLast, vertical) {\n if (vertical) {\n return {\n ...isFirst ? null : { borderTopLeftRadius: 0, borderTopRightRadius: 0, borderTopWidth: 0 },\n ...isLast ? null : { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 }\n };\n }\n return {\n ...isFirst ? null : { borderTopLeftRadius: 0, borderBottomLeftRadius: 0, borderLeftWidth: 0 },\n ...isLast ? null : { borderTopRightRadius: 0, borderBottomRightRadius: 0 }\n };\n}\nexport {\n Group,\n GroupFrame,\n XGroup,\n YGroup,\n createGroupScope,\n useGroupItem\n};\n//# sourceMappingURL=Group.js.map\n"],"mappings":";;;;;;;;;AAOA,MAAM,aAAa;AACnB,MAAM,CAAC,oBAAoB,oBAAoB,mBAAmB,UAAU;AAC5E,MAAM,CAAC,eAAe,mBAAmB,mBAAmB,UAAU;AACtE,MAAM,aAAa,OAAO,QAAQ,EAChC,aAAa,aACf,CAAC;AACD,SAAS,YAAY,iBAAiB;CACpC,OAAO,qBACL,gBAAgB,aAAa,OAAO,QAAQ;EAC1C,MAAM,EACJ,cACA,UAAU,cACV,cAAc,kBAAkB,aAAa,cAC7C,UACA,GAAG,cACD;EACJ,MAAM,WAAW,gBAAgB;EACjC,MAAM,kBAAkB,mBAAmB,MAAM,SAAS,QAAQ,YAAY,CAAC;EAC/E,OAAuB,oBAAI,eAAe;GAAE;GAAU;GAAU,OAAO;GAAc,UAA0B,oBAC7G,YACA;IACE;IACA,eAAe,WAAW,WAAW;IACrC,GAAG;IACH,UAAU;GACZ,CACF;EAAE,CAAC;CACL,CAAC,GACD,EACE,MAAM,UACR,CACF;AACF;AACA,SAAS,UAAU,OAAO;CACxB,MAAM,EAAE,cAAc,UAAU,gBAAgB,GAAG,mBAAmB;CACtE,MAAM,UAAU,gBAAgB,aAAa,YAAY;CACzD,MAAM,YAAY,SAAS;CAC3B,IAAI,CAAC,WAAW;EACd,MAAM,MAAM,qDAAqD;CACnE;CACA,IAAI,CAAC,MAAM,eAAe,QAAQ,GAAG;EACnC,OAAO;CACT;CACA,MAAM,UAAU,mBAAmB,WAAW,mBAAmB,UAAU,UAAU,UAAU;CAC/F,MAAM,SAAS,mBAAmB,UAAU,mBAAmB,WAAW,UAAU,UAAU,UAAU;CACxG,MAAM,eAAe,gBAAgB,SAAS,QAAQ,QAAQ,QAAQ;CACtE,MAAM,aAAa;EACjB,GAAG;EACH,GAAG;CACL;CACA,IAAI,QAAQ,YAAY,MAAM;EAC5B,WAAW,WAAW,SAAS,MAAM,YAAY,QAAQ;CAC3D;CACA,MAAM,cAAc,oBAAoB,YAAY,SAAS,KAAK;CAClE,OAAO,MAAM,aAAa,UAAU,WAAW;AACjD;AACA,MAAM,gBAAgB,eAAe,gBAAgB,iBAAiB;CACpE,MAAM,YAAY,SAAS;CAC3B,MAAM,UAAU,gBAAgB,aAAa,YAAY;CACzD,IAAI,CAAC,WAAW;EACd,MAAM,MAAM,oDAAoD;CAClE;CACA,MAAM,UAAU,mBAAmB,WAAW,mBAAmB,UAAU,UAAU,UAAU;CAC/F,MAAM,SAAS,mBAAmB,UAAU,mBAAmB,WAAW,UAAU,UAAU,UAAU;CACxG,MAAM,eAAe,gBAAgB,SAAS,QAAQ,QAAQ,QAAQ;CACtE,OAAO;EACL,UAAU,cAAc,YAAY,QAAQ;EAC5C,GAAG;CACL;AACF;AACA,MAAM,QAAQ,YAAY,IAAI;AAC9B,MAAM,SAAS;AACf,MAAM,SAAS,YAAY,KAAK;AAChC,SAAS,gBAAgB,SAAS,QAAQ,UAAU;CAClD,IAAI,UAAU;EACZ,OAAO;GACL,GAAG,UAAU,OAAO;IAAE,qBAAqB;IAAG,sBAAsB;IAAG,gBAAgB;GAAE;GACzF,GAAG,SAAS,OAAO;IAAE,wBAAwB;IAAG,yBAAyB;GAAE;EAC7E;CACF;CACA,OAAO;EACL,GAAG,UAAU,OAAO;GAAE,qBAAqB;GAAG,wBAAwB;GAAG,iBAAiB;EAAE;EAC5F,GAAG,SAAS,OAAO;GAAE,sBAAsB;GAAG,yBAAyB;EAAE;CAC3E;AACF"}
|
package/dist/esm/Group.native.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createStyledHOC, mergeSlotStyleProps,
|
|
2
|
+
import { createStyledHOC, mergeSlotStyleProps, styled } from "@tamagui/core";
|
|
3
3
|
import { createContextScope } from "@tamagui/create-context";
|
|
4
4
|
import { withStaticProperties } from "@tamagui/helpers";
|
|
5
5
|
import { YStack } from "@tamagui/stacks";
|
|
@@ -9,17 +9,7 @@ import { useIndex, useIndexedChildren } from "./useIndexedChildren.native.js";
|
|
|
9
9
|
var GROUP_NAME = "Group";
|
|
10
10
|
var [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);
|
|
11
11
|
var [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
12
|
-
var
|
|
13
|
-
var { tokens } = param;
|
|
14
|
-
var radiusToken = resolveSizeToken(val, "radius");
|
|
15
|
-
var _tokens_radius_radiusToken;
|
|
16
|
-
return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
|
|
17
|
-
});
|
|
18
|
-
var GroupFrame = styled(YStack, {
|
|
19
|
-
displayName: "GroupFrame",
|
|
20
|
-
size: true,
|
|
21
|
-
variants: { size: groupSizeVariant }
|
|
22
|
-
});
|
|
12
|
+
var GroupFrame = styled(YStack, { displayName: "GroupFrame" });
|
|
23
13
|
function createGroup(verticalDefault) {
|
|
24
14
|
return withStaticProperties(createStyledHOC(GroupFrame, function(props, ref) {
|
|
25
15
|
var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled, ...restProps } = props;
|
|
@@ -85,7 +75,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
85
75
|
return {
|
|
86
76
|
...isFirst ? null : {
|
|
87
77
|
borderTopLeftRadius: 0,
|
|
88
|
-
borderTopRightRadius: 0
|
|
78
|
+
borderTopRightRadius: 0,
|
|
79
|
+
borderTopWidth: 0
|
|
89
80
|
},
|
|
90
81
|
...isLast ? null : {
|
|
91
82
|
borderBottomLeftRadius: 0,
|
|
@@ -96,7 +87,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
96
87
|
return {
|
|
97
88
|
...isFirst ? null : {
|
|
98
89
|
borderTopLeftRadius: 0,
|
|
99
|
-
borderBottomLeftRadius: 0
|
|
90
|
+
borderBottomLeftRadius: 0,
|
|
91
|
+
borderLeftWidth: 0
|
|
100
92
|
},
|
|
101
93
|
...isLast ? null : {
|
|
102
94
|
borderTopRightRadius: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.native.js","names":[],"sources":["esm/Group.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledHOC, mergeSlotStyleProps,
|
|
1
|
+
{"version":3,"file":"Group.native.js","names":[],"sources":["esm/Group.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledHOC, mergeSlotStyleProps, styled } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { YStack } from \"@tamagui/stacks\";\nimport React from \"react\";\nimport { useIndex, useIndexedChildren } from \"./useIndexedChildren\";\nvar GROUP_NAME = \"Group\";\nvar [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);\nvar [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);\nvar GroupFrame = styled(YStack, {\n displayName: \"GroupFrame\"\n});\nfunction createGroup(verticalDefault) {\n return withStaticProperties(createStyledHOC(GroupFrame, function(props, ref) {\n var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? \"vertical\" : \"horizontal\", disabled, ...restProps } = props;\n var vertical = orientation === \"vertical\";\n var indexedChildren = useIndexedChildren(React.Children.toArray(childrenProp));\n return /* @__PURE__ */ _jsx(GroupProvider, {\n vertical,\n disabled,\n scope: __scopeGroup,\n children: /* @__PURE__ */ _jsx(GroupFrame, {\n ref,\n flexDirection: vertical ? \"column\" : \"row\",\n ...restProps,\n children: indexedChildren\n })\n });\n }), {\n Item: GroupItem\n });\n}\nfunction GroupItem(props) {\n var { __scopeGroup, children, forcePlacement, ...forwardedProps } = props;\n var context = useGroupContext(\"GroupItem\", __scopeGroup);\n var treeIndex = useIndex();\n if (!treeIndex) {\n throw Error(\"<Group.Item/> should only be used within a <Group/>\");\n }\n if (!/* @__PURE__ */ React.isValidElement(children)) {\n return children;\n }\n var isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n var isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n var groupProps = {\n ...forwardedProps,\n ...radiusStyles\n };\n if (context.disabled != null) {\n var _children_props_disabled;\n groupProps.disabled = (_children_props_disabled = children.props.disabled) !== null && _children_props_disabled !== void 0 ? _children_props_disabled : context.disabled;\n }\n var mergedProps = mergeSlotStyleProps(groupProps, children.props);\n return /* @__PURE__ */ React.cloneElement(children, mergedProps);\n}\nvar useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {\n var treeIndex = useIndex();\n var context = useGroupContext(\"GroupItem\", __scopeGroup);\n if (!treeIndex) {\n throw Error(\"useGroupItem should only be used within a <Group/>\");\n }\n var isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n var isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n var _childrenProps_disabled;\n return {\n disabled: (_childrenProps_disabled = childrenProps.disabled) !== null && _childrenProps_disabled !== void 0 ? _childrenProps_disabled : context.disabled,\n ...radiusStyles\n };\n};\nvar Group = createGroup(true);\nvar YGroup = Group;\nvar XGroup = createGroup(false);\nfunction getZeroedRadius(isFirst, isLast, vertical) {\n if (vertical) {\n return {\n ...isFirst ? null : {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderTopWidth: 0\n },\n ...isLast ? null : {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0\n }\n };\n }\n return {\n ...isFirst ? null : {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderLeftWidth: 0\n },\n ...isLast ? null : {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n }\n };\n}\nexport {\n Group,\n GroupFrame,\n XGroup,\n YGroup,\n createGroupScope,\n useGroupItem\n};\n//# sourceMappingURL=Group.js.map\n"],"mappings":";;;;;;;;;AAOA,IAAI,aAAa;AACjB,IAAI,CAAC,oBAAoB,oBAAoB,mBAAmB,UAAU;AAC1E,IAAI,CAAC,eAAe,mBAAmB,mBAAmB,UAAU;AACpE,IAAI,aAAa,OAAO,QAAQ,EAC9B,aAAa,aACf,CAAC;AACD,SAAS,YAAY,iBAAiB;CACpC,OAAO,qBAAqB,gBAAgB,YAAY,SAAS,OAAO,KAAK;EAC3E,IAAI,EAAE,cAAc,UAAU,cAAc,cAAc,kBAAkB,aAAa,cAAc,UAAU,GAAG,cAAc;EAClI,IAAI,WAAW,gBAAgB;EAC/B,IAAI,kBAAkB,mBAAmB,MAAM,SAAS,QAAQ,YAAY,CAAC;EAC7E,OAAuB,oBAAK,eAAe;GACzC;GACA;GACA,OAAO;GACP,UAA0B,oBAAK,YAAY;IACzC;IACA,eAAe,WAAW,WAAW;IACrC,GAAG;IACH,UAAU;GACZ,CAAC;EACH,CAAC;CACH,CAAC,GAAG,EACF,MAAM,UACR,CAAC;AACH;AACA,SAAS,UAAU,OAAO;CACxB,IAAI,EAAE,cAAc,UAAU,gBAAgB,GAAG,mBAAmB;CACpE,IAAI,UAAU,gBAAgB,aAAa,YAAY;CACvD,IAAI,YAAY,SAAS;CACzB,IAAI,CAAC,WAAW;EACd,MAAM,MAAM,qDAAqD;CACnE;CACA,IAAI,CAAiB,sBAAM,eAAe,QAAQ,GAAG;EACnD,OAAO;CACT;CACA,IAAI,UAAU,mBAAmB,WAAW,mBAAmB,UAAU,UAAU,UAAU;CAC7F,IAAI,SAAS,mBAAmB,UAAU,mBAAmB,WAAW,UAAU,UAAU,UAAU;CACtG,IAAI,eAAe,gBAAgB,SAAS,QAAQ,QAAQ,QAAQ;CACpE,IAAI,aAAa;EACf,GAAG;EACH,GAAG;CACL;CACA,IAAI,QAAQ,YAAY,MAAM;EAC5B,IAAI;EACJ,WAAW,YAAY,2BAA2B,SAAS,MAAM,cAAc,QAAQ,6BAA6B,KAAK,IAAI,2BAA2B,QAAQ;CAClK;CACA,IAAI,cAAc,oBAAoB,YAAY,SAAS,KAAK;CAChE,OAAuB,sBAAM,aAAa,UAAU,WAAW;AACjE;AACA,IAAI,eAAe,SAAS,eAAe,gBAAgB,cAAc;CACvE,IAAI,YAAY,SAAS;CACzB,IAAI,UAAU,gBAAgB,aAAa,YAAY;CACvD,IAAI,CAAC,WAAW;EACd,MAAM,MAAM,oDAAoD;CAClE;CACA,IAAI,UAAU,mBAAmB,WAAW,mBAAmB,UAAU,UAAU,UAAU;CAC7F,IAAI,SAAS,mBAAmB,UAAU,mBAAmB,WAAW,UAAU,UAAU,UAAU;CACtG,IAAI,eAAe,gBAAgB,SAAS,QAAQ,QAAQ,QAAQ;CACpE,IAAI;CACJ,OAAO;EACL,WAAW,0BAA0B,cAAc,cAAc,QAAQ,4BAA4B,KAAK,IAAI,0BAA0B,QAAQ;EAChJ,GAAG;CACL;AACF;AACA,IAAI,QAAQ,YAAY,IAAI;AAC5B,IAAI,SAAS;AACb,IAAI,SAAS,YAAY,KAAK;AAC9B,SAAS,gBAAgB,SAAS,QAAQ,UAAU;CAClD,IAAI,UAAU;EACZ,OAAO;GACL,GAAG,UAAU,OAAO;IAClB,qBAAqB;IACrB,sBAAsB;IACtB,gBAAgB;GAClB;GACA,GAAG,SAAS,OAAO;IACjB,wBAAwB;IACxB,yBAAyB;GAC3B;EACF;CACF;CACA,OAAO;EACL,GAAG,UAAU,OAAO;GAClB,qBAAqB;GACrB,wBAAwB;GACxB,iBAAiB;EACnB;EACA,GAAG,SAAS,OAAO;GACjB,sBAAsB;GACtB,yBAAyB;EAC3B;CACF;AACF"}
|
package/dist/jsx/Group.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createStyledHOC, mergeSlotStyleProps,
|
|
1
|
+
import { createStyledHOC, mergeSlotStyleProps, styled } from "@tamagui/core";
|
|
2
2
|
import { createContextScope } from "@tamagui/create-context";
|
|
3
3
|
import { withStaticProperties } from "@tamagui/helpers";
|
|
4
4
|
import { YStack } from "@tamagui/stacks";
|
|
@@ -9,15 +9,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
9
9
|
const GROUP_NAME = "Group";
|
|
10
10
|
const [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);
|
|
11
11
|
const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
12
|
-
const
|
|
13
|
-
const radiusToken = resolveSizeToken(val, "radius");
|
|
14
|
-
return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
|
|
15
|
-
});
|
|
16
|
-
const GroupFrame = styled(YStack, {
|
|
17
|
-
displayName: "GroupFrame",
|
|
18
|
-
size: true,
|
|
19
|
-
variants: { size: groupSizeVariant }
|
|
20
|
-
});
|
|
12
|
+
const GroupFrame = styled(YStack, { displayName: "GroupFrame" });
|
|
21
13
|
function createGroup(verticalDefault) {
|
|
22
14
|
return withStaticProperties(createStyledHOC(GroupFrame, (props, ref) => {
|
|
23
15
|
const { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled, ...restProps } = props;
|
|
@@ -81,7 +73,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
81
73
|
return {
|
|
82
74
|
...isFirst ? null : {
|
|
83
75
|
borderTopLeftRadius: 0,
|
|
84
|
-
borderTopRightRadius: 0
|
|
76
|
+
borderTopRightRadius: 0,
|
|
77
|
+
borderTopWidth: 0
|
|
85
78
|
},
|
|
86
79
|
...isLast ? null : {
|
|
87
80
|
borderBottomLeftRadius: 0,
|
|
@@ -92,7 +85,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
92
85
|
return {
|
|
93
86
|
...isFirst ? null : {
|
|
94
87
|
borderTopLeftRadius: 0,
|
|
95
|
-
borderBottomLeftRadius: 0
|
|
88
|
+
borderBottomLeftRadius: 0,
|
|
89
|
+
borderLeftWidth: 0
|
|
96
90
|
},
|
|
97
91
|
...isLast ? null : {
|
|
98
92
|
borderTopRightRadius: 0,
|
package/dist/jsx/Group.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.js","names":[],"sources":["jsx/Group.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"Group.js","names":[],"sources":["jsx/Group.js"],"sourcesContent":["import { createStyledHOC, mergeSlotStyleProps, styled } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { YStack } from \"@tamagui/stacks\";\nimport React from \"react\";\nimport { useIndex, useIndexedChildren } from \"./useIndexedChildren\";\nimport { jsx } from \"react/jsx-runtime\";\nconst GROUP_NAME = \"Group\";\nconst [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);\nconst [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);\nconst GroupFrame = styled(YStack, {\n displayName: \"GroupFrame\"\n});\nfunction createGroup(verticalDefault) {\n return withStaticProperties(\n createStyledHOC(GroupFrame, (props, ref) => {\n const {\n __scopeGroup,\n children: childrenProp,\n orientation = verticalDefault ? \"vertical\" : \"horizontal\",\n disabled,\n ...restProps\n } = props;\n const vertical = orientation === \"vertical\";\n const indexedChildren = useIndexedChildren(React.Children.toArray(childrenProp));\n return /* @__PURE__ */ jsx(GroupProvider, { vertical, disabled, scope: __scopeGroup, children: /* @__PURE__ */ jsx(\n GroupFrame,\n {\n ref,\n flexDirection: vertical ? \"column\" : \"row\",\n ...restProps,\n children: indexedChildren\n }\n ) });\n }),\n {\n Item: GroupItem\n }\n );\n}\nfunction GroupItem(props) {\n const { __scopeGroup, children, forcePlacement, ...forwardedProps } = props;\n const context = useGroupContext(\"GroupItem\", __scopeGroup);\n const treeIndex = useIndex();\n if (!treeIndex) {\n throw Error(\"<Group.Item/> should only be used within a <Group/>\");\n }\n if (!React.isValidElement(children)) {\n return children;\n }\n const isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n const isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n const groupProps = {\n ...forwardedProps,\n ...radiusStyles\n };\n if (context.disabled != null) {\n groupProps.disabled = children.props.disabled ?? context.disabled;\n }\n const mergedProps = mergeSlotStyleProps(groupProps, children.props);\n return React.cloneElement(children, mergedProps);\n}\nconst useGroupItem = (childrenProps, forcePlacement, __scopeGroup) => {\n const treeIndex = useIndex();\n const context = useGroupContext(\"GroupItem\", __scopeGroup);\n if (!treeIndex) {\n throw Error(\"useGroupItem should only be used within a <Group/>\");\n }\n const isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n const isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n return {\n disabled: childrenProps.disabled ?? context.disabled,\n ...radiusStyles\n };\n};\nconst Group = createGroup(true);\nconst YGroup = Group;\nconst XGroup = createGroup(false);\nfunction getZeroedRadius(isFirst, isLast, vertical) {\n if (vertical) {\n return {\n ...isFirst ? null : { borderTopLeftRadius: 0, borderTopRightRadius: 0, borderTopWidth: 0 },\n ...isLast ? null : { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 }\n };\n }\n return {\n ...isFirst ? null : { borderTopLeftRadius: 0, borderBottomLeftRadius: 0, borderLeftWidth: 0 },\n ...isLast ? null : { borderTopRightRadius: 0, borderBottomRightRadius: 0 }\n };\n}\nexport {\n Group,\n GroupFrame,\n XGroup,\n YGroup,\n createGroupScope,\n useGroupItem\n};\n//# sourceMappingURL=Group.js.map\n"],"mappings":";;;;;;;;;AAOA,MAAM,aAAa;AACnB,MAAM,CAAC,oBAAoB,oBAAoB,mBAAmB,UAAU;AAC5E,MAAM,CAAC,eAAe,mBAAmB,mBAAmB,UAAU;AACtE,MAAM,aAAa,OAAO,QAAQ,EAChC,aAAa,aACf,CAAC;AACD,SAAS,YAAY,iBAAiB;CACpC,OAAO,qBACL,gBAAgB,aAAa,OAAO,QAAQ;EAC1C,MAAM,EACJ,cACA,UAAU,cACV,cAAc,kBAAkB,aAAa,cAC7C,UACA,GAAG,cACD;EACJ,MAAM,WAAW,gBAAgB;EACjC,MAAM,kBAAkB,mBAAmB,MAAM,SAAS,QAAQ,YAAY,CAAC;EAC/E,OAAuB,oBAAI,eAAe;GAAE;GAAU;GAAU,OAAO;GAAc,UAA0B,oBAC7G,YACA;IACE;IACA,eAAe,WAAW,WAAW;IACrC,GAAG;IACH,UAAU;GACZ,CACF;EAAE,CAAC;CACL,CAAC,GACD,EACE,MAAM,UACR,CACF;AACF;AACA,SAAS,UAAU,OAAO;CACxB,MAAM,EAAE,cAAc,UAAU,gBAAgB,GAAG,mBAAmB;CACtE,MAAM,UAAU,gBAAgB,aAAa,YAAY;CACzD,MAAM,YAAY,SAAS;CAC3B,IAAI,CAAC,WAAW;EACd,MAAM,MAAM,qDAAqD;CACnE;CACA,IAAI,CAAC,MAAM,eAAe,QAAQ,GAAG;EACnC,OAAO;CACT;CACA,MAAM,UAAU,mBAAmB,WAAW,mBAAmB,UAAU,UAAU,UAAU;CAC/F,MAAM,SAAS,mBAAmB,UAAU,mBAAmB,WAAW,UAAU,UAAU,UAAU;CACxG,MAAM,eAAe,gBAAgB,SAAS,QAAQ,QAAQ,QAAQ;CACtE,MAAM,aAAa;EACjB,GAAG;EACH,GAAG;CACL;CACA,IAAI,QAAQ,YAAY,MAAM;EAC5B,WAAW,WAAW,SAAS,MAAM,YAAY,QAAQ;CAC3D;CACA,MAAM,cAAc,oBAAoB,YAAY,SAAS,KAAK;CAClE,OAAO,MAAM,aAAa,UAAU,WAAW;AACjD;AACA,MAAM,gBAAgB,eAAe,gBAAgB,iBAAiB;CACpE,MAAM,YAAY,SAAS;CAC3B,MAAM,UAAU,gBAAgB,aAAa,YAAY;CACzD,IAAI,CAAC,WAAW;EACd,MAAM,MAAM,oDAAoD;CAClE;CACA,MAAM,UAAU,mBAAmB,WAAW,mBAAmB,UAAU,UAAU,UAAU;CAC/F,MAAM,SAAS,mBAAmB,UAAU,mBAAmB,WAAW,UAAU,UAAU,UAAU;CACxG,MAAM,eAAe,gBAAgB,SAAS,QAAQ,QAAQ,QAAQ;CACtE,OAAO;EACL,UAAU,cAAc,YAAY,QAAQ;EAC5C,GAAG;CACL;AACF;AACA,MAAM,QAAQ,YAAY,IAAI;AAC9B,MAAM,SAAS;AACf,MAAM,SAAS,YAAY,KAAK;AAChC,SAAS,gBAAgB,SAAS,QAAQ,UAAU;CAClD,IAAI,UAAU;EACZ,OAAO;GACL,GAAG,UAAU,OAAO;IAAE,qBAAqB;IAAG,sBAAsB;IAAG,gBAAgB;GAAE;GACzF,GAAG,SAAS,OAAO;IAAE,wBAAwB;IAAG,yBAAyB;GAAE;EAC7E;CACF;CACA,OAAO;EACL,GAAG,UAAU,OAAO;GAAE,qBAAqB;GAAG,wBAAwB;GAAG,iBAAiB;EAAE;EAC5F,GAAG,SAAS,OAAO;GAAE,sBAAsB;GAAG,yBAAyB;EAAE;CAC3E;AACF"}
|
|
@@ -46,17 +46,7 @@ var import_useIndexedChildren = require("./useIndexedChildren.native.js");
|
|
|
46
46
|
var GROUP_NAME = "Group";
|
|
47
47
|
var [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);
|
|
48
48
|
var [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
49
|
-
var
|
|
50
|
-
var { tokens } = param;
|
|
51
|
-
var radiusToken = (0, import_core.resolveSizeToken)(val, "radius");
|
|
52
|
-
var _tokens_radius_radiusToken;
|
|
53
|
-
return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
|
|
54
|
-
});
|
|
55
|
-
var GroupFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
56
|
-
displayName: "GroupFrame",
|
|
57
|
-
size: true,
|
|
58
|
-
variants: { size: groupSizeVariant }
|
|
59
|
-
});
|
|
49
|
+
var GroupFrame = (0, import_core.styled)(import_stacks.YStack, { displayName: "GroupFrame" });
|
|
60
50
|
function createGroup(verticalDefault) {
|
|
61
51
|
return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, function(props, ref) {
|
|
62
52
|
var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled, ...restProps } = props;
|
|
@@ -122,7 +112,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
122
112
|
return {
|
|
123
113
|
...isFirst ? null : {
|
|
124
114
|
borderTopLeftRadius: 0,
|
|
125
|
-
borderTopRightRadius: 0
|
|
115
|
+
borderTopRightRadius: 0,
|
|
116
|
+
borderTopWidth: 0
|
|
126
117
|
},
|
|
127
118
|
...isLast ? null : {
|
|
128
119
|
borderBottomLeftRadius: 0,
|
|
@@ -133,7 +124,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
133
124
|
return {
|
|
134
125
|
...isFirst ? null : {
|
|
135
126
|
borderTopLeftRadius: 0,
|
|
136
|
-
borderBottomLeftRadius: 0
|
|
127
|
+
borderBottomLeftRadius: 0,
|
|
128
|
+
borderLeftWidth: 0
|
|
137
129
|
},
|
|
138
130
|
...isLast ? null : {
|
|
139
131
|
borderTopRightRadius: 0,
|
package/dist/jsx/Group.native.js
CHANGED
|
@@ -46,17 +46,7 @@ var import_useIndexedChildren = require("./useIndexedChildren.native.js");
|
|
|
46
46
|
var GROUP_NAME = "Group";
|
|
47
47
|
var [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);
|
|
48
48
|
var [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
49
|
-
var
|
|
50
|
-
var { tokens } = param;
|
|
51
|
-
var radiusToken = (0, import_core.resolveSizeToken)(val, "radius");
|
|
52
|
-
var _tokens_radius_radiusToken;
|
|
53
|
-
return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
|
|
54
|
-
});
|
|
55
|
-
var GroupFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
56
|
-
displayName: "GroupFrame",
|
|
57
|
-
size: true,
|
|
58
|
-
variants: { size: groupSizeVariant }
|
|
59
|
-
});
|
|
49
|
+
var GroupFrame = (0, import_core.styled)(import_stacks.YStack, { displayName: "GroupFrame" });
|
|
60
50
|
function createGroup(verticalDefault) {
|
|
61
51
|
return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, function(props, ref) {
|
|
62
52
|
var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled, ...restProps } = props;
|
|
@@ -122,7 +112,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
122
112
|
return {
|
|
123
113
|
...isFirst ? null : {
|
|
124
114
|
borderTopLeftRadius: 0,
|
|
125
|
-
borderTopRightRadius: 0
|
|
115
|
+
borderTopRightRadius: 0,
|
|
116
|
+
borderTopWidth: 0
|
|
126
117
|
},
|
|
127
118
|
...isLast ? null : {
|
|
128
119
|
borderBottomLeftRadius: 0,
|
|
@@ -133,7 +124,8 @@ function getZeroedRadius(isFirst, isLast, vertical) {
|
|
|
133
124
|
return {
|
|
134
125
|
...isFirst ? null : {
|
|
135
126
|
borderTopLeftRadius: 0,
|
|
136
|
-
borderBottomLeftRadius: 0
|
|
127
|
+
borderBottomLeftRadius: 0,
|
|
128
|
+
borderLeftWidth: 0
|
|
137
129
|
},
|
|
138
130
|
...isLast ? null : {
|
|
139
131
|
borderTopRightRadius: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.native.js","names":[],"sources":["jsx/Group.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Group_exports = {};\n__export(Group_exports, {\n Group: () => Group,\n GroupFrame: () => GroupFrame,\n XGroup: () => XGroup,\n YGroup: () => YGroup,\n createGroupScope: () => createGroupScope,\n useGroupItem: () => useGroupItem\n});\nmodule.exports = __toCommonJS(Group_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_create_context = require(\"@tamagui/create-context\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_useIndexedChildren = require(\"./useIndexedChildren\");\nvar GROUP_NAME = \"Group\";\nvar [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);\nvar [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);\nvar groupSizeVariant = import_core.styled.dynamic(function(val, param) {\n var { tokens } = param;\n var radiusToken = (0, import_core.resolveSizeToken)(val, \"radius\");\n var _tokens_radius_radiusToken;\n return {\n borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken\n };\n});\nvar GroupFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"GroupFrame\",\n size: true,\n variants: {\n size: groupSizeVariant\n }\n});\nfunction createGroup(verticalDefault) {\n return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, function(props, ref) {\n var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? \"vertical\" : \"horizontal\", disabled, ...restProps } = props;\n var vertical = orientation === \"vertical\";\n var indexedChildren = (0, import_useIndexedChildren.useIndexedChildren)(import_react.default.Children.toArray(childrenProp));\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupProvider, {\n vertical,\n disabled,\n scope: __scopeGroup,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupFrame, {\n ref,\n flexDirection: vertical ? \"column\" : \"row\",\n ...restProps,\n children: indexedChildren\n })\n });\n }), {\n Item: GroupItem\n });\n}\nfunction GroupItem(props) {\n var { __scopeGroup, children, forcePlacement, ...forwardedProps } = props;\n var context = useGroupContext(\"GroupItem\", __scopeGroup);\n var treeIndex = (0, import_useIndexedChildren.useIndex)();\n if (!treeIndex) {\n throw Error(\"<Group.Item/> should only be used within a <Group/>\");\n }\n if (!/* @__PURE__ */ import_react.default.isValidElement(children)) {\n return children;\n }\n var isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n var isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n var groupProps = {\n ...forwardedProps,\n ...radiusStyles\n };\n if (context.disabled != null) {\n var _children_props_disabled;\n groupProps.disabled = (_children_props_disabled = children.props.disabled) !== null && _children_props_disabled !== void 0 ? _children_props_disabled : context.disabled;\n }\n var mergedProps = (0, import_core.mergeSlotStyleProps)(groupProps, children.props);\n return /* @__PURE__ */ import_react.default.cloneElement(children, mergedProps);\n}\nvar useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {\n var treeIndex = (0, import_useIndexedChildren.useIndex)();\n var context = useGroupContext(\"GroupItem\", __scopeGroup);\n if (!treeIndex) {\n throw Error(\"useGroupItem should only be used within a <Group/>\");\n }\n var isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n var isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n var _childrenProps_disabled;\n return {\n disabled: (_childrenProps_disabled = childrenProps.disabled) !== null && _childrenProps_disabled !== void 0 ? _childrenProps_disabled : context.disabled,\n ...radiusStyles\n };\n};\nvar Group = createGroup(true);\nvar YGroup = Group;\nvar XGroup = createGroup(false);\nfunction getZeroedRadius(isFirst, isLast, vertical) {\n if (vertical) {\n return {\n ...isFirst ? null : {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0\n },\n ...isLast ? null : {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0\n }\n };\n }\n return {\n ...isFirst ? null : {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0\n },\n ...isLast ? null : {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n }\n };\n}\n//# sourceMappingURL=Group.js.map\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Group.native.js","names":[],"sources":["jsx/Group.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Group_exports = {};\n__export(Group_exports, {\n Group: () => Group,\n GroupFrame: () => GroupFrame,\n XGroup: () => XGroup,\n YGroup: () => YGroup,\n createGroupScope: () => createGroupScope,\n useGroupItem: () => useGroupItem\n});\nmodule.exports = __toCommonJS(Group_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_create_context = require(\"@tamagui/create-context\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_useIndexedChildren = require(\"./useIndexedChildren\");\nvar GROUP_NAME = \"Group\";\nvar [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME);\nvar [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);\nvar GroupFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"GroupFrame\"\n});\nfunction createGroup(verticalDefault) {\n return (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(GroupFrame, function(props, ref) {\n var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? \"vertical\" : \"horizontal\", disabled, ...restProps } = props;\n var vertical = orientation === \"vertical\";\n var indexedChildren = (0, import_useIndexedChildren.useIndexedChildren)(import_react.default.Children.toArray(childrenProp));\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupProvider, {\n vertical,\n disabled,\n scope: __scopeGroup,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupFrame, {\n ref,\n flexDirection: vertical ? \"column\" : \"row\",\n ...restProps,\n children: indexedChildren\n })\n });\n }), {\n Item: GroupItem\n });\n}\nfunction GroupItem(props) {\n var { __scopeGroup, children, forcePlacement, ...forwardedProps } = props;\n var context = useGroupContext(\"GroupItem\", __scopeGroup);\n var treeIndex = (0, import_useIndexedChildren.useIndex)();\n if (!treeIndex) {\n throw Error(\"<Group.Item/> should only be used within a <Group/>\");\n }\n if (!/* @__PURE__ */ import_react.default.isValidElement(children)) {\n return children;\n }\n var isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n var isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n var groupProps = {\n ...forwardedProps,\n ...radiusStyles\n };\n if (context.disabled != null) {\n var _children_props_disabled;\n groupProps.disabled = (_children_props_disabled = children.props.disabled) !== null && _children_props_disabled !== void 0 ? _children_props_disabled : context.disabled;\n }\n var mergedProps = (0, import_core.mergeSlotStyleProps)(groupProps, children.props);\n return /* @__PURE__ */ import_react.default.cloneElement(children, mergedProps);\n}\nvar useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {\n var treeIndex = (0, import_useIndexedChildren.useIndex)();\n var context = useGroupContext(\"GroupItem\", __scopeGroup);\n if (!treeIndex) {\n throw Error(\"useGroupItem should only be used within a <Group/>\");\n }\n var isFirst = forcePlacement === \"first\" || forcePlacement !== \"last\" && treeIndex.index === 0;\n var isLast = forcePlacement === \"last\" || forcePlacement !== \"first\" && treeIndex.index === treeIndex.maxIndex;\n var radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);\n var _childrenProps_disabled;\n return {\n disabled: (_childrenProps_disabled = childrenProps.disabled) !== null && _childrenProps_disabled !== void 0 ? _childrenProps_disabled : context.disabled,\n ...radiusStyles\n };\n};\nvar Group = createGroup(true);\nvar YGroup = Group;\nvar XGroup = createGroup(false);\nfunction getZeroedRadius(isFirst, isLast, vertical) {\n if (vertical) {\n return {\n ...isFirst ? null : {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderTopWidth: 0\n },\n ...isLast ? null : {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0\n }\n };\n }\n return {\n ...isFirst ? null : {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderLeftWidth: 0\n },\n ...isLast ? null : {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n }\n };\n}\n//# sourceMappingURL=Group.js.map\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/group",
|
|
3
|
-
"version": "3.0.0
|
|
3
|
+
"version": "3.0.0",
|
|
4
|
+
"license": "MIT",
|
|
4
5
|
"gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
|
|
5
6
|
"source": "src/index.ts",
|
|
6
7
|
"files": [
|
|
@@ -35,17 +36,16 @@
|
|
|
35
36
|
"clean:build": "tamagui-build clean:build"
|
|
36
37
|
},
|
|
37
38
|
"dependencies": {
|
|
38
|
-
"@tamagui/core": "3.0.0
|
|
39
|
-
"@tamagui/create-context": "3.0.0
|
|
40
|
-
"@tamagui/helpers": "3.0.0
|
|
41
|
-
"@tamagui/
|
|
42
|
-
"@tamagui/
|
|
43
|
-
"@tamagui/use-controllable-state": "3.0.0-beta.924.1"
|
|
39
|
+
"@tamagui/core": "3.0.0",
|
|
40
|
+
"@tamagui/create-context": "3.0.0",
|
|
41
|
+
"@tamagui/helpers": "3.0.0",
|
|
42
|
+
"@tamagui/stacks": "3.0.0",
|
|
43
|
+
"@tamagui/use-controllable-state": "3.0.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@tamagui/build": "3.0.0
|
|
46
|
+
"@tamagui/build": "3.0.0",
|
|
47
47
|
"react": "19.2.3",
|
|
48
|
-
"react-native": "0.
|
|
48
|
+
"react-native": "0.87.1"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
51
|
"react": ">=19"
|
|
@@ -55,5 +55,6 @@
|
|
|
55
55
|
"type": "git",
|
|
56
56
|
"url": "git+https://github.com/tamagui/tamagui.git",
|
|
57
57
|
"directory": "code/ui/group"
|
|
58
|
-
}
|
|
58
|
+
},
|
|
59
|
+
"releaseSourceCommit": "15fbca480b143f876f6975601e23a17d3f90d2ee"
|
|
59
60
|
}
|
package/src/Group.tsx
CHANGED
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
import type { GetProps } from '@tamagui/core'
|
|
2
|
-
import {
|
|
3
|
-
createStyledHOC,
|
|
4
|
-
mergeSlotStyleProps,
|
|
5
|
-
resolveSizeToken,
|
|
6
|
-
styled,
|
|
7
|
-
} from '@tamagui/core'
|
|
2
|
+
import { createStyledHOC, mergeSlotStyleProps, styled } from '@tamagui/core'
|
|
8
3
|
import type { Scope } from '@tamagui/create-context'
|
|
9
4
|
import { createContextScope } from '@tamagui/create-context'
|
|
10
5
|
import { withStaticProperties } from '@tamagui/helpers'
|
|
@@ -23,20 +18,8 @@ type ScopedProps<P> = P & { __scopeGroup?: Scope }
|
|
|
23
18
|
const [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME)
|
|
24
19
|
const [GroupProvider, useGroupContext] = createGroupContext<GroupContextValue>(GROUP_NAME)
|
|
25
20
|
|
|
26
|
-
const groupSizeVariant = styled.dynamic<any>((val, { tokens }) => {
|
|
27
|
-
const radiusToken = resolveSizeToken(val, 'radius')
|
|
28
|
-
return {
|
|
29
|
-
borderRadius: tokens.radius[radiusToken] ?? radiusToken,
|
|
30
|
-
}
|
|
31
|
-
})
|
|
32
|
-
|
|
33
21
|
export const GroupFrame = styled(YStack, {
|
|
34
22
|
displayName: 'GroupFrame',
|
|
35
|
-
size: true,
|
|
36
|
-
|
|
37
|
-
variants: {
|
|
38
|
-
size: groupSizeVariant,
|
|
39
|
-
} as const,
|
|
40
23
|
})
|
|
41
24
|
|
|
42
25
|
export type GroupExtraProps = {
|
|
@@ -159,18 +142,25 @@ export const XGroup = createGroup(false)
|
|
|
159
142
|
/**
|
|
160
143
|
* returns styles that zero out border radius on the connecting/interior sides
|
|
161
144
|
* children keep their own border radius on the exterior sides
|
|
145
|
+
*
|
|
146
|
+
* the connecting border is dropped on every item but the first, so two bordered
|
|
147
|
+
* children sharing an edge draw one line between them instead of two
|
|
162
148
|
*/
|
|
163
149
|
function getZeroedRadius(isFirst: boolean, isLast: boolean, vertical: boolean) {
|
|
164
150
|
if (vertical) {
|
|
165
151
|
// vertical: zero bottom radius of non-last items, zero top radius of non-first items
|
|
166
152
|
return {
|
|
167
|
-
...(isFirst
|
|
153
|
+
...(isFirst
|
|
154
|
+
? null
|
|
155
|
+
: { borderTopLeftRadius: 0, borderTopRightRadius: 0, borderTopWidth: 0 }),
|
|
168
156
|
...(isLast ? null : { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 }),
|
|
169
157
|
}
|
|
170
158
|
}
|
|
171
159
|
// horizontal: zero right radius of non-last items, zero left radius of non-first items
|
|
172
160
|
return {
|
|
173
|
-
...(isFirst
|
|
161
|
+
...(isFirst
|
|
162
|
+
? null
|
|
163
|
+
: { borderTopLeftRadius: 0, borderBottomLeftRadius: 0, borderLeftWidth: 0 }),
|
|
174
164
|
...(isLast ? null : { borderTopRightRadius: 0, borderBottomRightRadius: 0 }),
|
|
175
165
|
}
|
|
176
166
|
}
|