@tamagui/group 1.26.0 → 1.27.0-1684163004699

package/package.json

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

package/dist/esm/Group.mjs

@@ -1,233 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-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";
-const GROUP_NAME = "Group";
-const [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME);
-const [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME);
-const GroupFrame = styled(ThemeableStack, {
-  name: "GroupFrame",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        y: 0,
-        backgroundColor: "$background"
-      }
-    },
-    size: (val, { tokens }) => {
-      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
-      return {
-        borderRadius
-      };
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-function createGroup(verticalDefault) {
-  return withStaticProperties(
-    forwardRef((props, ref) => {
-      const activeProps = useProps(props);
-      const {
-        __scopeGroup,
-        children: childrenProp,
-        space,
-        size = "$true",
-        spaceDirection,
-        separator,
-        scrollable,
-        axis = verticalDefault ? "vertical" : "horizontal",
-        orientation = axis,
-        disabled: disabledProp,
-        disablePassBorderRadius: disablePassBorderRadiusProp,
-        borderRadius,
-        forceUseItem,
-        ...restProps
-      } = getExpandedShorthands(activeProps);
-      const vertical = orientation === "vertical";
-      const [itemChildrenCount, setItemChildrenCount] = useControllableState({
-        defaultProp: forceUseItem ? 1 : 0
-      });
-      const isUsingItems = itemChildrenCount > 0;
-      const radius = borderRadius ?? (size ? getVariableValue(getTokens().radius[size]) - 1 : void 0);
-      const hasRadius = radius !== void 0;
-      const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius;
-      const childrenArray = Children.toArray(childrenProp);
-      const children = isUsingItems ? childrenProp : childrenArray.map((child, i) => {
-        if (!isValidElement(child)) {
-          return child;
-        }
-        const disabled = child.props.disabled ?? disabledProp;
-        const isFirst = i === 0;
-        const isLast = i === childrenArray.length - 1;
-        const radiusStyles = disablePassBorderRadius === true ? null : getBorderRadius({
-          isFirst,
-          isLast,
-          radius,
-          vertical,
-          disable: disablePassBorderRadius
-        });
-        const props2 = {
-          disabled,
-          ...isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }
-        };
-        return cloneElementWithPropOrder(child, props2);
-      });
-      const indexedChildren = useIndexedChildren(
-        spacedChildren({
-          direction: spaceDirection,
-          separator,
-          space,
-          children
-        })
-      );
-      const onItemMount = React.useCallback(
-        () => setItemChildrenCount((prev) => prev + 1),
-        []
-      );
-      const 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) => {
-  var _a;
-  const { __scopeGroup, children } = props;
-  const groupItemProps = useGroupItem(
-    { disabled: isValidElement(children) ? children.props.disabled : void 0 },
-    __scopeGroup
-  );
-  if (!isValidElement(children)) {
-    return children;
-  }
-  if (isTamaguiElement(children)) {
-    return React.cloneElement(children, groupItemProps);
-  }
-  return React.cloneElement(children, {
-    style: {
-      ...(_a = children.props) == null ? void 0 : _a["style"],
-      ...groupItemProps
-    }
-  });
-};
-const useGroupItem = (childrenProps, __scopeGroup) => {
-  const treeIndex = useIndex();
-  const context = useGroupContext("GroupItem", __scopeGroup);
-  React.useEffect(() => {
-    context.onItemMount();
-    return () => {
-      context.onItemUnmount();
-    };
-  }, []);
-  if (!treeIndex) {
-    throw Error("<Group.Item/> should only be used within a <Group/>");
-  }
-  const isFirst = treeIndex.index === 0;
-  const isLast = treeIndex.index === treeIndex.maxIndex;
-  const disabled = childrenProps.disabled ?? context.disabled;
-  let propsToPass = {
-    disabled
-  };
-  if (context.disablePassBorderRadius !== true) {
-    const borderRadius = getBorderRadius({
-      radius: context.radius,
-      isFirst,
-      isLast,
-      vertical: context.vertical,
-      disable: context.disablePassBorderRadius
-    });
-    return { ...propsToPass, ...borderRadius };
-  }
-  return propsToPass;
-};
-const Group = createGroup(true);
-const YGroup = Group;
-const XGroup = createGroup(false);
-const wrapScroll = ({ scrollable, orientation, showScrollIndicator = false }, children) => {
-  if (scrollable)
-    return /* @__PURE__ */ jsx(
-      ScrollView,
-      {
-        ...orientation === "vertical" && {
-          showsVerticalScrollIndicator: showScrollIndicator
-        },
-        ...orientation === "horizontal" && {
-          horizontal: true,
-          showsHorizontalScrollIndicator: showScrollIndicator
-        },
-        children
-      }
-    );
-  return children;
-};
-const getBorderRadius = ({
-  isFirst,
-  isLast,
-  radius,
-  vertical,
-  disable
-}) => {
-  return {
-    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
-  };
-};
-const cloneElementWithPropOrder = (child, props) => {
-  const next = mergeProps(child.props, props, false, getConfig().shorthands)[0];
-  return React.cloneElement({ ...child, props: null }, next);
-};
-export {
-  Group,
-  GroupFrame,
-  XGroup,
-  YGroup,
-  useGroupItem
-};
-//# sourceMappingURL=Group.mjs.map

package/dist/esm/Group.mjs.map

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

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

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