@tamagui/group 1.74.3 → 1.74.5

package/dist/esm/Group.native.js

@@ -0,0 +1,181 @@
+import {
+  getConfig,
+  getExpandedShorthands,
+  getTokens,
+  getVariableValue,
+  isTamaguiElement,
+  mergeProps,
+  spacedChildren,
+  styled,
+  useProps,
+  withStaticProperties
+} from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import { ThemeableStack } from "@tamagui/stacks";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import React, { Children, forwardRef, isValidElement } from "react";
+import { ScrollView } from "react-native";
+import { useIndex, useIndexedChildren } from "reforest";
+import { jsx } from "react/jsx-runtime";
+const GROUP_NAME = "Group", [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = styled(ThemeableStack, {
+  name: "GroupFrame",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true"
+      }
+    },
+    size: (val, { tokens }) => ({
+      borderRadius: tokens.radius[val] ?? val ?? tokens.radius.$true
+    })
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+});
+function createGroup(verticalDefault) {
+  return withStaticProperties(
+    forwardRef((props, ref) => {
+      const activeProps = useProps(props), {
+        __scopeGroup,
+        children: childrenProp,
+        space,
+        size = "$true",
+        spaceDirection,
+        separator,
+        scrollable,
+        axis = verticalDefault ? "vertical" : "horizontal",
+        orientation = axis,
+        disabled: disabledProp,
+        disablePassBorderRadius: disablePassBorderRadiusProp,
+        borderRadius,
+        forceUseItem,
+        ...restProps
+      } = getExpandedShorthands(activeProps), vertical = orientation === "vertical", [itemChildrenCount, setItemChildrenCount] = useControllableState({
+        defaultProp: forceUseItem ? 1 : 0
+      }), isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size ? getVariableValue(getTokens().radius[size]) - 1 : void 0), disablePassBorderRadius = disablePassBorderRadiusProp ?? !(radius !== void 0), childrenArray = Children.toArray(childrenProp), children = isUsingItems ? Children.toArray(childrenProp).filter(isValidElement) : childrenArray.map((child, i) => {
+        if (!isValidElement(child))
+          return child;
+        const disabled = child.props.disabled ?? disabledProp, isFirst = i === 0, isLast = i === childrenArray.length - 1, radiusStyles = disablePassBorderRadius === !0 ? null : getBorderRadius({
+          isFirst,
+          isLast,
+          radius,
+          vertical,
+          disable: disablePassBorderRadius
+        }), props2 = {
+          disabled,
+          ...isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }
+        };
+        return cloneElementWithPropOrder(child, props2);
+      }), indexedChildren = useIndexedChildren(
+        spacedChildren({
+          direction: spaceDirection,
+          separator,
+          // @ts-ignore
+          space,
+          children
+        })
+      ), onItemMount = React.useCallback(
+        () => setItemChildrenCount((prev) => prev + 1),
+        []
+      ), onItemUnmount = React.useCallback(
+        () => setItemChildrenCount((prev) => prev - 1),
+        []
+      );
+      return /* @__PURE__ */ jsx(
+        GroupProvider,
+        {
+          disablePassBorderRadius,
+          vertical: orientation === "vertical",
+          radius,
+          disabled: disabledProp,
+          onItemMount,
+          onItemUnmount,
+          scope: __scopeGroup,
+          children: /* @__PURE__ */ jsx(
+            GroupFrame,
+            {
+              ref,
+              size,
+              flexDirection: orientation === "horizontal" ? "row" : "column",
+              borderRadius,
+              ...restProps,
+              children: wrapScroll({ ...activeProps, orientation }, indexedChildren)
+            }
+          )
+        }
+      );
+    }),
+    {
+      Item: GroupItem
+    }
+  );
+}
+const GroupItem = (props) => {
+  const { __scopeGroup, children, forcePlacement } = props, groupItemProps = useGroupItem(
+    { disabled: isValidElement(children) ? children.props.disabled : void 0 },
+    forcePlacement,
+    __scopeGroup
+  );
+  return isValidElement(children) ? isTamaguiElement(children) ? React.cloneElement(children, groupItemProps) : React.cloneElement(children, {
+    style: {
+      ...children.props?.style,
+      ...groupItemProps
+    }
+  }) : children;
+}, useGroupItem = (childrenProps, forcePlacement, __scopeGroup) => {
+  const treeIndex = useIndex(), context = useGroupContext("GroupItem", __scopeGroup);
+  if (React.useEffect(() => (context.onItemMount(), () => {
+    context.onItemUnmount();
+  }), []), !treeIndex)
+    throw Error("<Group.Item/> should only be used within a <Group/>");
+  const isFirst = forcePlacement === "first" || forcePlacement !== "last" && treeIndex.index === 0, isLast = forcePlacement === "last" || forcePlacement !== "first" && treeIndex.index === treeIndex.maxIndex;
+  let propsToPass = {
+    disabled: childrenProps.disabled ?? context.disabled
+  };
+  if (context.disablePassBorderRadius !== !0) {
+    const borderRadius = getBorderRadius({
+      radius: context.radius,
+      isFirst,
+      isLast,
+      vertical: context.vertical,
+      disable: context.disablePassBorderRadius
+    });
+    return { ...propsToPass, ...borderRadius };
+  }
+  return propsToPass;
+}, Group = createGroup(!0), YGroup = Group, XGroup = createGroup(!1), wrapScroll = ({ scrollable, orientation, showScrollIndicator = !1 }, children) => scrollable ? /* @__PURE__ */ jsx(
+  ScrollView,
+  {
+    ...orientation === "vertical" && {
+      showsVerticalScrollIndicator: showScrollIndicator
+    },
+    ...orientation === "horizontal" && {
+      horizontal: !0,
+      showsHorizontalScrollIndicator: showScrollIndicator
+    },
+    children
+  }
+) : children, getBorderRadius = ({
+  isFirst,
+  isLast,
+  radius,
+  vertical,
+  disable
+}) => ({
+  borderTopLeftRadius: isFirst && disable !== "top" && disable !== "start" ? radius : 0,
+  borderTopRightRadius: disable !== "top" && disable !== "end" && (vertical && isFirst || !vertical && isLast) ? radius : 0,
+  borderBottomLeftRadius: disable !== "bottom" && disable !== "start" && (vertical && isLast || !vertical && isFirst) ? radius : 0,
+  borderBottomRightRadius: isLast && disable !== "bottom" && disable !== "end" ? radius : 0
+}), cloneElementWithPropOrder = (child, props) => {
+  const next = mergeProps(child.props, props, getConfig().shorthands);
+  return React.cloneElement({ ...child, props: null }, next);
+};
+export {
+  Group,
+  GroupFrame,
+  XGroup,
+  YGroup,
+  useGroupItem
+};
+//# sourceMappingURL=Group.js.map

package/dist/esm/Group.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Group.tsx"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/esm/index.native.js

@@ -0,0 +1,2 @@
+export * from "./Group";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/group",
-  "version": "1.74.3",
+  "version": "1.74.5",
   "sideEffects": [
     "*.css"
   ],
@@ -23,17 +23,17 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "1.74.3",
-    "@tamagui/create-context": "1.74.3",
-    "@tamagui/stacks": "1.74.3",
-    "@tamagui/use-controllable-state": "1.74.3",
+    "@tamagui/core": "1.74.5",
+    "@tamagui/create-context": "1.74.5",
+    "@tamagui/stacks": "1.74.5",
+    "@tamagui/use-controllable-state": "1.74.5",
     "reforest": "^0.13.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.3",
+    "@tamagui/build": "1.74.5",
     "react": "^18.2.0"
   },
   "publishConfig": {