react-native-acoustic-connect-beta 17.0.2 → 18.0.8

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/primitives/Pressable/Pressable.tsx

@@ -1,120 +0,0 @@
-import React, { forwardRef, memo } from 'react';
-import { Pressable as RNPressable } from 'react-native';
-import { composeEventHandlers } from '../../../utils';
-import type { IPressableProps } from './types';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-import { makeStyledComponent } from '../../../utils/styled';
-import { usePropsResolution } from '../../../hooks/useThemeProps';
-import { useFocusRing } from '@react-native-aria/focus';
-
-export const useHover = () => {
-  const [isHovered, setHovered] = React.useState(false);
-  return {
-    hoverProps: {
-      onHoverIn: () => setHovered(true),
-      onHoverOut: () => setHovered(false),
-    },
-    isHovered,
-  };
-};
-
-export const useFocus = () => {
-  const [isFocused, setFocused] = React.useState(false);
-  return {
-    focusProps: {
-      onFocus: () => setFocused(true),
-      onBlur: () => setFocused(false),
-    },
-    isFocused,
-  };
-};
-
-export const useIsPressed = () => {
-  const [isPressed, setIsPressed] = React.useState(false);
-  return {
-    pressableProps: {
-      onPressIn: () => setIsPressed(true),
-      onPressOut: () => setIsPressed(false),
-    },
-    isPressed,
-  };
-};
-
-const StyledPressable = makeStyledComponent(RNPressable);
-
-const Pressable = (
-  {
-    children,
-    isDisabled,
-    disabled,
-    isHovered: isHoveredProp,
-    isPressed: isPressedProp,
-    isFocused: isFocusedProp,
-    isFocusVisible: isFocusVisibleProp,
-    ...props
-  }: IPressableProps,
-  ref: any
-) => {
-  const { hoverProps, isHovered } = useHover();
-  const { pressableProps, isPressed } = useIsPressed();
-  const { focusProps, isFocused } = useFocus();
-  const { isFocusVisible, focusProps: focusRingProps }: any = useFocusRing();
-
-  const {
-    onPressIn,
-    onPressOut,
-    onHoverIn,
-    onHoverOut,
-    onFocus,
-    onBlur,
-    ...resolvedProps
-  } = usePropsResolution('Pressable', props, {
-    isPressed: isPressedProp || isPressed,
-    isFocused: isFocusedProp || isFocused,
-    isHovered: isHoveredProp || isHovered,
-    isFocusVisible: isFocusVisibleProp || isFocusVisible,
-    isDisabled: disabled || isDisabled,
-  });
-
-  // TODO: Replace Render props with Context Hook
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-
-  // TODO: Replace Render props with Context Hook
-  return (
-    <StyledPressable
-      ref={ref}
-      onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}
-      onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}
-      // @ts-ignore - web only
-      onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}
-      // @ts-ignore - web only
-      onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}
-      // @ts-ignore - web only
-      onFocus={composeEventHandlers(
-        composeEventHandlers(onFocus, focusProps.onFocus),
-        focusRingProps.onFocus
-      )}
-      // @ts-ignore - web only
-      onBlur={composeEventHandlers(
-        composeEventHandlers(onBlur, focusProps.onBlur),
-        focusRingProps.onBlur
-      )}
-      disabled={disabled || isDisabled}
-      {...resolvedProps}
-    >
-      {typeof children !== 'function'
-        ? children
-        : children({
-            isPressed,
-            isHovered,
-            isFocused,
-          })}
-    </StyledPressable>
-  );
-};
-
-export default memo(forwardRef(Pressable));

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/primitives/Pressable/index.tsx

@@ -1,2 +0,0 @@
-export { default as Pressable } from './Pressable';
-export type { IPressableProps } from './types';

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/primitives/Pressable/types.ts

@@ -1,85 +0,0 @@
-import type { PressableProps } from 'react-native';
-import type { StyledProps } from '../../../theme/types';
-import type { CustomProps, PlatformProps } from '../../types';
-export interface InterfacePressableProps<T = IPressableProps>
-  extends PressableProps,
-    StyledProps,
-    PlatformProps<T> {
-  /**
-   * Called when a mouse enters the Pressable
-   */
-  onHoverIn?: () => void;
-  /**
-   * Called when a mouse leaves the Pressable
-   */
-  onHoverOut?: () => void;
-  /**
-   * Called when Pressable receives focus
-   */
-  onFocus?: () => void;
-  /**
-   * Called when Pressable loses focus
-   */
-  onBlur?: () => void;
-  /**
-   * Style props to be applied when hovered
-   */
-  _hover?: Omit<Partial<IPressableProps>, '_hover'>;
-  /**
-   * Style props to be applied when pressed
-   */
-  _pressed?: Omit<Partial<IPressableProps>, '_pressed'>;
-  /**
-   * Style props to be applied when focus
-   */
-  _focus?: Omit<Partial<IPressableProps>, '_focus'>;
-
-  /**
-   * Style props to be applied when disabled
-   */
-  _disabled?: Omit<Partial<IPressableProps>, '_disabled'>;
-
-  /**
-   * 	If true, the p will be disabled.
-   */
-  isDisabled?: boolean;
-  /**
-   * 	If true, the p will be hovered.
-   */
-  isHovered?: boolean;
-  /**
-   * 	If true, the p will be pressed.
-   */
-  isPressed?: boolean;
-  /**
-   * 	If true, the p will be focused.
-   */
-  isFocused?: boolean;
-  /**
-   * 	If true, the focus ring will be visible .
-   */
-  isFocusVisible?: boolean;
-  /**
-   * Style props to be applied when focus visible. These styles will be only applied when user is interacting the app using a keyboard. (Web only)
-   */
-  _focusVisible?: Omit<Partial<IPressableProps>, '_focusVisible'>;
-
-  children?:
-    | React.ReactNode
-    | (({
-        isPressed,
-        isHovered,
-        isFocused,
-      }: {
-        isPressed: boolean;
-        isHovered: boolean;
-        isFocused: boolean;
-      }) => any);
-}
-
-// export type IPressableProps<T> =
-//   | InterfacePressableProps<T>
-//   & CustomProps<'Pressable'>;
-
-export type IPressableProps = InterfacePressableProps<IPressableProps> &
-  CustomProps<'Pressable'>;

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/primitives/Radio/Radio.tsx

@@ -1,208 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import { Pressable, IPressableProps } from '../Pressable';
-import { Center } from '../../composites/Center';
-import Box from '../Box';
-import { Stack } from '../Stack';
-import { usePropsResolution } from '../../../hooks/useThemeProps';
-import { wrapStringChild } from '../../../utils/wrapStringChild';
-import type { IRadioProps } from './types';
-import { useRadio } from '@react-native-aria/radio';
-import { RadioContext } from './RadioGroup';
-import { mergeRefs } from '../../../utils';
-import { CircleIcon } from '../Icon/Icons';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-import {
-  composeEventHandlers,
-  combineContextAndProps,
-  isEmptyObj,
-} from '../../../utils';
-import { extractInObject, stylingProps } from '../../../theme/tools/utils';
-import {
-  useHover,
-  useFocus,
-  useIsPressed,
-} from '../../primitives/Pressable/Pressable';
-import { useFormControlContext } from '../../composites/FormControl';
-
-const RadioComponent = memo(
-  forwardRef(
-    (
-      {
-        icon,
-        inputProps,
-        combinedProps,
-        size,
-        children,
-        wrapperRef,
-        isHovered: isHoveredProp,
-        isPressed: isPressedProp,
-        isFocused: isFocusedProp,
-      }: any,
-      ref: any
-    ) => {
-      const { isInvalid, isReadOnly, isIndeterminate } = combinedProps;
-      const { hoverProps, isHovered } = useHover();
-      const { pressableProps, isPressed } = useIsPressed();
-      const { focusProps, isFocused } = useFocus();
-
-      const { disabled: isDisabled, checked: isChecked } = inputProps;
-
-      const {
-        onPressIn,
-        onPressOut,
-        onHoverIn,
-        onHoverOut,
-        onFocus,
-        onBlur,
-        _interactionBox,
-        _icon,
-        _stack,
-        _text,
-        ...resolvedProps
-      } = usePropsResolution(
-        'Radio',
-        {
-          ...combinedProps,
-          size,
-        },
-        {
-          isInvalid,
-          isReadOnly,
-          isDisabled,
-          isIndeterminate,
-          isChecked,
-          isHovered: isHoveredProp || isHovered,
-          isPressed: isPressedProp || isPressed,
-          isFocused: isFocusedProp || isFocused,
-        }
-      );
-
-      const [, cleanInputProps] = extractInObject(inputProps, [
-        ...stylingProps.margin,
-        ...stylingProps.layout,
-        ...stylingProps.flexbox,
-        ...stylingProps.position,
-        ...stylingProps.background,
-        ...stylingProps.padding,
-        ...stylingProps.border,
-        '_text',
-      ]);
-
-      // only calling below function when icon exist.
-      const sizedIcon = () =>
-        //@ts-ignore
-        React.cloneElement(icon, {
-          ..._icon,
-        });
-
-      return (
-        <Pressable
-          disabled={isDisabled}
-          {...pressableProps}
-          {...(cleanInputProps as IPressableProps)}
-          ref={mergeRefs([ref, wrapperRef])}
-          accessibilityRole="radio"
-          onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}
-          onPressOut={composeEventHandlers(
-            onPressOut,
-            pressableProps.onPressOut
-          )}
-          // @ts-ignore - web only
-          onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}
-          // @ts-ignore - web only
-          onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}
-          // @ts-ignore - web only
-          onFocus={composeEventHandlers(
-            composeEventHandlers(onFocus, focusProps.onFocus)
-            // focusRingProps.onFocu
-          )}
-          // @ts-ignore - web only
-          onBlur={composeEventHandlers(
-            composeEventHandlers(onBlur, focusProps.onBlur)
-            // focusRingProps.onBlur
-          )}
-        >
-          <Stack {..._stack}>
-            <Center>
-              {/* Interaction Wrapper */}
-              <Box {..._interactionBox} />
-              {/* radio */}
-              <Center {...resolvedProps}>
-                {icon && sizedIcon && isChecked ? (
-                  sizedIcon()
-                ) : (
-                  <CircleIcon {..._icon} opacity={isChecked ? 1 : 0} />
-                )}
-              </Center>
-            </Center>
-            {/* Label */}
-            {wrapStringChild(children, _text)}
-          </Stack>
-        </Pressable>
-      );
-    }
-  )
-);
-
-const Radio = (
-  {
-    icon,
-    children,
-    size,
-    wrapperRef,
-    isHovered: isHoveredProp,
-    isPressed: isPressedProp,
-    isFocused: isFocusedProp,
-    ...props
-  }: IRadioProps,
-  ref: any
-) => {
-  const formControlContext = useFormControlContext();
-  const contextState = React.useContext(RadioContext);
-  const combinedProps = combineContextAndProps(
-    { ...formControlContext, ...contextState },
-    props
-  );
-  const inputRef = React.useRef(null);
-  const radioState = useRadio(
-    { ...combinedProps, 'aria-label': props.accessibilityLabel, children },
-    contextState.state ?? {},
-    inputRef
-  );
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const inputProps = React.useMemo(() => radioState.inputProps, [
-    radioState.inputProps.checked,
-    radioState.inputProps.disabled,
-  ]);
-
-  const [contextCombinedProps] = React.useState({
-    ...combinedProps,
-  });
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  if (isEmptyObj(contextState)) {
-    console.error('Error: Radio must be wrapped inside a Radio.Group');
-    return <></>;
-  }
-
-  return (
-    <RadioComponent
-      inputProps={inputProps}
-      combinedProps={contextCombinedProps}
-      children={children}
-      size={size}
-      ref={ref}
-      icon={icon}
-      wrapperRef={wrapperRef}
-      isHovered={isHoveredProp}
-      isPressed={isPressedProp}
-      isFocused={isFocusedProp}
-    />
-  );
-};
-
-export default memo(forwardRef(Radio));

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/primitives/Radio/Radio.web.tsx

@@ -1,162 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import Box from '../Box';
-import { Stack } from '../Stack';
-import { Center } from '../../composites/Center';
-import { usePropsResolution } from '../../../hooks/useThemeProps';
-import { wrapStringChild } from '../../../utils/wrapStringChild';
-import type { IRadioProps } from './types';
-import { mergeRefs } from './../../../utils';
-import { useHover } from '@react-native-aria/interactions';
-import { useRadio } from '@react-native-aria/radio';
-import { VisuallyHidden } from '@react-aria/visually-hidden';
-import { RadioContext } from './RadioGroup';
-import { useFocusRing } from '@react-native-aria/focus';
-import { CircleIcon } from '../Icon/Icons';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-import { combineContextAndProps, isEmptyObj } from '../../../utils';
-import { useFormControlContext } from '../../composites/FormControl';
-
-const RadioComponent = memo(
-  forwardRef(
-    (
-      {
-        icon,
-        inputProps,
-        combinedProps,
-        children,
-        wrapperRef,
-        isHovered: isHoveredProp,
-        isFocusVisible: isFocusVisibleProp,
-        ...props
-      }: any,
-      ref: any
-    ) => {
-      const { isInvalid, isReadOnly, isIndeterminate } = combinedProps;
-      const { disabled: isDisabled, checked: isChecked } = inputProps;
-      const _ref = React.useRef(null);
-      const { isHovered } = useHover({}, _ref);
-      const mergedRefs = mergeRefs([_ref, wrapperRef]);
-      const { focusProps, isFocusVisible } = useFocusRing();
-
-      const {
-        _interactionBox,
-        _icon,
-        _stack,
-        _text,
-        ...resolvedProps
-      } = usePropsResolution('Radio', combinedProps, {
-        isInvalid,
-        isReadOnly,
-        isFocusVisible: isFocusVisibleProp || isFocusVisible,
-        isDisabled,
-        isIndeterminate,
-        isChecked,
-        isHovered: isHoveredProp || isHovered,
-      });
-
-      // only calling below function when icon exist.
-      const sizedIcon = () =>
-        //@ts-ignore
-        React.cloneElement(icon, {
-          ..._icon,
-        });
-
-      const component = (
-        <Stack {..._stack}>
-          <Center>
-            {/* Interaction Box */}
-            <Box {..._interactionBox} />
-            {/* Radio */}
-            <Center {...resolvedProps}>
-              {icon && sizedIcon && isChecked ? (
-                sizedIcon()
-              ) : (
-                <CircleIcon {..._icon} opacity={isChecked ? 1 : 0} />
-              )}
-            </Center>
-          </Center>
-          {wrapStringChild(children, _text)}
-        </Stack>
-      );
-      //TODO: refactor for responsive prop
-      if (useHasResponsiveProps(props)) {
-        return null;
-      }
-
-      return (
-        <Box
-          // @ts-ignore - RN web supports accessibilityRole="label"
-          accessibilityRole="label"
-          ref={mergedRefs}
-        >
-          <VisuallyHidden>
-            <input {...inputProps} {...focusProps} ref={ref} />
-          </VisuallyHidden>
-          {component}
-        </Box>
-      );
-    }
-  )
-);
-
-const Radio = (
-  {
-    icon,
-    children,
-    wrapperRef,
-    isHovered: isHoveredProp,
-    isFocusVisible: isFocusVisibleProp,
-    ...props
-  }: IRadioProps,
-  ref: any
-) => {
-  const formControlContext = useFormControlContext();
-  const contextState = React.useContext(RadioContext);
-
-  const combinedProps = combineContextAndProps(
-    { ...formControlContext, ...contextState },
-    props
-  );
-
-  const inputRef = React.useRef(null);
-  const radioState = useRadio(
-    { ...combinedProps, 'aria-label': props.accessibilityLabel, children },
-    contextState.state ?? {},
-    inputRef
-  );
-
-  //@ts-ignore
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const inputProps = React.useMemo(() => radioState.inputProps, [
-    radioState.inputProps.checked,
-    radioState.inputProps.disabled,
-  ]);
-
-  const [contextCombinedProps] = React.useState({
-    ...combinedProps,
-  });
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  if (isEmptyObj(contextState)) {
-    console.error('Error: Radio must be wrapped inside a Radio.Group');
-    return <></>;
-  }
-
-  return (
-    <RadioComponent
-      inputProps={inputProps}
-      combinedProps={contextCombinedProps}
-      children={children}
-      ref={ref}
-      icon={icon}
-      wrapperRef={wrapperRef}
-      isHovered={isHoveredProp}
-      isFocusVisible={isFocusVisibleProp}
-    />
-  );
-};
-
-export default memo(forwardRef(Radio));

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/primitives/Radio/RadioGroup.tsx

@@ -1,60 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import { Stack } from '../Stack';
-import { useFormControlContext } from '../../composites/FormControl';
-import type { IRadioContext, IRadioGroupProps } from './types';
-import { useRadioGroupState } from '@react-stately/radio';
-import { useRadioGroup } from '@react-native-aria/radio';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-import { usePropsResolution } from '../../../hooks/useThemeProps';
-
-export const RadioContext = React.createContext<IRadioContext>(
-  {} as IRadioContext
-);
-const RadioWrapper = memo((props: any) => {
-  const resolvedProps = usePropsResolution('RadioGroup', props);
-  return <Stack {...resolvedProps} {...props.radioGroupProps} {...props} />;
-});
-
-const RadioGroup = (
-  { size, colorScheme, _radio, children, ...props }: IRadioGroupProps,
-  ref: any
-) => {
-  const formControlContext = useFormControlContext();
-
-  const state = useRadioGroupState(props);
-  const radioGroupState = useRadioGroup(
-    { ...formControlContext, ...props, 'aria-label': props.accessibilityLabel },
-    state
-  );
-  const [propsState] = React.useState(props);
-  const contextValue: any = React.useMemo(() => {
-    return {
-      formControlContext,
-      size,
-      colorScheme,
-      ..._radio,
-      state,
-    };
-  }, [size, colorScheme, formControlContext, state, _radio]);
-
-  const radioGroupProps = React.useMemo(
-    () => radioGroupState.radioGroupProps,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps({ ...props, size, colorScheme })) {
-    return null;
-  }
-
-  return (
-    <RadioContext.Provider value={contextValue}>
-      <RadioWrapper {...radioGroupProps} {...propsState} ref={ref}>
-        {children}
-      </RadioWrapper>
-    </RadioContext.Provider>
-  );
-};
-
-export default memo(forwardRef(RadioGroup));

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/primitives/Radio/index.tsx

@@ -1,17 +0,0 @@
-import RadioMain from './Radio';
-import RadioGroup from './RadioGroup';
-import type { IRadioComponentType } from './types';
-
-const RadioTemp: any = RadioMain;
-RadioTemp.Group = RadioGroup;
-
-// To add typings
-const Radio = RadioTemp as IRadioComponentType;
-
-export { Radio };
-export type {
-  IRadioProps,
-  IRadioGroupProps,
-  IRadioContext,
-  IRadioValue,
-} from './types';