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

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

@@ -1,72 +0,0 @@
-import React from 'react';
-import { TouchableOpacity, Platform } from 'react-native';
-import Box from '../../primitives/Box';
-import type {
-  IAccordionSummaryProps,
-  IAccordionItemContextProps,
-} from './types';
-import { AccordionItemContext } from './Context';
-import { useThemeProps } from '../../../hooks';
-import { mergeRefs } from '../../../utils';
-import { useHover } from '@react-native-aria/interactions';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const AccordionSummary = (
-  { children, ...props }: IAccordionSummaryProps,
-  ref: any
-) => {
-  const {
-    index,
-    isOpen,
-    isDisabled,
-    onOpen,
-    onClose,
-  }: IAccordionItemContextProps = React.useContext(AccordionItemContext);
-
-  const { _hover, _expanded, _disabled, ...themedProps } = useThemeProps(
-    'AccordionSummary',
-    props
-  );
-  const pressHandler = () => {
-    isOpen ? onClose && onClose() : onOpen && onOpen();
-  };
-
-  const _ref = React.useRef(null);
-  const { isHovered } = useHover({}, _ref);
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <TouchableOpacity
-      activeOpacity={0.2}
-      disabled={isDisabled}
-      onPress={pressHandler}
-      accessible
-      accessibilityRole="checkbox"
-      ref={mergeRefs([ref, _ref])}
-    >
-      <Box
-        display="flex"
-        flexDirection="row"
-        justifyContent="space-between"
-        alignItems="center"
-        {...themedProps}
-        {...(isHovered && _hover)}
-        {...(isOpen && _expanded)}
-        {...(isDisabled && _disabled)}
-        {...(!index && { borderTopColor: 'transparent' })}
-        {...(Platform.OS === 'web'
-          ? {
-              disabled: isDisabled,
-              cursor: isDisabled ? 'not-allowed' : 'auto',
-            }
-          : {})}
-      >
-        {children}
-      </Box>
-    </TouchableOpacity>
-  );
-};
-
-export default React.memo(React.forwardRef(AccordionSummary));

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

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-export const AccordionContext = createContext({});
-
-export const AccordionItemContext = createContext({});

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

@@ -1,29 +0,0 @@
-import AccordionMain from './Accordion';
-
-import { default as AccordionItem } from './AccordionItem';
-import { default as AccordionSummary } from './AccordionSummary';
-import { default as AccordionDetails } from './AccordionDetails';
-import { default as AccordionIcon } from './AccordionIcon';
-import type { IAccordionComponentType } from './types';
-
-const AccordionTemp: any = AccordionMain;
-AccordionTemp.Item = AccordionItem;
-AccordionTemp.Summary = AccordionSummary;
-AccordionTemp.Details = AccordionDetails;
-AccordionTemp.Icon = AccordionIcon;
-
-// To add typings
-const Accordion = AccordionTemp as IAccordionComponentType;
-
-export { Accordion };
-export { AccordionContext } from './Context';
-export { AccordionItemContext } from './Context';
-export type {
-  IAccordionProps,
-  IAccordionItemProps,
-  IAccordionSummaryProps,
-  IAccordionDetailsProps,
-  IAccordionIconProps,
-  IAccordionContextProps,
-  IAccordionItemContextProps,
-} from './types';

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

@@ -1,62 +0,0 @@
-import type { IIconProps } from '../../primitives';
-import type { ICollapseProps } from '../../composites/Collapse';
-import type { MutableRefObject } from 'react';
-import type { InterfaceBoxProps } from '../../primitives/Box/types';
-
-export type IAccordionProps = ICollapseProps & {
-  allowMultiple?: boolean;
-  allowToggle?: boolean;
-  index?: number[];
-  defaultIndex?: number[];
-  onChange?: (index?: number[]) => void;
-};
-export type IAccordionItemProps = InterfaceBoxProps<IAccordionItemProps> & {
-  index?: number;
-  defaultIsOpen?: boolean;
-  isDisabled?: boolean;
-  id?: number;
-};
-export type IAccordionSummaryProps = InterfaceBoxProps<IAccordionSummaryProps> & {
-  _expanded?: Omit<IAccordionSummaryProps, '_expanded'>;
-  _disabled?: Omit<IAccordionSummaryProps, '_disabled'>;
-  _hover?: Omit<IAccordionSummaryProps, '_hover'>;
-};
-export type IAccordionDetailsProps = ICollapseProps & {};
-export type IAccordionContextProps = {
-  index?: number[];
-  changeHandler?: (isOpening: boolean, id: number) => void;
-  AnimationProps?: any;
-};
-export type IAccordionItemContextProps = {
-  index?: number;
-  isOpen?: boolean;
-  isDisabled?: boolean;
-  onClose?: () => void;
-  onOpen?: () => void;
-};
-export type IAccordionIconProps = IIconProps;
-
-export type IAccordionComponentType = ((
-  props: IAccordionProps & { ref?: MutableRefObject<any> }
-) => JSX.Element) & {
-  Item: React.MemoExoticComponent<
-    (
-      props: IAccordionItemProps & { ref?: MutableRefObject<any> }
-    ) => JSX.Element
-  >;
-  Summary: React.MemoExoticComponent<
-    (
-      props: IAccordionSummaryProps & { ref?: MutableRefObject<any> }
-    ) => JSX.Element
-  >;
-  Details: React.MemoExoticComponent<
-    (
-      props: IAccordionDetailsProps & { ref?: MutableRefObject<any> }
-    ) => JSX.Element
-  >;
-  Icon: React.MemoExoticComponent<
-    (
-      props: IAccordionIconProps & { ref?: MutableRefObject<any> }
-    ) => JSX.Element
-  >;
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/components/composites/Actionsheet/ActionSheetContext.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export const ActionSheetContext = React.createContext({
-  hideDragIndicator: false,
-});

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

@@ -1,39 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import { Modal } from '../../composites/Modal';
-import type { IActionsheetProps } from './types';
-import { usePropsResolution } from '../../../hooks';
-import { ActionSheetContext } from './ActionSheetContext';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const Actionsheet = (
-  { children, hideDragIndicator = false, ...props }: IActionsheetProps,
-  ref: any
-) => {
-  const {
-    isOpen,
-    disableOverlay,
-    onClose,
-    ...resolvedProps
-  } = usePropsResolution('Actionsheet', props);
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <Modal
-      isOpen={isOpen}
-      onClose={onClose}
-      {...resolvedProps}
-      overlayVisible={disableOverlay ? false : true}
-      closeOnOverlayClick={disableOverlay ? false : true}
-      ref={ref}
-    >
-      <ActionSheetContext.Provider value={{ hideDragIndicator }}>
-        {children}
-      </ActionSheetContext.Provider>
-    </Modal>
-  );
-};
-
-export default memo(forwardRef(Actionsheet));

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

@@ -1,149 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import { Modal } from '../../composites/Modal';
-import type { IActionsheetContentProps } from './types';
-import { usePropsResolution } from '../../../hooks';
-import { Animated, PanResponder } from 'react-native';
-import { ModalContext } from '../Modal/Context';
-import Box from '../../primitives/Box';
-import { ActionSheetContext } from './ActionSheetContext';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const Content = memo(
-  forwardRef(
-    (
-      {
-        hideDragIndicator,
-        children,
-        handleClose,
-        pan,
-        sheetHeight,
-        ...props
-      }: any,
-      ref: any
-    ) => {
-      const {
-        _dragIndicator,
-        _dragIndicatorWrapperOffSet,
-        _dragIndicatorWrapper,
-        ...resolvedProps
-      } = usePropsResolution('ActionsheetContent', props);
-
-      const panResponder = React.useRef(
-        PanResponder.create({
-          onStartShouldSetPanResponder: () => true,
-          onMoveShouldSetPanResponder: (_evt, gestureState) => {
-            return gestureState.dy > 15;
-          },
-          onPanResponderMove: (e, gestureState) => {
-            if (gestureState.dy > 0) {
-              Animated.event([null, { dy: pan.y }], {
-                useNativeDriver: false,
-              })(e, gestureState);
-            }
-          },
-          onPanResponderRelease: (_e, gestureState) => {
-            // If sheet is dragged 1/4th of it's height, close it
-            if (sheetHeight.current / 4 - gestureState.dy < 0) {
-              Animated.timing(pan, {
-                toValue: { x: 0, y: sheetHeight.current },
-                duration: 150,
-                useNativeDriver: true,
-              }).start(handleClose);
-
-              setTimeout(() => {
-                Animated.spring(pan, {
-                  toValue: { x: 0, y: 0 },
-                  overshootClamping: true,
-                  useNativeDriver: true,
-                }).start();
-              });
-            } else {
-              Animated.spring(pan, {
-                toValue: { x: 0, y: 0 },
-                overshootClamping: true,
-                useNativeDriver: true,
-              }).start();
-            }
-          },
-        })
-      ).current;
-
-      return (
-        <>
-          {!hideDragIndicator ? (
-            <>
-              {/* To increase the draggable area */}
-              <Box
-                {...panResponder.panHandlers}
-                {..._dragIndicatorWrapperOffSet}
-              />
-            </>
-          ) : null}
-
-          <Modal.Content {...resolvedProps} ref={ref} safeAreaBottom>
-            {!hideDragIndicator ? (
-              <>
-                {/* Hack. Fix later. Add -2 negative margin to remove the padding added by ActionSheetContent */}
-                <Box {...panResponder.panHandlers} {..._dragIndicatorWrapper}>
-                  <Box {..._dragIndicator} />
-                </Box>
-              </>
-            ) : null}
-
-            {children}
-          </Modal.Content>
-        </>
-      );
-    }
-  )
-);
-const ActionsheetContent = (
-  { children, ...props }: IActionsheetContentProps,
-  ref?: any
-) => {
-  // return null;
-  const { handleClose } = React.useContext(ModalContext);
-  const { hideDragIndicator } = React.useContext(ActionSheetContext);
-  const pan = React.useRef(new Animated.ValueXY()).current;
-  const sheetHeight = React.useRef(0);
-
-  const handleCloseCallback = React.useCallback(handleClose, [
-    ModalContext,
-    handleClose,
-  ]);
-
-  // useEffect(() => {
-
-  // }, [])
-
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-
-  return (
-    <Animated.View
-      style={{
-        transform: [{ translateY: pan.y }],
-        width: '100%',
-      }}
-      onLayout={(event) => {
-        const { height } = event.nativeEvent.layout;
-        sheetHeight.current = height;
-      }}
-      pointerEvents="box-none"
-    >
-      <Content
-        children={children}
-        sheetHeight={sheetHeight}
-        pan={pan}
-        hideDragIndicator={hideDragIndicator}
-        handleClose={handleCloseCallback}
-        ref={ref}
-        {...props}
-      />
-    </Animated.View>
-  );
-};
-
-export default memo(forwardRef(ActionsheetContent));

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

@@ -1,16 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import { Modal } from '../../composites/Modal';
-import type { IActionsheetFooterProps } from './types';
-import { usePropsResolution } from '../../../hooks';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const ActionsheetFooter = (props: IActionsheetFooterProps, ref?: any) => {
-  const resolvedProps = usePropsResolution('ActionsheetFooter', props);
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return <Modal.Content {...resolvedProps} ref={ref} />;
-};
-
-export default memo(forwardRef(ActionsheetFooter));

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

@@ -1,23 +0,0 @@
-import React, { forwardRef, memo } from 'react';
-import Box from '../../primitives/Box';
-import type { IActionsheetHeaderProps } from './types';
-import { usePropsResolution } from '../../../hooks';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const ActionsheetHeader = (props: IActionsheetHeaderProps, ref?: any) => {
-  const resolvedProps = usePropsResolution('ActionsheetHeader', props);
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <Box
-      justifyContent="center"
-      alignItems="center"
-      {...resolvedProps}
-      ref={ref}
-    />
-  );
-};
-
-export default memo(forwardRef(ActionsheetHeader));

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

@@ -1,99 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import { Pressable } from '../../primitives/Pressable';
-import Box from '../../primitives/Box';
-import { HStack } from '../../primitives/Stack';
-import Spinner from '../../primitives/Spinner';
-import { usePropsResolution } from '../../../hooks';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-import type { IActionsheetItemProps } from './types';
-
-const ActionsheetItem = (
-  {
-    //@ts-ignore
-    children,
-    startIcon,
-    rightIcon,
-    leftIcon,
-    endIcon,
-    spinner,
-    isDisabled,
-    isLoading,
-    spinnerPlacement = 'start',
-    ...props
-  }: IActionsheetItemProps,
-  ref: any
-) => {
-  const {
-    _text,
-    _stack,
-    _icon,
-    _spinner,
-    isLoadingText,
-    ...resolvedProps
-  } = usePropsResolution('ActionsheetItem', props, undefined, {
-    cascadePseudoProps: true,
-  });
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-
-  if (leftIcon) {
-    startIcon = leftIcon;
-  }
-  if (rightIcon) {
-    endIcon = rightIcon;
-  }
-  if (endIcon && React.isValidElement(endIcon)) {
-    endIcon = React.Children.map(
-      endIcon,
-      (child: JSX.Element, index: number) => {
-        return React.cloneElement(child, {
-          key: `button-end-icon-${index}`,
-          ..._icon,
-          ...child.props,
-        });
-      }
-    );
-  }
-  if (startIcon && React.isValidElement(startIcon)) {
-    startIcon = React.Children.map(
-      startIcon,
-      (child: JSX.Element, index: number) => {
-        return React.cloneElement(child, {
-          key: `button-start-icon-${index}`,
-          ..._icon,
-          ...child.props,
-        });
-      }
-    );
-  }
-  const spinnerElement = spinner ? (
-    spinner
-  ) : (
-    <Spinner color={_text?.color} {..._spinner} />
-  );
-
-  const boxChildren = (child: any) => {
-    return child ? <Box _text={_text}>{child}</Box> : null;
-  };
-
-  return (
-    <Pressable disabled={isDisabled || isLoading} {...resolvedProps} ref={ref}>
-      <HStack {..._stack} test={true}>
-        {startIcon && !isLoading ? startIcon : null}
-        {isLoading && spinnerPlacement === 'start' ? spinnerElement : null}
-        {isLoading
-          ? isLoadingText
-            ? boxChildren(isLoadingText)
-            : null
-          : boxChildren(children)}
-
-        {endIcon && !isLoading ? endIcon : null}
-        {isLoading && spinnerPlacement === 'end' ? spinnerElement : null}
-      </HStack>
-    </Pressable>
-  );
-};
-
-export default memo(forwardRef(ActionsheetItem));

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

@@ -1,23 +0,0 @@
-import ActionsheetMain from './Actionsheet';
-import ActionsheetItem from './ActionsheetItem';
-// import ActionsheetHeader from './ActionsheetHeader';
-// import ActionsheetFooter from './ActionsheetFooter';
-import ActionsheetContent from './ActionsheetContent';
-import type { IActionsheetComponentType } from './types';
-
-const ActionsheetTemp: any = ActionsheetMain;
-ActionsheetTemp.Content = ActionsheetContent;
-ActionsheetTemp.Item = ActionsheetItem;
-// ActionsheetTemp.Header = ActionsheetHeader;
-// ActionsheetTemp.Footer = ActionsheetFooter;
-
-// To add typings
-const Actionsheet = ActionsheetTemp as IActionsheetComponentType;
-
-export { Actionsheet };
-
-export type {
-  IActionsheetProps,
-  IActionsheetContentProps,
-  IActionsheetItemProps,
-} from './types';

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

@@ -1,80 +0,0 @@
-import type { InterfaceButtonProps } from '../../primitives/Button/types';
-import type { InterfaceBoxProps } from '../../primitives/Box';
-import type { MutableRefObject } from 'react';
-import type { CustomProps } from '../../../components/types';
-
-export interface InterfaceActionsheetProps
-  extends InterfaceBoxProps<IActionsheetProps> {
-  /**
-   * If true, the ActionSheet will open. Useful for controllable state behaviour
-   */
-  isOpen?: boolean;
-  /**
-   * Callback invoked when the modal is closed
-   */
-  onClose?: () => any;
-  /**
-   * If true, disables the overlay.
-   * @default false
-   */
-  disableOverlay?: boolean;
-  /**
-   * If true, hides the drag indicator.
-   * @default false
-   */
-  hideDragIndicator?: boolean;
-  /**
-   * Props applied on Overlay.
-   */
-  _backdrop?: any;
-}
-
-export interface IActionsheetContentProps
-  extends InterfaceBoxProps<IActionsheetContentProps> {
-  /**
-   * Props applied on area above actionsheet content
-   */
-  _dragIndicatorWrapperOffSet?: InterfaceBoxProps<IActionsheetContentProps>;
-  /**
-   * Props applied on area around drag indicator
-   */
-  _dragIndicatorWrapper?: InterfaceBoxProps<IActionsheetContentProps>;
-  /**
-   * Props applied on drag indicator
-   */
-  _dragIndicator?: InterfaceBoxProps<IActionsheetContentProps>;
-}
-export interface IActionsheetFooterProps
-  extends InterfaceBoxProps<IActionsheetFooterProps> {}
-export interface IActionsheetHeaderProps
-  extends InterfaceBoxProps<IActionsheetHeaderProps> {}
-export interface IActionsheetItemProps
-  extends Omit<InterfaceButtonProps, 'variant' | 'size' | 'colorScheme'> {}
-
-export type IActionsheetComponentType = ((
-  props: IActionsheetProps & { ref?: MutableRefObject<any> }
-) => JSX.Element) & {
-  Content: React.MemoExoticComponent<
-    (
-      props: IActionsheetContentProps & { ref?: MutableRefObject<any> }
-    ) => JSX.Element
-  >;
-  Item: React.MemoExoticComponent<
-    (
-      props: IActionsheetItemProps & { ref?: MutableRefObject<any> }
-    ) => JSX.Element
-  >;
-  // Header: React.MemoExoticComponent<
-  //   (
-  //     props: IActionsheetHeaderProps & { ref?: MutableRefObject<any> }
-  //   ) => JSX.Element
-  // >;
-  // Footer: React.MemoExoticComponent<
-  //   (
-  //     props: IActionsheetFooterProps & { ref?: MutableRefObject<any> }
-  //   ) => JSX.Element
-  // >;
-};
-
-export type IActionsheetProps = InterfaceActionsheetProps &
-  CustomProps<'Actionsheet'>;

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

@@ -1,37 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import Box from '../../primitives/Box';
-// import { HStack } from '../../primitives/Stack';
-import { usePropsResolution } from '../../../hooks/useThemeProps';
-import type { IAlertProps } from './types';
-import { AlertContext } from './Context';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const Alert = ({ children, ...props }: IAlertProps, ref?: any) => {
-  const {
-    status,
-    variant,
-    _icon,
-    colorScheme,
-    ...newProps
-  } = usePropsResolution('Alert', props);
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return (
-    <AlertContext.Provider
-      value={{
-        status,
-        variant,
-        _icon,
-        colorScheme,
-      }}
-    >
-      <Box {...newProps} ref={ref}>
-        {children}
-      </Box>
-    </AlertContext.Provider>
-  );
-};
-
-export default memo(forwardRef(Alert));

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

@@ -1,37 +0,0 @@
-import React, { memo, forwardRef } from 'react';
-import { Box } from '../../primitives';
-import {
-  WarningIcon,
-  WarningTwoIcon,
-  InfoIcon,
-  CheckCircleIcon,
-} from '../../primitives/Icon/Icons';
-import type { IAlertContext, IAlertIconProps } from './types';
-import { usePropsResolution } from '../../../hooks/useThemeProps';
-import { AlertContext } from './Context';
-import { omitUndefined } from '../../../theme/tools/utils';
-import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
-const AlertIcon = ({ children, ...props }: IAlertIconProps, ref?: any) => {
-  let newProps = usePropsResolution('AlertIcon', props);
-  newProps = omitUndefined(newProps);
-  const { status, _icon }: IAlertContext = React.useContext(AlertContext);
-  const getIcon = () => {
-    switch (status) {
-      case 'error':
-        return <WarningTwoIcon {..._icon} {...newProps} ref={ref} />;
-      case 'warning':
-        return <WarningIcon {..._icon} {...newProps} ref={ref} />;
-      case 'success':
-        return <CheckCircleIcon {..._icon} {...newProps} ref={ref} />;
-      default:
-        return <InfoIcon {..._icon} {...newProps} ref={ref} />;
-    }
-  };
-  //TODO: refactor for responsive prop
-  if (useHasResponsiveProps(props)) {
-    return null;
-  }
-  return <Box>{children || getIcon()}</Box>;
-};
-export default memo(forwardRef(AlertIcon));