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

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

@@ -1,51 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import Box, { IBoxProps } from '../../primitives/Box';
-import { usePropsResolution } from '../../../hooks';
-import { ModalContext } from './Context';
-import { Platform } from 'react-native';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const ModalContent = (props: IBoxProps, ref?: any) => {
-  const resolvedProps = usePropsResolution('ModalContent', props);
-  const {
-    contentSize,
-    initialFocusRef,
-    finalFocusRef,
-    handleClose,
-    visible,
-  } = React.useContext(ModalContext);
-  React.useEffect(() => {
-    const finalRefVal = finalFocusRef ? finalFocusRef.current : null;
-    if (visible) {
-      if (initialFocusRef && initialFocusRef.current) {
-        //@ts-ignore
-        initialFocusRef.current.focus();
-      }
-    } else {
-      if (finalRefVal) {
-        //@ts-ignore
-        finalRefVal.focus();
-      }
-    }
-  }, [initialFocusRef, finalFocusRef, visible]);
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <Box
-      {...contentSize}
-      {...resolvedProps}
-      ref={ref}
-      onAccessibilityEscape={handleClose}
-      //@ts-ignore - web only
-      aria-modal="true"
-      //@ts-ignore - web only
-      accessibilityRole={Platform.OS === 'web' ? 'dialog' : undefined}
-      accessibilityViewIsModal
-    />
-  );
-};
-
-export default memo(forwardRef(ModalContent));

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

@@ -1,15 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import Box, { IBoxProps } from '../../primitives/Box';
-import { usePropsResolution } from '../../../hooks';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const ModalFooter = (props: IBoxProps, ref?: any) => {
-  const resolvedProps = usePropsResolution('ModalFooter', props);
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return <Box {...resolvedProps} ref={ref} />;
-};
-
-export default memo(forwardRef(ModalFooter));

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

@@ -1,15 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import Box, { IBoxProps } from '../../primitives/Box';
-import { usePropsResolution } from '../../../hooks';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const ModalHeader = (props: IBoxProps, ref?: any) => {
-  const resolvedProps = usePropsResolution('ModalHeader', props);
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return <Box {...resolvedProps} ref={ref} />;
-};
-
-export default memo(forwardRef(ModalHeader));

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

@@ -1,20 +0,0 @@
-import Modal from './Modal';
-import ModalContent from './ModalContent';
-import ModalBody from './ModalBody';
-import ModalCloseButton from './ModalCloseButton';
-import ModalFooter from './ModalFooter';
-import ModalHeader from './ModalHeader';
-import type { IModalComponentType } from './types';
-
-const ModalTemp: any = Modal;
-
-ModalTemp.Content = ModalContent;
-ModalTemp.CloseButton = ModalCloseButton;
-ModalTemp.Header = ModalHeader;
-ModalTemp.Footer = ModalFooter;
-ModalTemp.Body = ModalBody;
-
-const ModalMain = ModalTemp as IModalComponentType;
-
-export { ModalMain as Modal };
-export type { IModalProps } from './types';

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

@@ -1,113 +0,0 @@
-import type { InterfaceBoxProps } from '../../primitives/Box';
-import type { IIconButtonProps } from '../../composites/IconButton';
-import type { MutableRefObject } from 'react';
-import type { CustomProps } from '../../../components/types';
-import type { IScrollViewProps } from '../../basic/ScrollView';
-import type { IFadeProps, ISlideProps } from '../Transitions';
-import type { ThemeComponentSizeType } from '../../../components/types/utils';
-export interface InterfaceModalProps extends InterfaceBoxProps<IModalProps> {
-  /**
-   * If true, the modal will open. Useful for controllable state behaviour
-   */
-  isOpen?: boolean;
-  /**
-   * Callback invoked when the modal is closed
-   */
-  onClose?: any;
-  /**
-   * If true, the modal will be opened by default
-   */
-  defaultIsOpen?: boolean;
-  /**
-   * The size of the modal
-   */
-  size?: ThemeComponentSizeType<'Modal'>;
-  /**
-   * The ref of element to receive focus when the modal opens.
-   */
-  initialFocusRef?: React.RefObject<any>;
-  /**
-   * The ref of element to receive focus when the modal closes.
-   */
-  finalFocusRef?: React.RefObject<any>;
-  /**
-   * If true and the keyboard is opened, the modal will move up equvivalent to the keyboard height.
-   * @default false
-   */
-  avoidKeyboard?: boolean;
-  /**
-   * If true, the modal will close when the overlay is clicked
-   * @default true
-   */
-  closeOnOverlayClick?: boolean;
-  /**
-   * If true, the modal will close when Escape key is pressed
-   * @default true
-   */
-  isKeyboardDismissable?: boolean;
-  /**
-   * If true, a backdrop element is visible
-   * @default true
-   */
-  overlayVisible?: boolean;
-  /**
-   * If true, a backdrop element is visible
-   * @default true
-   */
-  backdropVisible?: boolean;
-  /**
-   * Props applied on Overlay.
-   */
-  _backdrop?: any;
-  /**
-   * Sets the animation type
-   * @default "fade"
-   */
-  animationPreset?: 'fade' | 'slide';
-  /**
-   * Props applied on Overlay Animation.
-   */
-  _backdropFade?: Partial<IFadeProps>;
-  /**
-   * Props applied on Child Fade Animation.
-   */
-  _fade?: Partial<IFadeProps>;
-  /**
-   * Props applied on Child Slide Animation.
-   */
-  _slide?: Partial<ISlideProps>;
-}
-
-export type IModalComponentType = ((
-  props: IModalProps & { ref?: MutableRefObject<any> }
-) => JSX.Element) & {
-  Body: React.MemoExoticComponent<
-    (
-      props: InterfaceBoxProps<IModalProps> & {
-        _scrollview?: IScrollViewProps;
-      } & {
-        ref?: MutableRefObject<any>;
-      }
-    ) => JSX.Element
-  >;
-  CloseButton: React.MemoExoticComponent<
-    (props: IIconButtonProps & { ref?: MutableRefObject<any> }) => JSX.Element
-  >;
-  Content: React.MemoExoticComponent<
-    (
-      props: InterfaceBoxProps<IModalProps> & { ref?: MutableRefObject<any> }
-    ) => JSX.Element
-  >;
-  Footer: React.MemoExoticComponent<
-    (
-      props: InterfaceBoxProps<IModalProps> & { ref?: MutableRefObject<any> }
-    ) => JSX.Element
-  >;
-  Header: React.MemoExoticComponent<
-    (
-      props: InterfaceBoxProps<IModalProps> & { ref?: MutableRefObject<any> }
-    ) => JSX.Element
-  >;
-};
-
-export type IModalProps = InterfaceModalProps & CustomProps<'Modal'>;

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/NumberInput/Context.ts

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-
-export const NumberInputContext = createContext({});

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

@@ -1,41 +0,0 @@
-import React from 'react';
-import type { INumberInputContext, INumberInputStepperProps } from './types';
-import { NBStepper } from './NumberInputStepper';
-import { NumberInputContext } from './Context';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const NumberDecrementStepper = (
-  { children, isDisabled: pIsDisabled, ...props }: INumberInputStepperProps,
-  ref?: any
-) => {
-  const {
-    numberInputValue = 0,
-    step = 1,
-    min = -Infinity,
-    handleChange,
-    ...context
-  }: INumberInputContext = React.useContext(NumberInputContext);
-
-  const isDisabled = pIsDisabled || context.isDisabled;
-  const pressHandler = () => {
-    handleChange && handleChange(numberInputValue - step);
-  };
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <NBStepper
-      isIncrement={false}
-      isDisabled={isDisabled}
-      pressHandler={pressHandler}
-      disablitityCheck={numberInputValue - step < min}
-      {...props}
-      ref={ref}
-    >
-      {children}
-    </NBStepper>
-  );
-};
-
-export default React.memo(React.forwardRef(NumberDecrementStepper));

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

@@ -1,40 +0,0 @@
-import React from 'react';
-import type { INumberInputContext, INumberInputStepperProps } from './types';
-import { NBStepper } from './NumberInputStepper';
-import { NumberInputContext } from './Context';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const NumberIncrementStepper = (
-  { children, isDisabled: pIsDisabled, ...props }: INumberInputStepperProps,
-  ref?: any
-) => {
-  const {
-    numberInputValue = 0,
-    step = 1,
-    max = +Infinity,
-    handleChange,
-    ...context
-  }: INumberInputContext = React.useContext(NumberInputContext);
-
-  const isDisabled = pIsDisabled || context.isDisabled;
-  const pressHandler = () => {
-    handleChange && handleChange(numberInputValue + step);
-  };
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <NBStepper
-      isIncrement
-      isDisabled={isDisabled}
-      pressHandler={pressHandler}
-      disablitityCheck={numberInputValue + step > max}
-      {...props}
-      ref={ref}
-    >
-      {children}
-    </NBStepper>
-  );
-};
-export default React.memo(React.forwardRef(NumberIncrementStepper));

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

@@ -1,70 +0,0 @@
-import React from 'react';
-import { useThemeProps } from '../../../hooks';
-import { useFormControlContext } from '../FormControl';
-import type { INumberInputProps } from './types';
-import { NumberInputContext } from './Context';
-import Box from '../../primitives/Box';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const NumberInput = ({ children, ...props }: INumberInputProps, ref?: any) => {
-  const {
-    defaultValue,
-    keepWithinRange,
-    value,
-    min,
-    max,
-    onChange,
-    ...newProps
-  } = useThemeProps('NumberInput', props);
-  const formControlContext = useFormControlContext();
-
-  const [numberInputValue, setNumberInputValue] = React.useState(
-    parseInt(value || defaultValue, 10)
-  );
-  const [numberInputStepper, setNumberInputStepper] = React.useState(null);
-  const handleChange = (newValue: number) => {
-    const temp = newValue;
-    setNumberInputValue(temp);
-    if (keepWithinRange) {
-      if (newValue < min) setNumberInputValue(min);
-      else if (newValue > max) setNumberInputValue(max);
-    }
-    //NOTE: only calling onChange on stepper click or blur event of input.
-    onChange && onChange(temp);
-  };
-  const handleChangeWithoutCheck = (newValue: number) => {
-    const temp = newValue;
-    setNumberInputValue(temp);
-  };
-
-  React.useEffect(() => {
-    if (value !== undefined && value != numberInputValue)
-      setNumberInputValue(value);
-  }, [value, numberInputValue, setNumberInputValue]);
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <Box ref={ref}>
-      <NumberInputContext.Provider
-        value={{
-          ...formControlContext,
-          ...newProps,
-          min,
-          max,
-          handleChange,
-          handleChangeWithoutCheck,
-          numberInputValue,
-          numberInputStepper,
-          setNumberInputStepper,
-          isControlled: value !== undefined,
-        }}
-      >
-        {children}
-      </NumberInputContext.Provider>
-    </Box>
-  );
-};
-
-export default React.memo(React.forwardRef(NumberInput));

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

@@ -1,59 +0,0 @@
-import React from 'react';
-import { Input } from '../../primitives/Input';
-import type { INumberInputContext, INumberInputFieldProps } from './types';
-import { NumberInputContext } from './Context';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const NumberInputFiled = (
-  { isDisabled, ...props }: INumberInputFieldProps,
-  ref: any
-) => {
-  const {
-    handleChange,
-    handleChangeWithoutCheck,
-    numberInputStepper,
-    numberInputValue,
-    isControlled,
-    ...context
-  }: INumberInputContext & {
-    handleChange?: (value: string | number) => void;
-    numberInputStepper?: any;
-  } = React.useContext(NumberInputContext);
-  const changeHandler = (inputValue: any) => {
-    let minusIndex = inputValue.indexOf('-');
-    if (minusIndex !== -1 && minusIndex !== 0) {
-      inputValue = inputValue.replace('-', '');
-      inputValue = '-' + inputValue;
-    }
-    const value = parseInt(inputValue, 10);
-    if (isControlled) handleChange && handleChange(value);
-    else if (value) handleChangeWithoutCheck && handleChangeWithoutCheck(value);
-    else handleChangeWithoutCheck && handleChangeWithoutCheck(0);
-  };
-  const blurHandler = () => {
-    if (numberInputValue) handleChange && handleChange(numberInputValue);
-  };
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <>
-      <Input
-        p={0}
-        pl={2}
-        {...context}
-        {...props}
-        onBlur={() => blurHandler()}
-        isDisabled={isDisabled || context.isDisabled}
-        onChangeText={(inputValue: any) => changeHandler(inputValue)}
-        keyboardType="numeric"
-        value={`${numberInputValue}`}
-        InputRightElement={numberInputStepper}
-        ref={ref}
-      />
-    </>
-  );
-};
-
-export default React.memo(React.forwardRef(NumberInputFiled));

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

@@ -1,82 +0,0 @@
-import React from 'react';
-import { TouchableOpacity, Platform } from 'react-native';
-import { VStack, Box } from '../../primitives';
-import { useThemeProps } from '../../../hooks';
-import type { INumberInputSteppersProps, INumberInputContext } from './types';
-import { NumberInputContext } from './Context';
-import { ChevronUpIcon, ChevronDownIcon } from '../../primitives/Icon/Icons';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-export const NBStepper = React.forwardRef(
-  ({ children, ...props }: any, ref?: any) => {
-    const {
-      style,
-      isIncrement,
-      disablitityCheck,
-      _active,
-      _disabled,
-      isDisabled,
-      accessibilityLabel,
-      pressHandler,
-      iconColor,
-      ...newProps
-    } = useThemeProps('NumberInputStepper', props);
-    //TODO: refactor for responsive prop
-    if (useHasResponsiveProps(props)) {
-      return null;
-    }
-    return (
-      <TouchableOpacity
-        activeOpacity={0.2}
-        disabled={disablitityCheck || isDisabled}
-        onPress={pressHandler}
-        accessible
-        accessibilityLabel={accessibilityLabel}
-        ref={ref}
-      >
-        <Box
-          {...newProps}
-          {..._active}
-          {...(disablitityCheck || isDisabled ? _disabled : {})}
-          borderColor="transparent"
-          style={style}
-          opacity={disablitityCheck || isDisabled ? 0.4 : 1}
-          {...(Platform.OS === 'web'
-            ? {
-                disabled: disablitityCheck || isDisabled,
-                cursor: disablitityCheck || isDisabled ? 'not-allowed' : 'auto',
-              }
-            : {})}
-        >
-          {children || isIncrement ? (
-            <ChevronUpIcon color={iconColor} />
-          ) : (
-            <ChevronDownIcon color={iconColor} />
-          )}
-        </Box>
-      </TouchableOpacity>
-    );
-  }
-);
-
-const NumberInputStepper = (
-  { children, ...props }: INumberInputSteppersProps,
-  ref?: any
-) => {
-  const {
-    numberInputStepper,
-    setNumberInputStepper,
-  }: INumberInputContext = React.useContext(NumberInputContext);
-
-  React.useEffect(() => {
-    !numberInputStepper &&
-      setNumberInputStepper(
-        <VStack {...props} ref={ref}>
-          {children}
-        </VStack>
-      );
-  }, [numberInputStepper, setNumberInputStepper, props, children, ref]);
-  return null;
-};
-
-export default React.memo(React.forwardRef(NumberInputStepper));

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

@@ -1,13 +0,0 @@
-export { NumberInputContext } from './Context';
-export { default as NumberDecrementStepper } from './NumberDecrementStepper';
-export { default as NumberIncrementStepper } from './NumberIncrementStepper';
-export { default as NumberInput } from './NumberInput';
-export { default as NumberInputField } from './NumberInputField';
-export { default as NumberInputStepper } from './NumberInputStepper';
-export type {
-  INumberInputContext,
-  INumberInputFieldProps,
-  INumberInputProps,
-  INumberInputStepperProps,
-  INumberInputSteppersProps,
-} from './types';

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

@@ -1,42 +0,0 @@
-import type { IInputProps, IStackProps } from '../../primitives';
-import type { InterfaceInputProps } from '../../primitives/Input/types';
-import type { InterfaceBoxProps } from '../../primitives/Box/types';
-import type { CustomProps } from '../../../components/types';
-
-export type INumberInputProps = (InterfaceInputProps &
-  InterfaceBoxProps<INumberInputProps> & {
-    onChange?: (value: number) => void;
-    min?: number;
-    max?: number;
-    step?: number;
-    precision?: number;
-    isReadOnly?: boolean;
-    isInvalid?: boolean;
-    isDisabled?: boolean;
-    keepWithinRange?: boolean;
-    allowMouseWheel?: boolean;
-    clampValueOnBlur?: boolean;
-    focusInputOnChange?: boolean;
-    getAriaValueText?: boolean;
-    children?: JSX.Element[] | JSX.Element;
-  }) &
-  CustomProps<'NumberInput'>;
-
-export type INumberInputFieldProps = IInputProps & {};
-export type INumberInputSteppersProps = IStackProps & {
-  children: JSX.Element[] | JSX.Element;
-};
-export type INumberInputStepperProps = InterfaceBoxProps<INumberInputStepperProps> & {
-  isDisabled?: boolean;
-  _disabled?: Omit<INumberInputStepperProps, '_disabled'>;
-  _active?: Omit<INumberInputStepperProps, '_active'>;
-};
-export type INumberInputContext = INumberInputProps & {
-  numberInputValue?: number;
-  value?: number;
-  handleChange?: (value: number) => void;
-  handleChangeWithoutCheck?: (value: number) => void;
-  numberInputStepper?: any;
-  setNumberInputStepper?: any;
-  isControlled?: boolean;
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/PinInput/Context.ts

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-
-export const PinInputContext = createContext({});