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

package/Example/nativebase-v3-kitchensink/src/components/Layout.tsx

@@ -1,122 +0,0 @@
-import React from "react";
-import {
-  Box,
-  useColorMode,
-  Heading,
-  HStack,
-  Text,
-  Icon,
-  Pressable,
-  ArrowBackIcon,
-  Link,
-  useColorModeValue,
-} from "native-base";
-import { Floaters } from "../components/Floaters";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { EvilIcons } from "@native-base/icons";
-
-export const Layout = ({
-  children,
-  navigation,
-  title,
-  doclink,
-  navigateTo,
-  _status,
-  _hStack,
-  ...props
-}: any) => {
-  const { colorMode, toggleColorMode } = useColorMode();
-  const safeArea = useSafeAreaInsets();
-
-  return (
-    <>
-      <Box
-        {..._status}
-        height={safeArea.top}
-        _web={{
-          pt: {
-            base: 6,
-            sm: 6,
-            md: 0,
-          },
-        }}
-      />
-      <Box
-        {...props}
-        flex={1}
-        flexBasis="0"
-        px={4}
-        mx="auto"
-        pt={navigation ? "70px" : 0}
-        w={{ base: "100%", md: "768px", lg: "1000px", xl: "1080px" }}
-      >
-        <HStack
-          position="absolute"
-          left={0}
-          top={0}
-          right={0}
-          px={4}
-          zIndex={-1}
-          {..._hStack}
-        >
-          <HStack py={2} alignItems="center" w="100%">
-            <Pressable
-              onPress={() => {
-                navigation && navigation.navigate(navigateTo);
-              }}
-              _web={{
-                cursor: "pointer",
-              }}
-            >
-              {title && (
-                <ArrowBackIcon
-                  mx={3}
-                  size={5}
-                  color={useColorModeValue("black", "white")}
-                />
-              )}
-            </Pressable>
-
-            <Heading
-              color={colorMode == "dark" ? "white" : "gray.800"}
-              _web={{ py: 2 }}
-              isTruncated
-              numberOfLines={1}
-              flex={1}
-              // @ts-ignore
-              style={{ flex: 1, flexWrap: 'wrap' }}
-            >
-              {title ? title : "NativeBase"}
-            </Heading>
-            {title && (
-              <Box mr={2} ml={6} mt={{ base: 1, lg: 3 }} alignItems="flex-end">
-                <Link
-                  href={doclink}
-                  isExternal
-                  // mt={4}
-
-                  alignItems="center"
-                >
-                  <Text bold>Docs</Text>
-                  <Icon
-                    as={<EvilIcons name="external-link" />}
-                    _light={{
-                      color: "black",
-                    }}
-                    _dark={{
-                      color: "white",
-                    }}
-                    fontWeight={800}
-                    size="8"
-                  />
-                </Link>
-              </Box>
-            )}
-          </HStack>
-        </HStack>
-        {children}
-      </Box>
-      <Floaters />
-    </>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/components/Logo.tsx

@@ -1,32 +0,0 @@
-import 'react-native-gesture-handler';
-import React from 'react';
-import { Icon, IIconProps } from 'native-base';
-import { Path, G } from 'react-native-svg';
-export function Logo(props: IIconProps) {
-  return (
-    <Icon viewBox="0 0 602.339 681.729" {...props}>
-      <G transform="translate(14575 1918.542)">
-        <Path
-          fill="#356290"
-          d="M488.722,0A45.161,45.161,0,0,1,527.83,22.576L675.676,278.584a45.162,45.162,0,0,1,0,45.171L527.83,579.763a45.162,45.162,0,0,1-39.108,22.576H193.008A45.162,45.162,0,0,1,153.9,579.763L6.053,323.755a45.162,45.162,0,0,1,0-45.171L153.9,22.576A45.162,45.162,0,0,1,193.008,0Z"
-          transform="translate(-13972.661 -1918.542) rotate(90)"
-        />
-        <Path
-          fill="#1784b2"
-          d="M401.1,0A60.816,60.816,0,0,1,453.77,30.405L567.2,226.844a60.816,60.816,0,0,1,0,60.82L453.77,484.1A60.816,60.816,0,0,1,401.1,514.509H174.241A60.816,60.816,0,0,1,121.575,484.1L8.149,287.665a60.816,60.816,0,0,1,0-60.82L121.575,30.405A60.816,60.816,0,0,1,174.241,0Z"
-          transform="translate(-14016.576 -1865.281) rotate(90)"
-        />
-        <Path
-          fill="#50bfc3"
-          d="M345.81,0a36.573,36.573,0,0,1,31.674,18.288L480.566,196.856a36.573,36.573,0,0,1,0,36.569L377.484,411.993a36.573,36.573,0,0,1-31.674,18.288H139.655a36.572,36.572,0,0,1-31.674-18.288L4.9,233.425a36.573,36.573,0,0,1,0-36.569L107.981,18.288A36.573,36.573,0,0,1,139.655,0Z"
-          transform="translate(-14058.69 -1820.41) rotate(90)"
-        />
-        <Path
-          fill="#fff"
-          d="M187.066,335.455V297.993l-65.272-21.949,65.272-22.523V216.059L81,259.5v32.521Zm38.726,29.3L286.123,174H256.7l-60.33,190.759Zm72.052-29.3,106.066-43.783V259.267L297.844,216.059V254.44l59.3,23.328-59.3,19.421Z"
-          transform="translate(-14516.286 -1846.988)"
-        />
-      </G>
-    </Icon>
-  );
-}

package/Example/nativebase-v3-kitchensink/src/components/Main/index.tsx

@@ -1,17 +0,0 @@
-import { Box, useColorMode } from 'native-base';
-import React from 'react';
-import { StatusBar } from 'react-native';
-import { RootStack } from '../../navigators/rootNavigator';
-
-export const Main = () => {
-	const { colorMode, toggleColorMode } = useColorMode();
-	return (
-		<Box safeAreaTop flex={1} bg={colorMode == 'dark' ? 'black' : 'white'}>
-			<StatusBar
-				barStyle={colorMode == 'dark' ? 'light-content' : 'dark-content'}
-				translucent={false}
-			/>
-			<RootStack />
-		</Box>
-	);
-};

package/Example/nativebase-v3-kitchensink/src/components/MasonLayout/MasonaryLayout.tsx

@@ -1,35 +0,0 @@
-import { HStack, VStack } from 'native-base';
-import React from 'react';
-
-export const MasonaryLayout = ({
-	column,
-	_hStack,
-	_vStack,
-	children,
-	...props
-}) => {
-	const vStackChildren = [];
-	const columnLength = column.length;
-	React.Children.map(children, (child, cIndex) => {
-		const pos = cIndex % columnLength;
-		if (!vStackChildren[pos]) vStackChildren[pos] = [];
-		vStackChildren[pos].push(child);		
-	});
-
-	const vstackTemplate = () => {
-		return column.map((flexVal, index) => {
-			vStackChildren[index][vStackChildren[index].length - 1] =
-				React.cloneElement(
-					vStackChildren[index][vStackChildren[index].length - 1],
-					{ flex: 1 },
-				);
-			return (
-				<VStack {..._vStack} flex={flexVal}>
-					{vStackChildren[index]}
-				</VStack>
-			);
-		});
-	};
-
-	return <HStack {..._hStack}>{vstackTemplate()}</HStack>;
-};

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/Actionsheet.tsx

@@ -1,79 +0,0 @@
-import React from 'react';
-import { Divider, VStack, Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box flex={1} w="100%" justifyContent="flex-end">
-      <VStack
-        _light={{
-          bg: 'cyan.100',
-        }}
-        _dark={{
-          bg: 'cyan.300',
-        }}
-        space={2}
-        divider={
-          <Divider
-            _light={{
-              bg: 'cyan.300',
-            }}
-            _dark={{
-              bg: 'cyan.200',
-            }}
-          />
-        }
-        py={2}
-        justifyContent="center"
-      >
-        <Box
-          _light={{
-            bg: 'cyan.300',
-          }}
-          _dark={{
-            bg: 'cyan.200',
-          }}
-          h="8px"
-         rounded="25"
-          mx={4}
-          w="40%"
-        />
-        <Box
-          _light={{
-            bg: 'cyan.300',
-          }}
-          _dark={{
-            bg: 'cyan.200',
-          }}
-          h="8px"
-         rounded="25"
-          mx={4}
-          w="50%"
-        />
-        <Box
-          _light={{
-            bg: 'cyan.300',
-          }}
-          _dark={{
-            bg: 'cyan.200',
-          }}
-          h="8px"
-         rounded="25"
-          mx={4}
-          w="37%"
-        />
-        <Box
-          _light={{
-            bg: 'cyan.300',
-          }}
-          _dark={{
-            bg: 'cyan.200',
-          }}
-          h="8px"
-         rounded="25"
-          mx={4}
-          w="47%"
-        />
-      </VStack>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/Alert.tsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import { Alert, HStack, VStack, Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <HStack
-      space={3}
-      alignItems="center"
-      m={4}
-      p={2}
-      rounded="md"
-      _light={{
-        bg: 'error.100',
-      }}
-      _dark={{
-        bg: 'error.400',
-      }}
-      w="70%"
-    >
-      <Box
-        rounded="full"
-        _light={{
-          bg: 'error.500',
-        }}
-        _dark={{
-          bg: 'error.200',
-        }}
-        size="24px"
-      />
-      <VStack space={1} flex={1}>
-        <Box
-          _light={{
-            bg: 'red.400',
-          }}
-          _dark={{
-            bg: 'gray.100',
-          }}
-          rounded="sm"
-          h="11px"
-          w="50%"
-        />
-        <Box
-          _light={{
-            bg: 'red.300',
-          }}
-          _dark={{
-            bg: 'gray.100',
-          }}
-          h="8px"
-          rounded="25"
-          w="100%"
-        />
-      </VStack>
-    </HStack>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/AlertDialog.tsx

@@ -1,128 +0,0 @@
-import React from 'react';
-import { VStack, Box, HStack } from 'native-base';
-
-export function Example() {
-  return (
-    <VStack
-      w={{ base: '80%', lg: '60%' }}
-      rounded="md"
-      _light={{
-        bg: 'darkBlue.100',
-      }}
-      _dark={{
-        bg: 'darkBlue.600',
-      }}
-      p={4}
-      justifyContent="center"
-    >
-      <HStack space={2} mb={4}>
-        <VStack space={1} flex={1}>
-          <Box
-            _light={{
-              bg: 'lightBlue.600',
-            }}
-            _dark={{
-              bg: 'gray.100',
-            }}
-            h="9px"
-            rounded="25"
-            w="80%"
-          />
-
-          <Box
-            _light={{
-              bg: 'lightBlue.600',
-            }}
-            _dark={{
-              bg: 'gray.100',
-            }}
-            h="9px"
-            rounded="25"
-            w="40%"
-          />
-        </VStack>
-      </HStack>
-
-      <HStack justifyContent="flex-end" space={2} mt={4}>
-        <Box
-          p={2}
-          px={3}
-          rounded="lg"
-          _light={{
-            bg: 'green.300',
-          }}
-          _dark={{
-            bg: 'green.400',
-          }}
-          overflow="hidden"
-          w={{ base: '40%', lg: '30%' }}
-        >
-          <Box
-            _light={{
-              bg: 'green.500',
-            }}
-            _dark={{
-              bg: 'green.700',
-            }}
-            rounded="full"
-            size={20}
-            right="-52"
-            top="-10"
-            opacity={0.6}
-            zIndex={-1}
-            position="absolute"
-          />
-          <Box
-            _light={{
-              bg: 'lightBlue.600',
-            }}
-            _dark={{
-              bg: 'gray.100',
-            }}
-            rounded="25"
-            h="7px"
-          />
-        </Box>
-        <Box
-          p={2}
-          px={3}
-          rounded="lg"
-          _light={{
-            bg: 'red.300',
-          }}
-          _dark={{
-            bg: 'red.400',
-          }}
-          overflow="hidden"
-          w={{ base: '40%', lg: '30%' }}
-        >
-          <Box
-            _light={{
-              bg: 'red.500',
-            }}
-            _dark={{
-              bg: 'red.700',
-            }}
-            rounded="full"
-            size={20}
-            right="-52"
-            top="-10"
-            opacity={0.6}
-            zIndex={-1}
-            position="absolute"
-          />
-          <Box
-            _light={{
-              bg: 'lightBlue.600',
-            }}
-            _dark={{
-              bg: 'gray.100',
-            }}
-            rounded="25"
-            h="7px"
-          />
-        </Box>
-      </HStack>
-    </VStack>
-  );
-}

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/Avatar.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Avatar } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Avatar
-      size="lg"
-      _light={{ bg: 'blue.300' }}
-      _dark={{ bg: 'blue.400' }}
-      _text={{
-        opacity: 0,
-      }}
-    >
-      NB
-      <Avatar.Badge
-        _light={{ bg: 'green.300' }}
-        _dark={{ bg: 'green.400' }}
-        borderWidth={0}
-        boxSize={5}
-      />
-    </Avatar>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/Badge.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Badge, Box } from 'native-base';
-
-export function Example() {
-  return (
-    <Badge
-      _light={{
-        bg: 'green.400',
-      }}
-      colorScheme="success"
-      p={2}
-      w={{ base: '50%', lg: '35%' }}
-    >
-      <Box
-        _light={{
-          bg: 'green.800',
-        }}
-        _dark={{
-          bg: 'info.100',
-        }}
-        rounded="sm"
-        h="11px"
-      />
-    </Badge>
-  );
-}

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/Box.tsx

@@ -1,7 +0,0 @@
-import React from 'react';
-import { Box } from 'native-base';
-export const Example = () => {
-  return (
-    <Box size={12} _light={{ bg: 'pink.500' }} _dark={{ bg: 'pink.400' }} />
-  );
-};

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/Button.tsx

@@ -1,46 +0,0 @@
-import React from 'react';
-import { Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box
-      p={4}
-      rounded="lg"
-      _light={{
-        bg: 'cyan.300',
-      }}
-      _dark={{
-        bg: 'cyan.400',
-      }}
-      position="relative"
-      overflow="hidden"
-      w="70%"
-    >
-      <Box
-        _light={{
-          bg: 'cyan.500',
-        }}
-        _dark={{
-          bg: 'cyan.700',
-        }}
-        rounded="full"
-        size={20}
-        right="-12"
-        top="-12"
-        opacity={0.6}
-        zIndex={-1}
-        position="absolute"
-      />
-      <Box
-        _light={{
-          bg: 'cyan.900',
-        }}
-        _dark={{
-          bg: 'gray.100',
-        }}
-        rounded="25"
-        h="11px"
-      />
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/Center.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Box, Center } from 'native-base';
-export function Example() {
-  return (
-    <Center
-      _light={{
-        bg: 'lightBlue.500',
-      }}
-      _dark={{
-        bg: 'lightBlue.700',
-      }}
-      size={10}
-      p={10}
-    >
-      <Box rounded="lg" bg="yellow.300" m={10} size={10} />
-    </Center>
-  );
-}

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/CheckBox.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Box, Checkbox } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box
-      p={4}
-      rounded="full"
-      _light={{
-        bg: 'red.100',
-      }}
-      _dark={{
-        bg: 'red.800',
-      }}
-      opacity={0.5}
-    >
-      <Checkbox
-        value=""
-        accessibilityLabel="This is a checkbox"
-        isChecked={true}
-        colorScheme="red"
-        aria-label="chk123"
-      />
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/Column.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Column, Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Column h="10">
-      <Box w="100" h={'5'} flexGrow={1} bg="orange.100" />
-      <Box bg="orange.400" h={'5'} flexGrow={2} w="100" />
-      <Box flexGrow={1} w="100" h={'5'} bg="orange.500" />
-    </Column>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/Divider.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import { Divider, Box, VStack, HStack } from 'native-base';
-
-export const Example = () => {
-  return (
-    <VStack
-      h={20}
-      w={20}
-      divider={
-        <Divider
-          _light={{ borderColor: 'violet.100' }}
-          _dark={{ borderColor: 'violet.600' }}
-        />
-      }
-    >
-      <HStack
-        flex={1}
-        bg="lime.500"
-        h={20}
-        divider={
-          <Divider
-            _light={{ borderColor: 'violet.100' }}
-            _dark={{ borderColor: 'violet.600' }}
-          />
-        }
-      >
-        <Box flex={1} bg="violet.200" />
-
-        <Box flex={1} bg="violet.300" />
-      </HStack>
-
-      <Box flex={1} bg="violet.400" />
-    </VStack>
-  );
-};