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

package/Example/nativebase-v3-kitchensink/src/components/NativeBaseComponents/ErrorTest.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/Fab.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { Box, AddIcon } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box
-      rounded="full"
-      _light={{
-        bg: 'green.500',
-      }}
-      _dark={{
-        bg: 'green.200',
-      }}
-      p={3}
-    >
-      <AddIcon
-        _light={{
-          color: 'green.200',
-        }}
-        _dark={{
-          color: 'green.500',
-        }}
-        color="green.200"
-        size="sm"
-      />
-    </Box>
-  );
-};

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

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Box, FlatList } from 'native-base';
-
-export const Example = () => {
-  const data = [
-    {
-      id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',
-      title: 'First Item',
-    },
-    {
-      id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63',
-      title: 'Second Item',
-    },
-    {
-      id: '58694a0f-3da1-471f-bd96-145571e29d72',
-      title: 'Third Item',
-    },
-  ];
-
-  return (
-    <FlatList horizontal
-      mt={6}
-      data={data}
-      renderItem={({ item }) => (
-        <Box
-          px={5}
-          py={2}
-          rounded="md"
-          my={1}
-          _light={{ bg: 'lightBlue.400' }}
-          _dark={{ bg: 'blue.200' }}
-        ></Box>
-      )}
-      keyExtractor={(item) => item.id}
-    />
-  );
-};

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Box, HStack } from 'native-base';
-
-export const Example = () => {
-  return (
-    <HStack h={10} w="70%">
-      <Box flex={1} bg="teal.200" />
-      <Box flex={1} bg="teal.300" />
-      <Box flex={1} bg="teal.400" />
-    </HStack>
-  );
-};

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

@@ -1,99 +0,0 @@
-import React from 'react';
-import { VStack, Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box w={{ base: '80%', lg: '50%' }} mt={3} alignSelf="center" p={3}>
-      <VStack
-        alignItems="center"
-        py={3}
-        _light={{
-          bg: 'lightBlue.400',
-        }}
-        _dark={{
-          bg: 'lightBlue.500',
-        }}
-        space={2}
-        borderWidth={6}
-        borderColor="lightBlue.600"
-      >
-        <Box
-          _light={{
-            bg: 'cyan.100',
-          }}
-          _dark={{
-            bg: 'cyan.200',
-          }}
-          h="8px"
-          rounded="25"
-          w="80%"
-        />
-        <Box
-          _light={{
-            bg: 'cyan.100',
-          }}
-          _dark={{
-            bg: 'cyan.200',
-          }}
-          h="8px"
-          rounded="25"
-          w="80%"
-        />
-
-        <Box
-          _light={{
-            bg: 'cyan.100',
-          }}
-          _dark={{
-            bg: 'cyan.200',
-          }}
-          h="8px"
-          rounded="25"
-          w="80%"
-        />
-        <Box
-          _light={{
-            bg: 'cyan.100',
-          }}
-          _dark={{
-            bg: 'cyan.200',
-          }}
-          h="8px"
-          rounded="25"
-          w="80%"
-        />
-        <Box alignItems="flex-start" w="80%">
-          <Box
-            _light={{
-              bg: 'cyan.300',
-            }}
-            _dark={{
-              bg: 'cyan.400',
-            }}
-            h="8px"
-            rounded="25"
-            w="47%"
-          />
-        </Box>
-
-        <Box mt={2} alignItems="flex-end" w="80%">
-          <Box
-            borderWidth={3}
-            _light={{
-              borderColor: 'cyan.300',
-              bg: 'lightBlue.400',
-            }}
-            _dark={{
-              borderColor: 'cyan.200',
-              bg: 'lightBlue.500',
-            }}
-            h="15px"
-            borderRadius={4}
-            w="40%"
-            // mx="10px"
-          />
-        </Box>
-      </VStack>
-    </Box>
-  );
-};

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

@@ -1,40 +0,0 @@
-import React from 'react';
-import { HStack, Box } from 'native-base';
-
-export function Example() {
-  return (
-    <HStack h={8} space={2} w="70%">
-      <Box
-        rounded="md"
-        flex={1}
-        _light={{
-          bg: 'orange.400',
-        }}
-        _dark={{
-          bg: 'orange.200',
-        }}
-        bg="orange.200"
-      />
-      <Box
-        rounded="md"
-        flex={1}
-        _light={{
-          bg: 'orange.500',
-        }}
-        _dark={{
-          bg: 'orange.200',
-        }}
-      />
-      <Box
-        rounded="md"
-        flex={1}
-        _light={{
-          bg: 'orange.600',
-        }}
-        _dark={{
-          bg: 'orange.200',
-        }}
-      />
-    </HStack>
-  );
-}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { Heading } from 'native-base';
-
-export function Example() {
-  return <Heading fontSize="5xl">Hh</Heading>;
-}

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Icon } from 'native-base';
-import { G, Path } from 'react-native-svg';
-
-export const Example = () => {
-  return (
-    <Icon viewBox="0 0 870 873">
-      <G fillRule="nonzero" stroke="none" strokeWidth={1} fill="none">
-        <Path
-          d="M435 .1C194.8.1.1 194.8.1 435c0 187.3 118.4 346.9 284.4 408.1 3.3-29.9 15-57.2 32.7-79.6 12.1-15.4 26.9-28.5 43.9-38.4 2.1-5 4.6-10.6 7.1-16.6-50.3-26-84.7-78.1-84.7-138.6 0-51.7 25.3-97.7 64-125.9-10.9-20.6-21.3-40.2-31.8-58.2-18.1-31.5-46.7-59.7-68.4-78.9-21 11.9-47.8 4.7-59.7-16.3-11.9-21-4.7-47.8 16.3-59.7 21-11.9 47.4-4.7 59.7 15.9v.4c7.2 12.7 7.2 27.5 1.8 39.8 22.8 19.5 56.8 52.5 77.8 89 9.8 17 19.5 34.7 29.3 53.5 20.3-9.4 42.7-14.8 66.2-14.8 21.3 0 41.6 4.3 60.1 11.9 9.8-18.5 19.5-36.2 28.9-52.8 21-36.2 54.6-68.7 77.4-88.3-5.4-12.3-5.4-26.8 1.8-39.4v-.4c12.3-20.6 38.7-27.9 59.3-15.9 21 11.9 28.2 38.7 16.3 59.3-11.9 21-38.4 28.2-59.3 16.3-21.7 18.8-49.9 47.4-68 78.5-10.1 17.4-20.3 36.5-30.8 56.4 42 27.9 69.8 75.3 69.8 129.5 0 63-36.9 116.9-90.4 141.5.9 2.7 2 4.9 3 7.2 47 22.3 81.1 67.4 87.9 121.1C755.9 776 869.9 618.8 869.9 435 869.9 194.8 675.2.1 435 .1z"
-          fill="#CA0000"
-        />
-      </G>
-    </Icon>
-  );
-};

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

@@ -1,45 +0,0 @@
-import React from 'react';
-import { Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box
-      p={4}
-      rounded="lg"
-      _light={{
-        bg: 'blue.300',
-      }}
-      _dark={{
-        bg: 'blue.400',
-      }}
-      position="relative"
-      overflow="hidden"
-    >
-      <Box
-        _light={{
-          bg: 'blue.500',
-        }}
-        _dark={{
-          bg: 'blue.700',
-        }}
-        rounded="full"
-        size={20}
-        left={5}
-        top={-2}
-        opacity={0.6}
-        zIndex={-1}
-        position="absolute"
-      />
-      <Box
-        _light={{
-          bg: 'blue.900',
-        }}
-        _dark={{
-          bg: 'gray.100',
-        }}
-        rounded="lg"
-        size={6}
-      />
-    </Box>
-  );
-};

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

@@ -1,84 +0,0 @@
-import React from 'react';
-import { Box } from 'native-base';
-export function Example() {
-  return (
-    <Box
-      size={20}
-      rounded="lg"
-      _light={{
-        bg: 'emerald.300',
-      }}
-      _dark={{
-        bg: 'emerald.400',
-      }}
-      position="relative"
-      overflow="hidden"
-      w="70%"
-    >
-      <Box
-        _light={{
-          bg: 'emerald.500',
-        }}
-        _dark={{
-          bg: 'emerald.700',
-        }}
-        rounded="full"
-        size={10}
-        left={-1}
-        top={1}
-        opacity={0.6}
-        zIndex={-1}
-        position="absolute"
-      />
-      <Box
-        _light={{
-          bg: 'emerald.500',
-        }}
-        _dark={{
-          bg: 'emerald.700',
-        }}
-        rounded="full"
-        size={7}
-        right={-3}
-        top={5}
-        zIndex={-1}
-        position="absolute"
-      />
-
-      <Box
-        _light={{
-          bg: 'emerald.500',
-        }}
-        _dark={{
-          bg: 'emerald.700',
-        }}
-        size={40}
-        left={10}
-        top={1}
-        opacity={0.6}
-        zIndex={-1}
-        position="absolute"
-        style={{
-          transform: [{ rotate: '45deg' }],
-        }}
-      />
-      <Box
-        _light={{
-          bg: 'emerald.300',
-        }}
-        _dark={{
-          bg: 'emerald.400',
-        }}
-        size={10}
-        right={5}
-        bottom={-20}
-        opacity={0.6}
-        zIndex={-1}
-        position="absolute"
-        style={{
-          transform: [{ rotate: '45deg' }],
-        }}
-      />
-    </Box>
-  );
-}

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Input, VStack, Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <VStack justifyContent="center" w="80%">
-      <Input aria-label="input" size="xs" isDisabled />
-      <Box
-        position="absolute"
-        _light={{
-          bg: 'gray.600',
-        }}
-        _dark={{
-          bg: 'gray.100',
-        }}
-        h="8px"
-        rounded="25"
-        w="40%"
-        mx={5}
-      />
-    </VStack>
-  );
-};

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Input, Box, KeyboardAvoidingView } from 'native-base';
-export const Example = () => {
-  return (
-    <Box w="100%" justifyContent="flex-end" flex={1}>
-      <KeyboardAvoidingView behavior="padding" keyboardVerticalOffset={40}>
-        <Input
-          aria-label="keyboard avoiding view"
-          m={4}
-          variant="filled"
-          isDisabled
-        />
-      </KeyboardAvoidingView>
-    </Box>
-  );
-};

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

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box
-      borderColor="transparent"
-      _light={{
-        borderBottomColor: 'gray.600',
-      }}
-      _dark={{
-        borderBottomColor: 'gray.100',
-      }}
-      w="50%"
-    >
-      <Box
-        _light={{
-          bg: 'gray.600',
-        }}
-        _dark={{
-          bg: 'gray.100',
-        }}
-        rounded="25"
-        h="11px"
-        mb={1}
-        w="100%"
-      />
-    </Box>
-  );
-};

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

@@ -1,112 +0,0 @@
-import React from 'react';
-import { Box, VStack, Divider, Center } from 'native-base';
-
-export function Example() {
-  return (
-    <Center w="80%">
-      <Box position="relative" alignItems="flex-end">
-        <Box
-          p={2}
-          right={0}
-          w={10}
-          rounded="lg"
-          _light={{
-            bg: 'cyan.200',
-          }}
-          _dark={{
-            bg: 'cyan.300',
-          }}
-          position="relative"
-          overflow="hidden"
-        >
-          <Box
-            _light={{
-              bg: 'cyan.400',
-            }}
-            _dark={{
-              bg: 'cyan.500',
-            }}
-            rounded="full"
-            size={20}
-            left={5}
-            top={-2}
-            opacity={0.6}
-            zIndex={-1}
-            position="absolute"
-          />
-          <Box
-            _light={{
-              bg: 'gray.600',
-            }}
-            _dark={{
-              bg: 'gray.100',
-            }}
-            rounded="lg"
-            size={6}
-          />
-        </Box>
-        <VStack
-          position="relative"
-          right={0}
-          w={32}
-          rounded="md"
-          _light={{
-            bg: 'cyan.50',
-          }}
-          _dark={{
-            bg: 'cyan.400',
-          }}
-          space={4}
-          divider={
-            <Divider
-              
-              _light={{
-                borderColor: 'red.300',
-              }}
-              _dark={{
-                borderColor: 'cyan.200',
-              }}
-            />
-          }
-          py={4}
-          alignItems="center"
-          justifyContent="center"
-        >
-          <Box
-            _light={{
-              bg: 'cyan.300',
-            }}
-            _dark={{
-              bg: 'cyan.200',
-            }}
-            h="8px"
-            rounded="25"
-            w="80%"
-          />
-          <Box
-            _light={{
-              bg: 'cyan.300',
-            }}
-            _dark={{
-              bg: 'cyan.200',
-            }}
-            h="8px"
-            rounded="25"
-            w="80%"
-          />
-          <Box
-            _light={{
-              bg: 'cyan.300',
-            }}
-            _dark={{
-              bg: 'cyan.200',
-            }}
-            h="8px"
-            rounded="25"
-            w="80%"
-          />
-        </VStack>
-      </Box>
-    </Center>
-  );
-}