react-native-acoustic-connect-beta 16.0.41 → 18.0.7

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/FormControl/types.tsx

@@ -1,102 +0,0 @@
-import type { ITextProps } from '../../primitives';
-import type { CustomProps } from '../../../components/types/utils';
-import type { IBoxProps, IStackProps } from '../../primitives';
-import type { InterfaceBoxProps } from '../../../components/primitives/Box';
-
-export interface InterfaceFormControlProps
-  extends InterfaceBoxProps<IFormControlProps> {
-  /**
-   * If provided, this prop is passed to its children.
-   */
-  nativeID?: string;
-  /**
-   * If true, this prop is passed to its children.
-   */
-  isInvalid?: boolean;
-  /**
-   * If true, this prop is passed to its children.
-   */
-  isRequired?: boolean;
-  /**
-   * If true, this prop is passed to its children.
-   */
-  isDisabled?: boolean;
-  /**
-   * If true, this prop is passed to its children.
-   */
-  isReadOnly?: boolean;
-}
-
-export interface IFormControlLabelProps extends IFormControlProps {
-  /**
-   * Passed props will be applied on disabled state.
-   */
-  _disabled?: Partial<IBoxProps<IFormControlLabelProps>>;
-  // _focus?: any;
-  /**
-   * Passed props will be applied on invalid state.
-   */
-  _invalid?: Partial<IBoxProps<IFormControlLabelProps>>;
-  /**
-   * Reflects the value of the 'for' content property.
-   */
-  htmlFor?: string;
-  /**
-   * Props applied to astrick text
-   */
-  _astrick?: Partial<ITextProps>;
-}
-export interface IFormControlErrorMessageProps extends IFormControlProps {
-  /**
-   * Passed props will be applied on disabled state.
-   */
-  _disabled?: Partial<IBoxProps<IFormControlLabelProps>>;
-  /**
-   * The right icon element to use in the FormControl.ErrorMessage.
-   */
-  rightIcon?: JSX.Element | Array<JSX.Element>;
-  /**
-   * The left icon element to use in the FormControl.ErrorMessage.
-   */
-  leftIcon?: JSX.Element | Array<JSX.Element>;
-  /**
-   * The start icon element to use in the FormControl.ErrorMessage.
-   */
-  startIcon?: JSX.Element | Array<JSX.Element>;
-  /**
-   * The end icon element to use in the FormControl.ErrorMessage.
-   */
-  endIcon?: JSX.Element | Array<JSX.Element>;
-  /**
-   * Props to be passed to the HStack used inside of FormControl.ErrorMessage.
-   */
-  _stack?: Partial<IStackProps>;
-}
-export interface IFormControlHelperTextProps extends IFormControlProps {
-  /**
-   * Passed props will be applied on disabled state.
-   */
-  _disabled?: Partial<IBoxProps<IFormControlLabelProps>>;
-  // _focus?: any;
-  /**
-   * Passed props will be applied on invalid state.
-   */
-  _invalid?: Partial<IBoxProps<IFormControlLabelProps>>;
-}
-
-export type FormControlComponentType = ((
-  props: IFormControlProps
-) => JSX.Element) & {
-  Label: React.MemoExoticComponent<
-    (props: IFormControlLabelProps) => JSX.Element
-  >;
-  ErrorMessage: React.MemoExoticComponent<
-    (props: IFormControlErrorMessageProps) => JSX.Element
-  >;
-  HelperText: React.MemoExoticComponent<
-    (props: IFormControlHelperTextProps) => JSX.Element
-  >;
-};
-
-export type IFormControlProps = InterfaceFormControlProps &
-  CustomProps<'FormControl'>;

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/FormControl/useFormControl.tsx

@@ -1,103 +0,0 @@
-import React from 'react';
-import { useId } from '@react-native-aria/utils';
-import omit from 'lodash.omit';
-import type { IFormControlProps } from './types';
-import { ariaAttr } from '../../../utils';
-
-export type IFormControlContext = Omit<
-  ReturnType<typeof useFormControlProvider>,
-  'htmlProps'
->;
-
-export const FormControlContext = React.createContext({});
-
-export function useFormControlProvider(props: IFormControlProps) {
-  const {
-    nativeID: idProp,
-    isRequired,
-    isInvalid,
-    isDisabled,
-    isReadOnly,
-    ...htmlProps
-  } = props;
-
-  const id = useId();
-  // Generate all the required ids
-  const nativeID = idProp || `field-${id}`;
-
-  const labelId = `${nativeID}-label`;
-  const feedbackId = `${nativeID}-feedback`;
-  const helpTextId = `${nativeID}-helptext`;
-
-  /**
-   * Track whether the `FormErrorMessage` has been rendered.
-   * We use this to append its id the the `aria-describedby` of the `input`.
-   */
-  const [hasFeedbackText, setHasFeedbackText] = React.useState(false);
-
-  /**
-   * Track whether the `FormHelperText` has been rendered.
-   * We use this to append its id the the `aria-describedby` of the `input`.
-   */
-  const [hasHelpText, setHasHelpText] = React.useState(false);
-
-  const context = {
-    isRequired: !!isRequired,
-    isInvalid: !!isInvalid,
-    isReadOnly: !!isReadOnly,
-    isDisabled: !!isDisabled,
-    hasFeedbackText,
-    setHasFeedbackText,
-    hasHelpText,
-    setHasHelpText,
-    nativeID,
-    labelId,
-    feedbackId,
-    helpTextId,
-    htmlProps,
-  };
-
-  return context;
-}
-
-/**
- * React hook that provides the props that should be spread on to
- * input fields (`input`, `select`, `textarea`, etc.).
- *
- * It provides a convenient way to control a form fields, validation
- * and helper text.
- */
-export function useFormControl(props: IFormControlProps) {
-  const field = useFormControlContext();
-  const describedBy: any[] = [];
-
-  // Error message must be described first in all scenarios.
-  if (field?.hasFeedbackText) describedBy.push(field?.feedbackId);
-  if (field?.hasHelpText) describedBy.push(field?.helpTextId);
-  const ariaDescribedBy = describedBy.join(' ');
-
-  const cleanProps = omit(props, [
-    'isInvalid',
-    'isDisabled',
-    'isReadOnly',
-    'isRequired',
-  ]);
-
-  return {
-    ...cleanProps,
-    nativeID: props.nativeID ?? field?.nativeID,
-    disabled: props.isDisabled || field?.isDisabled,
-    readOnly: props.isReadOnly || field?.isReadOnly,
-    required: props.isRequired || field?.isRequired,
-    accessibilityInvalid: ariaAttr(props.isInvalid || field?.isInvalid),
-    accessibilityRequired: ariaAttr(props.isRequired || field?.isRequired),
-    accessibilityReadOnly: ariaAttr(props.isReadOnly || field?.isReadOnly),
-    accessibilityDescribedBy: ariaDescribedBy || undefined,
-  };
-}
-
-export const useFormControlContext = () => {
-  return (React.useContext(
-    FormControlContext
-  ) as unknown) as IFormControlContext;
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/IconButton/index.tsx

@@ -1,91 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import { Pressable } from '../../primitives/Pressable';
-import { Icon } from '../../primitives/Icon';
-import { usePropsResolution } from '../../../hooks/useThemeProps';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-import { composeEventHandlers } from '../../../utils';
-import type { IIconButtonProps } from './types';
-import {
-  useHover,
-  useFocus,
-  useIsPressed,
-} from '../../primitives/Pressable/Pressable';
-import { useFocusRing } from '@react-native-aria/focus';
-
-const IconButton = (
-  {
-    icon,
-    children,
-    isHovered: isHoveredProp,
-    isPressed: isPressedProp,
-    isFocused: isFocusedProp,
-    isFocusVisible: isFocusVisibleProp,
-    isDisabled,
-    ...props
-  }: IIconButtonProps,
-  ref: any
-) => {
-  const { hoverProps, isHovered } = useHover();
-  const { pressableProps, isPressed } = useIsPressed();
-  const { focusProps, isFocused } = useFocus();
-  const { isFocusVisible, focusProps: focusRingProps }: any = useFocusRing();
-
-  const {
-    _icon,
-    onPressIn,
-    onPressOut,
-    onHoverIn,
-    onHoverOut,
-    onFocus,
-    onBlur,
-    ...resolvedProps
-  } = usePropsResolution('IconButton', props, {
-    isHovered: isHoveredProp || isHovered,
-    isPressed: isPressedProp || isPressed,
-    isFocused: isFocusedProp || isFocused,
-    isFocusVisible: isFocusVisibleProp || isFocusVisible,
-    isDisabled,
-  });
-
-  let clonedIcon;
-  if (icon) {
-    clonedIcon = React.cloneElement(icon, {
-      ..._icon,
-      ...icon?.props,
-    });
-  }
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-
-  return (
-    <Pressable
-      accessibilityRole="button"
-      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
-      )}
-      {...resolvedProps}
-    >
-      {clonedIcon || <Icon {..._icon}>{children}</Icon>}
-    </Pressable>
-  );
-};
-
-export default memo(forwardRef(IconButton));
-export type { IIconButtonProps };

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/IconButton/types.ts

@@ -1,78 +0,0 @@
-import type { InterfacePressableProps } from '../../primitives/Pressable/types';
-import type { IIconProps } from '../../primitives/Icon';
-import type { ColorSchemeType, PlatformProps } from '../../../components/types';
-
-import type { CustomProps, VariantType } from '../../types';
-import type { ThemeComponentSizeType } from '../../../components/types/utils';
-export interface InterfaceIconButtonProps
-  extends Omit<
-      InterfacePressableProps,
-      | 'children'
-      | 'color'
-      | '_light'
-      | '_dark'
-      | '_web'
-      | '_android'
-      | '_ios'
-      | '_important'
-    >,
-    Omit<
-      IIconProps,
-      | 'delayLongPress'
-      | 'disabled'
-      | 'hitSlop'
-      | 'onLongPress'
-      | 'onPress'
-      | 'onPressIn'
-      | 'onPressOut'
-      | 'style'
-      | 'size'
-      | '_light'
-      | '_dark'
-      | '_web'
-      | '_android'
-      | '_ios'
-      | '_important'
-    >,
-    PlatformProps<IIconButtonProps> {
-  /**
-   * The color of the radio when it's checked. This should be one of the color keys in the theme (e.g."green", "red").
-   * @default 'primary'
-   */
-  colorScheme?: ColorSchemeType;
-  /**
-   * The variant of the button style to use.
-   * @default 'ghost'
-   */
-  variant?: VariantType<'IconButton'>;
-  /**
-   * The size of the button.
-   */
-  size?: ThemeComponentSizeType<'IconButton'>;
-  /**
-   * If true, the button will be disabled.
-   */
-  isDisabled?: boolean;
-  /**
-   * The icon to be used. Refer to the Icon section of the docs for the available icon options.
-   */
-  icon?: JSX.Element;
-  /**
-   * Props to be passed to the icon used inside of IconButton.
-   */
-  _icon?: Partial<IIconProps>;
-  /**
-   *
-   */
-  _hover?: Omit<Partial<IIconButtonProps>, '_hover'>;
-  /**
-   *
-   */
-  _pressed?: Omit<Partial<IIconButtonProps>, '_pressed'>;
-  /**
-   *
-   */
-  _focus?: Omit<Partial<IIconButtonProps>, '_focus'>;
-}
-
-export type IIconButtonProps = InterfaceIconButtonProps & CustomProps<'Icon'>;

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/KBD/index.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Box } from '../../primitives';
-import { useThemeProps } from '../../../hooks';
-import type { IKbdProps } from './types';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const Kbd = ({ children, ...props }: IKbdProps, ref?: any) => {
-  const newProps = useThemeProps('Kbd', props);
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <Box {...newProps} ref={ref}>
-      {children}
-    </Box>
-  );
-};
-
-export default React.memo(React.forwardRef(Kbd));
-export type { IKbdProps };

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/KBD/types.ts

@@ -1,3 +0,0 @@
-import type { CustomProps } from '../../../components/types/utils';
-import type { InterfaceBoxProps } from '../../primitives/Box';
-export type IKbdProps = InterfaceBoxProps<IKbdProps> & CustomProps<'Kbd'>;

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/Menu/Menu.tsx

@@ -1,130 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import type { IMenuProps } from './types';
-import Box from '../../primitives/Box';
-import { usePropsResolution } from '../../../hooks/useThemeProps';
-import { Popper } from '../Popper';
-import { AccessibilityInfo, ScrollView } from 'react-native';
-import { useControllableState } from '../../../hooks';
-import { useMenuTrigger, useMenu, useMenuTypeahead } from './useMenu';
-import Backdrop from '../Backdrop';
-import { PresenceTransition } from '../Transitions';
-import { FocusScope } from '@react-native-aria/focus';
-import { MenuContext } from './MenuContext';
-import { Overlay } from '../../primitives/Overlay';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const Menu = (
-  {
-    trigger,
-    closeOnSelect = true,
-    children,
-    onOpen,
-    onClose,
-    isOpen: isOpenProp,
-    defaultIsOpen,
-    placement = 'bottom left',
-    ...props
-  }: IMenuProps,
-  ref?: any
-) => {
-  const triggerRef = React.useRef(null);
-  const [isOpen, setIsOpen] = useControllableState({
-    value: isOpenProp,
-    defaultValue: defaultIsOpen,
-    onChange: (value) => {
-      value ? onOpen && onOpen() : onClose && onClose();
-    },
-  });
-
-  const {
-    _overlay,
-    _presenceTransition,
-    _backdrop,
-    ...resolvedProps
-  } = usePropsResolution('Menu', props);
-  const handleOpen = React.useCallback(() => {
-    setIsOpen(true);
-  }, [setIsOpen]);
-
-  const handleClose = React.useCallback(() => {
-    setIsOpen(false);
-  }, [setIsOpen]);
-
-  const triggerProps = useMenuTrigger({
-    handleOpen,
-    isOpen,
-  });
-
-  const updatedTrigger = () => {
-    return trigger(
-      {
-        ...triggerProps,
-        ref: triggerRef,
-        onPress: handleOpen,
-      },
-      { open: isOpen }
-    );
-  };
-
-  React.useEffect(() => {
-    if (isOpen) {
-      AccessibilityInfo.announceForAccessibility('Popup window');
-    }
-  }, [isOpen]);
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(resolvedProps)) {
-    return null;
-  }
-  return (
-    <>
-      {updatedTrigger()}
-      <Overlay
-        isOpen={isOpen}
-        onRequestClose={handleClose}
-        useRNModalOnAndroid
-        {..._overlay}
-        unmountOnExit
-      >
-        <PresenceTransition visible={isOpen} {..._presenceTransition}>
-          <Popper
-            triggerRef={triggerRef}
-            onClose={handleClose}
-            placement={placement}
-            {...resolvedProps}
-          >
-            <Backdrop onPress={handleClose} {..._backdrop} />
-            <Popper.Content isOpen={isOpen}>
-              <MenuContext.Provider
-                value={{ closeOnSelect, onClose: handleClose }}
-              >
-                <FocusScope contain restoreFocus autoFocus>
-                  <MenuContent menuRef={ref} {...resolvedProps}>
-                    {children}
-                  </MenuContent>
-                </FocusScope>
-              </MenuContext.Provider>
-            </Popper.Content>
-          </Popper>
-        </PresenceTransition>
-      </Overlay>
-    </>
-  );
-};
-
-const MenuContent = ({
-  menuRef,
-  children,
-  ...props
-}: Omit<IMenuProps, 'trigger'> & { menuRef: any }) => {
-  const menuProps = useMenu();
-  const typeaheadProps = useMenuTypeahead(menuProps);
-
-  return (
-    <Box {...props} {...menuProps} {...typeaheadProps} ref={menuRef}>
-      <ScrollView>{children}</ScrollView>
-    </Box>
-  );
-};
-
-export default memo(forwardRef(Menu));

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/Menu/MenuContext.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export const MenuContext = React.createContext({
-  closeOnSelect: true,
-  onClose: () => {},
-});

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/Menu/MenuGroup.tsx

@@ -1,30 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import Text from '../../primitives/Text';
-import { usePropsResolution } from '../../../hooks/useThemeProps';
-import Box from '../../primitives/Box';
-import type { IMenuGroupProps } from './types';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const MenuGroup = (
-  { title, children, ...props }: IMenuGroupProps,
-  ref: any
-) => {
-  const { _title, ...resolvedProps } = usePropsResolution('MenuGroup', props);
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps({ ...props, title })) {
-    return null;
-  }
-
-  //TODO: Can be simplified
-  return (
-    <>
-      <Box {...resolvedProps} ref={ref}>
-        <Text {..._title}>{title}</Text>
-      </Box>
-      {children}
-    </>
-  );
-};
-
-export default memo(forwardRef(MenuGroup));

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/Menu/MenuItem.tsx

@@ -1,80 +0,0 @@
-import React, { forwardRef, memo } from 'react';
-import Text from '../../primitives/Text';
-import { usePropsResolution } from '../../../hooks/useThemeProps';
-import { Pressable } from '../../primitives/Pressable';
-import type { IMenuItemProps } from './types';
-import { MenuContext } from './MenuContext';
-import { useMenuItem } from './useMenu';
-import { mergeRefs } from '../../../utils';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const MenuItem = (
-  { children, isDisabled, onPress, textValue, ...props }: IMenuItemProps,
-  ref: any
-) => {
-  const { closeOnSelect, onClose } = React.useContext(MenuContext);
-  const menuItemRef = React.useRef<any>(null);
-  const mergedRef = mergeRefs([menuItemRef, ref]);
-  const { _text, ...resolvedProps } = usePropsResolution(
-    'MenuItem',
-    props,
-    {
-      isDisabled,
-    },
-    {
-      cascadePseudoProps: true,
-    }
-  );
-  const [textContent, setTextContent] = React.useState('');
-  React.useEffect(() => {
-    const menuItem = menuItemRef.current;
-    if (menuItem) {
-      setTextContent((menuItem.textContent ?? '').trim());
-    }
-  }, [children]);
-
-  const menuItemProps = useMenuItem({
-    textValue: textValue ?? textContent,
-    ref: menuItemRef,
-  });
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <Pressable
-      {...menuItemProps}
-      {...resolvedProps}
-      ref={mergedRef}
-      disabled={isDisabled}
-      accessibilityState={{
-        disabled: isDisabled,
-      }}
-      onPress={(e: any) => {
-        if (!isDisabled) {
-          onPress && onPress(e);
-          if (closeOnSelect) {
-            onClose && onClose();
-          }
-        }
-      }}
-    >
-      <>
-        {React.Children.map(children, (child, index: any) => {
-          if (typeof child === 'string' || typeof child === 'number') {
-            return (
-              <Text {..._text} key={`menu-item-${index}`}>
-                {child}
-              </Text>
-            );
-          } else {
-            return child;
-          }
-        })}
-      </>
-    </Pressable>
-  );
-};
-
-export default memo(forwardRef(MenuItem));