@tamagui/toggle-group 1.70.0 → 1.71.0

package/src/ToggleGroup.tsx

@@ -1,16 +1,16 @@
-import { Scope, createContextScope } from '@tamagui/create-context'
 import { registerFocusable } from '@tamagui/focusable'
 import { getFontSize } from '@tamagui/font-size'
 import { getSize } from '@tamagui/get-token'
 import { Group, GroupProps, useGroupItem } from '@tamagui/group'
 import { useGetThemedIcon } from '@tamagui/helpers-tamagui'
-import { RovingFocusGroup, createRovingFocusGroupScope } from '@tamagui/roving-focus'
+import { RovingFocusGroup } from '@tamagui/roving-focus'
 import { useControllableState } from '@tamagui/use-controllable-state'
 import { useDirection } from '@tamagui/use-direction'
 import {
   FontSizeTokens,
   GetProps,
   SizeTokens,
+  createStyledContext,
   getVariableValue,
   isWeb,
   styled,
@@ -22,23 +22,21 @@ import React from 'react'
 import { Toggle, ToggleFrame, ToggleProps } from './Toggle'
 
 const TOGGLE_GROUP_NAME = 'ToggleGroup'
-const [createToggleGroupContext, createToggleGroupScope] = createContextScope(
-  TOGGLE_GROUP_NAME,
-  [createRovingFocusGroupScope]
-)
 /* -------------------------------------------------------------------------------------------------
  * ToggleGroupItem
  * -----------------------------------------------------------------------------------------------*/
 
 const TOGGLE_GROUP_ITEM_NAME = 'ToggleGroupItem'
 
+const TOGGLE_GROUP_CONTEXT = 'ToggleGroup'
+
 type ToggleGroupItemContextValue = { disabled?: boolean }
 
-const [createToggleGroupItemContext, createToggleGroupItemScope] =
-  createContextScope(TOGGLE_GROUP_ITEM_NAME)
-const [ToggleGroupItemProvider, useToggleGroupItemContext] =
-  createToggleGroupContext<ToggleGroupItemContextValue>(TOGGLE_GROUP_NAME)
-const useToggleGroupItemScope = createToggleGroupItemScope()
+const { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } =
+  createStyledContext<ToggleGroupItemContextValue>()
+
+const { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } =
+  createStyledContext<ToggleGroupContextValue>()
 
 type ToggleGroupItemElement = ToggleGroupItemImplElement
 
@@ -55,16 +53,9 @@ type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {
 const ToggleGroupItem = ToggleFrame.extractable(
   React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(
     (props: ScopedProps<ToggleGroupItemProps>, forwardedRef) => {
-      const valueContext = useToggleGroupValueContext(
-        TOGGLE_GROUP_ITEM_NAME,
-        props.__scopeToggleGroup
-      )
-      const context = useToggleGroupContext(
-        TOGGLE_GROUP_ITEM_NAME,
-        props.__scopeToggleGroup
-      )
-      const __scopeToggleGroup = props.__scopeToggleGroup
-      const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup)
+      const { __scopeToggleGroup, ...rest } = props
+      const valueContext = useToggleGroupValueContext(__scopeToggleGroup)
+      const context = useToggleGroupContext(__scopeToggleGroup)
       const pressed = valueContext.value.includes(props.value)
       const disabled = context.disabled || props.disabled || false
       const ref = React.useRef<HTMLDivElement>(null)
@@ -109,7 +100,7 @@ const ToggleGroupItem = ToggleFrame.extractable(
           {context.rovingFocus ? (
             <RovingFocusGroup.Item
               asChild="except-style"
-              {...rovingFocusGroupScope}
+              __scopeRovingFocusGroup={__scopeToggleGroup || TOGGLE_GROUP_CONTEXT}
               focusable={!disabled}
               active={pressed}
             >
@@ -120,6 +111,7 @@ const ToggleGroupItem = ToggleFrame.extractable(
                 ref={ref}
               >
                 <ToggleGroupItemImpl
+                  __scopeToggleGroup={__scopeToggleGroup}
                   {...commonProps}
                   ref={forwardedRef}
                   {...groupItemProps}
@@ -133,7 +125,11 @@ const ToggleGroupItem = ToggleFrame.extractable(
               disabled={disabled}
               ref={ref}
             >
-              <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />
+              <ToggleGroupItemImpl
+                __scopeToggleGroup={__scopeToggleGroup}
+                {...commonProps}
+                ref={forwardedRef}
+              />
             </ToggleFrame>
           )}
         </ToggleGroupItemProvider>
@@ -158,13 +154,10 @@ type ToggleGroupItemImplProps = Omit<
 }
 
 const ToggleGroupItemImpl = ToggleFrame.extractable(
-  React.forwardRef<ToggleGroupItemImplElement, ToggleGroupItemImplProps>(
+  React.forwardRef<ToggleGroupItemImplElement, ScopedProps<ToggleGroupItemImplProps>>(
     (props: ScopedProps<ToggleGroupItemImplProps>, forwardedRef) => {
       const { __scopeToggleGroup, value, ...itemProps } = props
-      const valueContext = useToggleGroupValueContext(
-        TOGGLE_GROUP_ITEM_NAME,
-        __scopeToggleGroup
-      )
+      const valueContext = useToggleGroupValueContext(__scopeToggleGroup)
       const singleProps = {
         'aria-pressed': undefined,
       }
@@ -194,9 +187,7 @@ const ToggleGroupItemImpl = ToggleFrame.extractable(
  * ToggleGroup
  * -----------------------------------------------------------------------------------------------*/
 
-type ScopedProps<P> = P & { __scopeToggleGroup?: Scope }
-
-const useRovingFocusGroupScope = createRovingFocusGroupScope()
+type ScopedProps<P> = P & { __scopeToggleGroup?: string }
 
 type ToggleGroupElement = ToggleGroupImplSingleElement | ToggleGroupImplMultipleElement
 interface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {
@@ -209,33 +200,35 @@ interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
 type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps
 
 const ToggleGroup = withStaticProperties(
-  React.forwardRef<ToggleGroupElement, ToggleGroupProps>((props, forwardedRef) => {
-    const { type, ...toggleGroupProps } = props
-
-    if (!isWeb) {
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      React.useEffect(() => {
-        if (!props.id) return
-        return registerFocusable(props.id, {
-          // TODO: would be nice to focus on the first child later - could be done with reforest
-          // for now leaving it empty
-          focus: () => {},
-        })
-      }, [props.id])
-    }
+  React.forwardRef<ToggleGroupElement, ScopedProps<ToggleGroupProps>>(
+    (props, forwardedRef) => {
+      const { type, ...toggleGroupProps } = props
+
+      if (!isWeb) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        React.useEffect(() => {
+          if (!props.id) return
+          return registerFocusable(props.id, {
+            // TODO: would be nice to focus on the first child later - could be done with reforest
+            // for now leaving it empty
+            focus: () => {},
+          })
+        }, [props.id])
+      }
 
-    if (type === 'single') {
-      const singleProps = toggleGroupProps as ToggleGroupImplSingleProps
-      return <ToggleGroupImplSingle {...singleProps} ref={forwardedRef} />
-    }
+      if (type === 'single') {
+        const singleProps = toggleGroupProps as ToggleGroupImplSingleProps
+        return <ToggleGroupImplSingle {...singleProps} ref={forwardedRef} />
+      }
 
-    if (type === 'multiple') {
-      const multipleProps = toggleGroupProps as ToggleGroupImplMultipleProps
-      return <ToggleGroupImplMultiple {...multipleProps} ref={forwardedRef} />
-    }
+      if (type === 'multiple') {
+        const multipleProps = toggleGroupProps as ToggleGroupImplMultipleProps
+        return <ToggleGroupImplMultiple {...multipleProps} ref={forwardedRef} />
+      }
 
-    throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``)
-  }),
+      throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``)
+    }
+  ),
   {
     Item: ToggleGroupItem,
   }
@@ -253,8 +246,10 @@ type ToggleGroupValueContextValue = {
   onItemDeactivate(value: string): void
 }
 
-const [ToggleGroupValueProvider, useToggleGroupValueContext] =
-  createToggleGroupContext<ToggleGroupValueContextValue>(TOGGLE_GROUP_NAME)
+const {
+  Provider: ToggleGroupValueProvider,
+  useStyledContext: useToggleGroupValueContext,
+} = createStyledContext<ToggleGroupValueContextValue>()
 
 type ToggleGroupImplSingleElement = ToggleGroupImplElement
 interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
@@ -279,7 +274,7 @@ interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
 
 const ToggleGroupImplSingle = React.forwardRef<
   ToggleGroupImplSingleElement,
-  ToggleGroupImplSingleProps
+  ScopedProps<ToggleGroupImplSingleProps>
 >((props: ScopedProps<ToggleGroupImplSingleProps>, forwardedRef) => {
   const {
     value: valueProp,
@@ -381,9 +376,6 @@ type ToggleGroupContextValue = {
   size: SizeTokens
 }
 
-const [ToggleGroupContext, useToggleGroupContext] =
-  createToggleGroupContext<ToggleGroupContextValue>(TOGGLE_GROUP_NAME)
-
 type RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup>
 type TamaguiElement = HTMLElement
 type ToggleGroupImplElement = TamaguiElement
@@ -438,7 +430,6 @@ const ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(
         sizeAdjust = 0,
         ...toggleGroupProps
       } = props
-      const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup)
       const direction = useDirection(dir)
       const commonProps: ToggleGroupImplProps = {
         role: 'group',
@@ -462,7 +453,7 @@ const ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(
           {rovingFocus ? (
             <RovingFocusGroup
               asChild="except-style"
-              {...rovingFocusGroupScope}
+              __scopeRovingFocusGroup={__scopeToggleGroup || TOGGLE_GROUP_CONTEXT}
               orientation={orientation}
               dir={direction}
               loop={loop}
@@ -493,7 +484,7 @@ const ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(
   )
 )
 
-export { ToggleGroup, createToggleGroupScope }
+export { ToggleGroup }
 export type {
   ToggleGroupItemProps,
   ToggleGroupMultipleProps,

package/types/ToggleGroup.d.ts

@@ -1,10 +1,8 @@
-import { Scope } from '@tamagui/create-context';
 import { GroupProps } from '@tamagui/group';
 import { RovingFocusGroup } from '@tamagui/roving-focus';
 import { GetProps, SizeTokens } from '@tamagui/web';
 import React from 'react';
 import { ToggleFrame } from './Toggle';
-declare const createToggleGroupScope: import("@tamagui/create-context").CreateScope;
 type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {
     value: string;
     id?: string;
@@ -22,7 +20,11 @@ interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
     type: 'multiple';
 }
 type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
-declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<ToggleGroupSingleProps, "ref"> | Omit<ToggleGroupMultipleProps, "ref">) & React.RefAttributes<HTMLElement>> & {
+declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<ToggleGroupSingleProps & {
+    __scopeToggleGroup?: string | undefined;
+}, "ref"> | Omit<ToggleGroupMultipleProps & {
+    __scopeToggleGroup?: string | undefined;
+}, "ref">) & React.RefAttributes<HTMLElement>> & {
     Item: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & {
         style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
     } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
@@ -201,7 +203,7 @@ declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiCompone
     disablePassBorderRadius?: (boolean | "bottom" | "end" | "start" | "top") | undefined;
     forceUseItem?: boolean | undefined;
 } & {
-    __scopeGroup?: Scope;
+    __scopeGroup?: import("@tamagui/create-context").Scope;
 } & React.RefAttributes<import("@tamagui/web").TamaguiElement> & Omit<import("@tamagui/web").StackProps, "style" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-labelledby" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-live" | "aria-modal" | "accessibilityLiveRegion" | "accessibilityLabelledBy" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "elevation" | keyof {
     columnGap?: import("@tamagui/web").SpaceValue | undefined;
     contain?: import("csstype").Property.Contain | undefined;
@@ -312,7 +314,7 @@ declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiCompone
     disablePassBorderRadius?: (boolean | "bottom" | "end" | "start" | "top") | undefined;
     forceUseItem?: boolean | undefined;
 } & {
-    __scopeGroup?: Scope;
+    __scopeGroup?: import("@tamagui/create-context").Scope;
 } & React.RefAttributes<import("@tamagui/web").TamaguiElement> & Omit<import("@tamagui/web").StackProps, "style" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-labelledby" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-live" | "aria-modal" | "accessibilityLiveRegion" | "accessibilityLabelledBy" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "elevation" | keyof {
     columnGap?: import("@tamagui/web").SpaceValue | undefined;
     contain?: import("csstype").Property.Contain | undefined;
@@ -423,7 +425,7 @@ declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiCompone
     disablePassBorderRadius?: (boolean | "bottom" | "end" | "start" | "top") | undefined;
     forceUseItem?: boolean | undefined;
 } & {
-    __scopeGroup?: Scope;
+    __scopeGroup?: import("@tamagui/create-context").Scope;
 } & React.RefAttributes<import("@tamagui/web").TamaguiElement> & Omit<import("@tamagui/web").StackProps, "style" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-labelledby" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-live" | "aria-modal" | "accessibilityLiveRegion" | "accessibilityLabelledBy" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "elevation" | keyof {
     columnGap?: import("@tamagui/web").SpaceValue | undefined;
     contain?: import("csstype").Property.Contain | undefined;
@@ -534,7 +536,7 @@ declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiCompone
     disablePassBorderRadius?: (boolean | "bottom" | "end" | "start" | "top") | undefined;
     forceUseItem?: boolean | undefined;
 } & {
-    __scopeGroup?: Scope;
+    __scopeGroup?: import("@tamagui/create-context").Scope;
 } & React.RefAttributes<import("@tamagui/web").TamaguiElement> & Omit<import("@tamagui/web").StackProps, "style" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-labelledby" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-live" | "aria-modal" | "accessibilityLiveRegion" | "accessibilityLabelledBy" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "elevation" | keyof {
     columnGap?: import("@tamagui/web").SpaceValue | undefined;
     contain?: import("csstype").Property.Contain | undefined;
@@ -579,7 +581,7 @@ declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiCompone
 }, {
     displayName: string | undefined;
     Item: (props: import("@tamagui/group").GroupItemProps & {
-        __scopeGroup?: Scope;
+        __scopeGroup?: import("@tamagui/create-context").Scope;
     }) => any;
 }>;
 type ToggleGroupImplProps = GetProps<typeof ToggleGroupImplElementFrame> & GroupProps & {
@@ -588,6 +590,6 @@ type ToggleGroupImplProps = GetProps<typeof ToggleGroupImplElementFrame> & Group
     loop?: RovingFocusGroupProps['loop'];
     sizeAdjust?: number;
 };
-export { ToggleGroup, createToggleGroupScope };
+export { ToggleGroup };
 export type { ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, };
 //# sourceMappingURL=ToggleGroup.d.ts.map

package/types/ToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../src/ToggleGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../src/ToggleGroup.tsx"],"names":[],"mappings":"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"}