@tamagui/group 2.0.0-rc.9 → 2.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 +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 -12
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","mergeSlotStyleProps","styled","createContextScope","withStaticProperties","YStack","React","useIndex","useIndexedChildren","GROUP_NAME","createGroupContext","createGroupScope","GroupProvider","useGroupContext","GroupFrame","name","variants","unstyled","false","size","val","param","tokens","_tokens_radius_val","_ref","borderRadius","radius","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","mergeSlotStyleProps","styled","createContextScope","withStaticProperties","YStack","React","useIndex","useIndexedChildren","GROUP_NAME","createGroupContext","createGroupScope","GroupProvider","useGroupContext","GroupFrame","name","variants","unstyled","false","size","val","param","tokens","_tokens_radius_val","_ref","borderRadius","radius","defaultVariants","process","env","TAMAGUI_HEADLESS","createGroup","verticalDefault","styleable","props","ref","__scopeGroup","children","childrenProp","orientation","disabled","restProps","vertical","indexedChildren","Children","toArray","scope","flexDirection","Item","GroupItem","forcePlacement","forwardedProps","context","treeIndex","Error","isValidElement","isFirst","index","isLast","maxIndex","radiusStyles","getZeroedRadius","groupProps","_children_props_disabled","mergedProps","cloneElement","useGroupItem","childrenProps","_childrenProps_disabled","Group","YGroup","XGroup","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],"sources":["../../src/Group.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Group";
|
|
1
|
+
export * from "./Group.mjs";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
const MaxIndexContext = React.createContext([])
|
|
4
|
-
|
|
3
|
+
const MaxIndexContext = React.createContext([]);
|
|
4
|
+
const IndexContext = React.createContext(null);
|
|
5
5
|
function useIndex() {
|
|
6
|
-
const maxIndexPath = React.useContext(MaxIndexContext)
|
|
7
|
-
|
|
6
|
+
const maxIndexPath = React.useContext(MaxIndexContext);
|
|
7
|
+
const indexPathString = React.useContext(IndexContext);
|
|
8
8
|
return React.useMemo(() => {
|
|
9
|
-
if (indexPathString === null)
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
if (indexPathString === null) {
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
12
|
+
const indexPath = parseIndexPath(indexPathString);
|
|
13
|
+
const maxIndex = maxIndexPath[maxIndexPath.length - 1];
|
|
14
|
+
const index = indexPath[indexPath.length - 1];
|
|
13
15
|
return {
|
|
14
16
|
maxIndex,
|
|
15
17
|
maxIndexPath,
|
|
@@ -24,10 +26,10 @@ function useIndex() {
|
|
|
24
26
|
}, [maxIndexPath, indexPathString]);
|
|
25
27
|
}
|
|
26
28
|
function useIndexedChildren(children) {
|
|
27
|
-
const parentMaxIndexPath = React.useContext(MaxIndexContext)
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
const parentMaxIndexPath = React.useContext(MaxIndexContext);
|
|
30
|
+
const indexPathString = React.useContext(IndexContext);
|
|
31
|
+
const childrenCount = React.Children.count(children);
|
|
32
|
+
const maxIndexPath = React.useMemo(() => parentMaxIndexPath.concat(childrenCount - 1), [childrenCount]);
|
|
31
33
|
return /* @__PURE__ */jsx(MaxIndexContext.Provider, {
|
|
32
34
|
value: maxIndexPath,
|
|
33
35
|
children: React.Children.map(children, (child, index) => React.isValidElement(child) ? /* @__PURE__ */jsx(IndexContext.Provider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","jsx","MaxIndexContext","createContext","IndexContext","useIndex","maxIndexPath","useContext","indexPathString","useMemo","indexPath","parseIndexPath","maxIndex","length","index","isFirst","isLast","isEven","isOdd","Math","abs","useIndexedChildren","children","parentMaxIndexPath","childrenCount","Children","count","concat","Provider","value","map","child","isValidElement","toString","key","split","Number","parseInt"],"sources":["../../src/useIndexedChildren.tsx"],"sourcesContent":[null],"mappings":"AAyBA,YAAYA,KAAA,MAAW;AA+Cb,SAAAC,GAAA;AA7CV,MAAMC,eAAA,GAAkBF,KAAA,CAAMG,aAAA,CAAwB,EAAE;
|
|
1
|
+
{"version":3,"names":["React","jsx","MaxIndexContext","createContext","IndexContext","useIndex","maxIndexPath","useContext","indexPathString","useMemo","indexPath","parseIndexPath","maxIndex","length","index","isFirst","isLast","isEven","isOdd","Math","abs","useIndexedChildren","children","parentMaxIndexPath","childrenCount","Children","count","concat","Provider","value","map","child","isValidElement","toString","key","split","Number","parseInt"],"sources":["../../src/useIndexedChildren.tsx"],"sourcesContent":[null],"mappings":"AAyBA,YAAYA,KAAA,MAAW;AA+Cb,SAAAC,GAAA;AA7CV,MAAMC,eAAA,GAAkBF,KAAA,CAAMG,aAAA,CAAwB,EAAE;AACxD,MAAMC,YAAA,GAAeJ,KAAA,CAAMG,aAAA,CAA6B,IAAI;AAGrD,SAASE,SAAA,EAAW;EACzB,MAAMC,YAAA,GAAeN,KAAA,CAAMO,UAAA,CAAWL,eAAe;EACrD,MAAMM,eAAA,GAAkBR,KAAA,CAAMO,UAAA,CAAWH,YAAY;EAErD,OAAOJ,KAAA,CAAMS,OAAA,CAAQ,MAAM;IACzB,IAAID,eAAA,KAAoB,MAAM;MAC5B,OAAO;IACT;IAEA,MAAME,SAAA,GAAYC,cAAA,CAAeH,eAAe;IAChD,MAAMI,QAAA,GAAWN,YAAA,CAAaA,YAAA,CAAaO,MAAA,GAAS,CAAC;IACrD,MAAMC,KAAA,GAAQJ,SAAA,CAAUA,SAAA,CAAUG,MAAA,GAAS,CAAC;IAE5C,OAAO;MACLD,QAAA;MACAN,YAAA;MACAQ,KAAA;MACAJ,SAAA;MACAF,eAAA;MACAO,OAAA,EAASD,KAAA,KAAU;MACnBE,MAAA,EAAQF,KAAA,KAAUF,QAAA;MAClBK,MAAA,EAAQH,KAAA,GAAQ,MAAM;MACtBI,KAAA,EAAOC,IAAA,CAAKC,GAAA,CAAIN,KAAA,GAAQ,CAAC,MAAM;IACjC;EACF,GAAG,CAACR,YAAA,EAAcE,eAAe,CAAC;AACpC;AAGO,SAASa,mBAAmBC,QAAA,EAA2B;EAC5D,MAAMC,kBAAA,GAAqBvB,KAAA,CAAMO,UAAA,CAAWL,eAAe;EAC3D,MAAMM,eAAA,GAAkBR,KAAA,CAAMO,UAAA,CAAWH,YAAY;EACrD,MAAMoB,aAAA,GAAgBxB,KAAA,CAAMyB,QAAA,CAASC,KAAA,CAAMJ,QAAQ;EACnD,MAAMhB,YAAA,GAAeN,KAAA,CAAMS,OAAA,CACzB,MAAMc,kBAAA,CAAmBI,MAAA,CAAOH,aAAA,GAAgB,CAAC,GACjD,CAACA,aAAa,CAChB;EAEA,OACE,eAAAvB,GAAA,CAACC,eAAA,CAAgB0B,QAAA,EAAhB;IAAyBC,KAAA,EAAOvB,YAAA;IAC9BgB,QAAA,EAAAtB,KAAA,CAAMyB,QAAA,CAASK,GAAA,CAAIR,QAAA,EAAU,CAACS,KAAA,EAAOjB,KAAA,KACpCd,KAAA,CAAMgC,cAAA,CAAeD,KAAK,IACxB,eAAA9B,GAAA,CAACG,YAAA,CAAawB,QAAA,EAAb;MAECC,KAAA,EACErB,eAAA,GACI,GAAGA,eAAe,IAAIM,KAAA,CAAMmB,QAAA,CAAS,CAAC,KACtCnB,KAAA,CAAMmB,QAAA,CAAS;MAGpBX,QAAA,EAAAS;IAAA,GAPIA,KAAA,CAAMG,GAQb,IAEAH,KAEJ;EAAA,CACF;AAEJ;AAQA,SAASpB,eAAeH,eAAA,EAAyB;EAC/C,OAAOA,eAAA,CAAgB2B,KAAA,CAAM,GAAG,EAAEL,GAAA,CAAKhB,KAAA,IAAUsB,MAAA,CAAOC,QAAA,CAASvB,KAAA,EAAO,EAAE,CAAC;AAC7E","ignoreList":[]}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
var MaxIndexContext = /* @__PURE__ */React.createContext([])
|
|
4
|
-
|
|
3
|
+
var MaxIndexContext = /* @__PURE__ */React.createContext([]);
|
|
4
|
+
var IndexContext = /* @__PURE__ */React.createContext(null);
|
|
5
5
|
function useIndex() {
|
|
6
|
-
var maxIndexPath = React.useContext(MaxIndexContext)
|
|
7
|
-
|
|
6
|
+
var maxIndexPath = React.useContext(MaxIndexContext);
|
|
7
|
+
var indexPathString = React.useContext(IndexContext);
|
|
8
8
|
return React.useMemo(function () {
|
|
9
|
-
if (indexPathString === null)
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
if (indexPathString === null) {
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
12
|
+
var indexPath = parseIndexPath(indexPathString);
|
|
13
|
+
var maxIndex = maxIndexPath[maxIndexPath.length - 1];
|
|
14
|
+
var index = indexPath[indexPath.length - 1];
|
|
13
15
|
return {
|
|
14
16
|
maxIndex,
|
|
15
17
|
maxIndexPath,
|
|
@@ -24,12 +26,12 @@ function useIndex() {
|
|
|
24
26
|
}, [maxIndexPath, indexPathString]);
|
|
25
27
|
}
|
|
26
28
|
function useIndexedChildren(children) {
|
|
27
|
-
var parentMaxIndexPath = React.useContext(MaxIndexContext)
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
var parentMaxIndexPath = React.useContext(MaxIndexContext);
|
|
30
|
+
var indexPathString = React.useContext(IndexContext);
|
|
31
|
+
var childrenCount = React.Children.count(children);
|
|
32
|
+
var maxIndexPath = React.useMemo(function () {
|
|
33
|
+
return parentMaxIndexPath.concat(childrenCount - 1);
|
|
34
|
+
}, [childrenCount]);
|
|
33
35
|
return /* @__PURE__ */_jsx(MaxIndexContext.Provider, {
|
|
34
36
|
value: maxIndexPath,
|
|
35
37
|
children: React.Children.map(children, function (child, index) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","React","MaxIndexContext","createContext","IndexContext","useIndex","maxIndexPath","useContext","indexPathString","useMemo","indexPath","parseIndexPath","maxIndex","length","index","isFirst","isLast","isEven","isOdd","Math","abs","useIndexedChildren","children","parentMaxIndexPath","childrenCount","Children","count","concat","Provider","value","map","child","isValidElement","toString","key"],"sources":["../../src/useIndexedChildren.tsx"],"sourcesContent":[null],"mappings":"AAyBA,SAAAA,GAAY,IAAAC,IAAA,QAAW;AA+Cb,YAAAC,KAAA;AA7CV,IAAAC,eAAM,kBAAwBD,KAAA,CAAwBE,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","MaxIndexContext","createContext","IndexContext","useIndex","maxIndexPath","useContext","indexPathString","useMemo","indexPath","parseIndexPath","maxIndex","length","index","isFirst","isLast","isEven","isOdd","Math","abs","useIndexedChildren","children","parentMaxIndexPath","childrenCount","Children","count","concat","Provider","value","map","child","isValidElement","toString","key"],"sources":["../../src/useIndexedChildren.tsx"],"sourcesContent":[null],"mappings":"AAyBA,SAAAA,GAAY,IAAAC,IAAA,QAAW;AA+Cb,YAAAC,KAAA;AA7CV,IAAAC,eAAM,kBAAwBD,KAAA,CAAwBE,aAAE;AACxD,IAAAC,YAAM,kBAAqBH,KAAA,CAA6BE,aAAI;AAGrD,SAASE,SAAA,EAAW;EACzB,IAAAC,YAAM,GAAAL,KAAe,CAAAM,UAAM,CAAAL,eAAW;EACtC,IAAAM,eAAM,GAAAP,KAAkB,CAAAM,UAAM,CAAAH,YAAW;EAEzC,OAAOH,KAAA,CAAMQ,OAAA,CAAQ,YAAM;IACzB,IAAID,eAAA,KAAoB,MAAM;MAC5B,OAAO;IACT;IAEA,IAAAE,SAAM,GAAAC,cAAY,CAAAH,eAAe;IACjC,IAAAI,QAAM,GAAAN,YAAW,CAAAA,YAAa,CAAAO,MAAa,KAAS;IACpD,IAAAC,KAAM,GAAAJ,SAAQ,CAAAA,SAAU,CAAAG,MAAU,KAAS;IAE3C,OAAO;MACLD,QAAA;MACAN,YAAA;MACAQ,KAAA;MACAJ,SAAA;MACAF,eAAA;MACAO,OAAA,EAASD,KAAA,KAAU;MACnBE,MAAA,EAAQF,KAAA,KAAUF,QAAA;MAClBK,MAAA,EAAQH,KAAA,GAAQ,MAAM;MACtBI,KAAA,EAAOC,IAAA,CAAKC,GAAA,CAAIN,KAAA,GAAQ,CAAC,MAAM;IACjC;EACF,GAAG,CACLR,YAAA,EAGOE,eAAS,CACd;AACA;AACA,SAAMa,kBAAgBA,CAAAC,QAAM;EAC5B,IAAAC,kBAAqB,GAAAtB,KAAM,CAAAM,UAAA,CAAAL,eAAA;EAAA,IACzBM,eAAM,GAAAP,KAAmB,CAAAM,UAAO,CAAAH,YAAiB;EAAA,IAChDoB,aAAa,GAAAvB,KAAA,CAAAwB,QAAA,CAAAC,KAAA,CAAAJ,QAAA;EAChB,IAAAhB,YAAA,GAAAL,KAAA,CAAAQ,OAAA;IAEA,OACEc,kBAAC,CAAAI,MAAA,CAAAH,aAAgB,KAAhB;EACiB,GAAI,CAAUA,aAAQ,CAElC;EAAc,OAAb,eAAAxB,IAAA,CAAAE,eAAA,CAAA0B,QAAA;IAAAC,KAEC,EAAAvB,YACE;IAEmBgB,QAGpB,EAAArB,KAAA,CAAAwB,QAAA,CAAAK,GAAA,CAAAR,QAAA,YAAAS,KAAA,EAAAjB,KAAA;MAAA,sBAAAb,KAAA,CAAA+B,cAAA,CAAAD,KAAA,mBAAA/B,IAAA,CAAAI,YAAA,CAAAwB,QAAA;QAPIC,KAAM,EAAArB,eAAA,MAAAA,eAAA,IAAAM,KAAA,CAAAmB,QAAA,OAAAnB,KAAA,CAAAmB,QAAA;QAUbX,QAAA,EAAAS;MAGN,GAAAA,KAAA,CAAAG,GAAA,IAAAH,KAAA;IAEJ;EAQA;AACE;AACF,SAAApB,eAAAH,eAAA","ignoreList":[]}
|
package/dist/jsx/Group.mjs
CHANGED
|
@@ -5,38 +5,41 @@ import { YStack } from "@tamagui/stacks";
|
|
|
5
5
|
import React from "react";
|
|
6
6
|
import { useIndex, useIndexedChildren } from "./useIndexedChildren.mjs";
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
const GROUP_NAME = "Group"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
},
|
|
19
|
-
size: (val, {
|
|
20
|
-
tokens
|
|
21
|
-
}) => ({
|
|
22
|
-
borderRadius: tokens.radius[val] ?? val ?? tokens.radius.$true
|
|
23
|
-
})
|
|
8
|
+
const GROUP_NAME = "Group";
|
|
9
|
+
const [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);
|
|
10
|
+
const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
|
|
11
|
+
const GroupFrame = styled(YStack, {
|
|
12
|
+
name: "GroupFrame",
|
|
13
|
+
variants: {
|
|
14
|
+
unstyled: {
|
|
15
|
+
false: {
|
|
16
|
+
size: "$true"
|
|
17
|
+
}
|
|
24
18
|
},
|
|
25
|
-
|
|
26
|
-
|
|
19
|
+
size: (val, {
|
|
20
|
+
tokens
|
|
21
|
+
}) => {
|
|
22
|
+
const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
|
|
23
|
+
return {
|
|
24
|
+
borderRadius
|
|
25
|
+
};
|
|
27
26
|
}
|
|
28
|
-
}
|
|
27
|
+
},
|
|
28
|
+
defaultVariants: {
|
|
29
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
30
|
+
}
|
|
31
|
+
});
|
|
29
32
|
function createGroup(verticalDefault) {
|
|
30
33
|
return withStaticProperties(GroupFrame.styleable((props, ref) => {
|
|
31
34
|
const {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
__scopeGroup,
|
|
36
|
+
children: childrenProp,
|
|
37
|
+
orientation = verticalDefault ? "vertical" : "horizontal",
|
|
38
|
+
disabled,
|
|
39
|
+
...restProps
|
|
40
|
+
} = props;
|
|
41
|
+
const vertical = orientation === "vertical";
|
|
42
|
+
const indexedChildren = useIndexedChildren(React.Children.toArray(childrenProp));
|
|
40
43
|
return /* @__PURE__ */jsx(GroupProvider, {
|
|
41
44
|
vertical,
|
|
42
45
|
disabled,
|
|
@@ -54,52 +57,63 @@ function createGroup(verticalDefault) {
|
|
|
54
57
|
}
|
|
55
58
|
function GroupItem(props) {
|
|
56
59
|
const {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
if (!treeIndex)
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
60
|
+
__scopeGroup,
|
|
61
|
+
children,
|
|
62
|
+
forcePlacement,
|
|
63
|
+
...forwardedProps
|
|
64
|
+
} = props;
|
|
65
|
+
const context = useGroupContext("GroupItem", __scopeGroup);
|
|
66
|
+
const treeIndex = useIndex();
|
|
67
|
+
if (!treeIndex) {
|
|
68
|
+
throw Error("<Group.Item/> should only be used within a <Group/>");
|
|
69
|
+
}
|
|
70
|
+
if (!React.isValidElement(children)) {
|
|
71
|
+
return children;
|
|
72
|
+
}
|
|
73
|
+
const isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0;
|
|
74
|
+
const isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
|
|
75
|
+
const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
|
|
76
|
+
const groupProps = {
|
|
77
|
+
...forwardedProps,
|
|
78
|
+
...radiusStyles
|
|
79
|
+
};
|
|
80
|
+
if (context.disabled != null) {
|
|
81
|
+
groupProps.disabled = children.props.disabled ?? context.disabled;
|
|
82
|
+
}
|
|
74
83
|
const mergedProps = mergeSlotStyleProps(groupProps, children.props);
|
|
75
84
|
return React.cloneElement(children, mergedProps);
|
|
76
85
|
}
|
|
77
86
|
const useGroupItem = (childrenProps, forcePlacement, __scopeGroup) => {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
87
|
+
const treeIndex = useIndex();
|
|
88
|
+
const context = useGroupContext("GroupItem", __scopeGroup);
|
|
89
|
+
if (!treeIndex) {
|
|
90
|
+
throw Error("useGroupItem should only be used within a <Group/>");
|
|
91
|
+
}
|
|
92
|
+
const isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0;
|
|
93
|
+
const isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
|
|
94
|
+
const radiusStyles = getZeroedRadius(isFirst, isLast, context.vertical);
|
|
95
|
+
return {
|
|
96
|
+
disabled: childrenProps.disabled ?? context.disabled,
|
|
97
|
+
...radiusStyles
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
const Group = createGroup(true);
|
|
101
|
+
const YGroup = Group;
|
|
102
|
+
const XGroup = createGroup(false);
|
|
103
|
+
function getZeroedRadius(isFirst, isLast, vertical) {
|
|
104
|
+
if (vertical) {
|
|
84
105
|
return {
|
|
85
|
-
|
|
86
|
-
|
|
106
|
+
...(isFirst ? null : {
|
|
107
|
+
borderTopLeftRadius: 0,
|
|
108
|
+
borderTopRightRadius: 0
|
|
109
|
+
}),
|
|
110
|
+
...(isLast ? null : {
|
|
111
|
+
borderBottomLeftRadius: 0,
|
|
112
|
+
borderBottomRightRadius: 0
|
|
113
|
+
})
|
|
87
114
|
};
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
YGroup = Group,
|
|
91
|
-
XGroup = createGroup(!1);
|
|
92
|
-
function getZeroedRadius(isFirst, isLast, vertical) {
|
|
93
|
-
return vertical ? {
|
|
94
|
-
...(isFirst ? null : {
|
|
95
|
-
borderTopLeftRadius: 0,
|
|
96
|
-
borderTopRightRadius: 0
|
|
97
|
-
}),
|
|
98
|
-
...(isLast ? null : {
|
|
99
|
-
borderBottomLeftRadius: 0,
|
|
100
|
-
borderBottomRightRadius: 0
|
|
101
|
-
})
|
|
102
|
-
} : {
|
|
115
|
+
}
|
|
116
|
+
return {
|
|
103
117
|
...(isFirst ? null : {
|
|
104
118
|
borderTopLeftRadius: 0,
|
|
105
119
|
borderBottomLeftRadius: 0
|
package/dist/jsx/Group.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["mergeSlotStyleProps","styled","createContextScope","withStaticProperties","YStack","React","useIndex","useIndexedChildren","jsx","GROUP_NAME","createGroupContext","createGroupScope","GroupProvider","useGroupContext","GroupFrame","name","variants","unstyled","false","size","val","tokens","borderRadius","radius","
|
|
1
|
+
{"version":3,"names":["mergeSlotStyleProps","styled","createContextScope","withStaticProperties","YStack","React","useIndex","useIndexedChildren","jsx","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","__scopeGroup","children","childrenProp","orientation","disabled","restProps","vertical","indexedChildren","Children","toArray","scope","flexDirection","Item","GroupItem","forcePlacement","forwardedProps","context","treeIndex","Error","isValidElement","isFirst","index","isLast","maxIndex","radiusStyles","getZeroedRadius","groupProps","mergedProps","cloneElement","useGroupItem","childrenProps","Group","YGroup","XGroup","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],"sources":["../../src/Group.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/jsx/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
|