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

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

@@ -1,117 +0,0 @@
-import React from 'react';
-import { Box, VStack } from 'native-base';
-
-export const Example = () => {
-  return (
-    <VStack
-      w="70%"
-      rounded="md"
-      _light={{
-        bg: 'pink.100',
-      }}
-      _dark={{
-        bg: 'pink.200',
-      }}
-      space={4}
-      p={4}
-      justifyContent="center"
-      mt={6}
-    >
-      <Box
-        _light={{
-          bg: 'white',
-          opacity: 0.8,
-        }}
-        _dark={{
-          bg: 'gray.100',
-        }}
-        rounded="sm"
-        h="11px"
-        w="50%"
-      />
-      <VStack space={1}>
-        <Box
-          _light={{
-            bg: 'white',
-            opacity: 0.8,
-          }}
-          _dark={{
-            bg: 'gray.100',
-          }}
-          h="7px"
-          rounded="25"
-          w="90%"
-        />
-
-        <Box
-          _light={{
-            bg: 'white',
-            opacity: 0.8,
-          }}
-          _dark={{
-            bg: 'gray.100',
-          }}
-          h="7px"
-          rounded="25"
-          w="100%"
-        />
-
-        <Box
-          _light={{
-            bg: 'white',
-            opacity: 0.8,
-          }}
-          _dark={{
-            bg: 'gray.100',
-          }}
-          h="7px"
-          rounded="25"
-          w="96%"
-        />
-      </VStack>
-
-      <Box
-        // _text={{ color: 'white' }}
-        p={2}
-        px={3}
-        rounded="lg"
-        _light={{
-          bg: 'pink.300',
-        }}
-        _dark={{
-          bg: 'pink.400',
-        }}
-        position="relative"
-        overflow="hidden"
-        w={{ base: '65%', lg: '30%' }}
-        alignSelf="flex-end"
-      >
-        <Box
-          _light={{
-            bg: 'pink.500',
-          }}
-          _dark={{
-            bg: 'pink.700',
-          }}
-          rounded="full"
-          size={20}
-          right="-32"
-          top="-10"
-          opacity={0.6}
-          zIndex={-1}
-          position="absolute"
-        />
-        <Box
-          _light={{
-            bg: 'white',
-          }}
-          _dark={{
-            bg: 'gray.100',
-          }}
-          rounded="25"
-          h="7px"
-        />
-      </Box>
-    </VStack>
-  );
-};

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

@@ -1,166 +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}>
-        <Box
-          _light={{
-            bg: 'darkBlue.600',
-          }}
-          _dark={{
-            bg: 'gray.100',
-          }}
-          rounded="sm"
-          w="30%"
-        />
-        <VStack space={1} flex={1}>
-          <Box
-            _light={{
-              bg: 'darkBlue.600',
-            }}
-            _dark={{
-              bg: 'gray.100',
-            }}
-            h="7px"
-            rounded="25"
-            w="80%"
-          />
-
-          <Box
-            _light={{
-              bg: 'darkBlue.600',
-            }}
-            _dark={{
-              bg: 'gray.100',
-            }}
-            h="7px"
-            rounded="25"
-            w="40%"
-          />
-
-          <Box
-            _light={{
-              bg: 'darkBlue.600',
-            }}
-            _dark={{
-              bg: 'gray.100',
-            }}
-            h="7px"
-            rounded="25"
-            w="50%"
-          />
-        </VStack>
-      </HStack>
-
-      <HStack space={2} mt={2} justifyContent="flex-end">
-        <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: 'darkBlue.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: 'darkBlue.600',
-            }}
-            _dark={{
-              bg: 'gray.100',
-            }}
-            rounded="25"
-            h="7px"
-          />
-        </Box>
-      </HStack>
-
-      <Box
-        _light={{
-          bg: 'darkBlue.100',
-        }}
-        _dark={{
-          bg: 'darkBlue.600',
-        }}
-        size={4}
-        right={5}
-        bottom={-8}
-        position="absolute"
-        style={{
-          transform: [{ rotate: '45deg' }],
-        }}
-      />
-    </VStack>
-  );
-}

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Pressable } from 'native-base';
-
-export function Example() {
-  return (
-    <Pressable
-      p={2}
-      borderRadius={6}
-      _light={{
-        bg: 'green.500',
-      }}
-      _dark={{
-        bg: 'green.200',
-      }}
-      w={{ base: '80%', lg: '60%' }}
-      h={10}
-    ></Pressable>
-  );
-}

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

@@ -1,14 +0,0 @@
-import React from "react";
-import { Progress } from "native-base";
-
-export const Example = () => {
-  return (
-    <Progress
-      aria-label="progressBar1"
-      w="80%"
-      value={60}
-      bg="white"
-      colorScheme="lightBlue"
-    />
-  );
-};

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Box, Radio, FormControl } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box
-      p={4}
-      rounded="full"
-      _light={{
-        bg: 'orange.50',
-      }}
-      _dark={{
-        bg: 'orange.600',
-      }}
-      opacity={0.5}
-    >
-      <Radio.Group name="exampleGroup" value="1" nativeID="r1">
-        <Radio value="1" colorScheme="orange" aria-label="radio" />
-      </Radio.Group>
-    </Box>
-  );
-};

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

@@ -1,28 +0,0 @@
-import React from 'react';
-import { Box } from 'native-base';
-export const Example = () => {
-  return (
-    <Box
-      _light={{
-        bg: 'pink.100',
-      }}
-      _dark={{
-        bg: 'pink.200',
-      }}
-      h={16}
-      w={100}
-    >
-      <Box position="absolute" w={1} h="100%" right={0} bg="gray.500">
-        <Box
-          position="absolute"
-          w={1}
-          h={6}
-          right={0}
-          top={2}
-          bg="gray.200"
-          borderRadius={4}
-        ></Box>
-      </Box>
-    </Box>
-  );
-};

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

@@ -1,71 +0,0 @@
-import React from 'react';
-import { Box, VStack } from 'native-base';
-
-export const Example = () => {
-  const data = [
-    {
-      title: 'Main dishes',
-      data: ['Pizza', 'Burger', 'Risotto'],
-    },
-    {
-      title: 'Sides',
-      data: ['French Fries', 'Onion Rings', 'Fried Shrimps'],
-    },
-    {
-      title: 'Drinks',
-      data: ['Water', 'Coke', 'Beer'],
-    },
-    {
-      title: 'Desserts',
-      data: ['Cheese Cake', 'Ice Cream'],
-    },
-  ];
-
-  return (
-    <Box mt={5} bg="orange.100" w={{ base: '60%', lg: '35%' }}>
-      <VStack space={3} m={2} alignContent="center">
-        <VStack space={1} alignContent="center">
-          <Box
-            w="40%"
-            bg="amber.500"
-            opacity={0.5}
-            h={3}
-            mb={1}
-            borderRadius={3}
-          />
-          <Box w="100%" bg="amber.500" opacity={0.5} h={1} borderRadius={6} />
-          <Box w="100%" bg="amber.500" opacity={0.5} h={1} borderRadius={6} />
-          <Box w="100%" bg="amber.500" opacity={0.5} h={1} borderRadius={6} />
-        </VStack>
-
-        <VStack space={1} alignContent="center">
-          <Box
-            w="40%"
-            bg="amber.500"
-            opacity={0.5}
-            h={3}
-            mb={1}
-            borderRadius={3}
-          />
-          <Box w="100%" bg="amber.500" opacity={0.5} h={1} borderRadius={6} />
-          <Box w="100%" bg="amber.500" opacity={0.5} h={1} borderRadius={6} />
-          <Box w="100%" bg="amber.500" opacity={0.5} h={1} borderRadius={6} />
-        </VStack>
-
-        <VStack space={1} alignContent="center">
-          <Box
-            w="40%"
-            bg="amber.500"
-            opacity={0.5}
-            h={3}
-            mb={1}
-            borderRadius={3}
-          />
-          <Box w="100%" bg="amber.500" opacity={0.5} h={1} borderRadius={6} />
-          <Box w="100%" bg="amber.500" opacity={0.5} h={1} borderRadius={6} />
-          <Box w="100%" bg="amber.500" opacity={0.5} h={1} borderRadius={6} />
-        </VStack>
-      </VStack>
-    </Box>
-  );
-};

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

@@ -1,25 +0,0 @@
-import React from "react";
-import { Select, Box, VStack } from "native-base";
-
-export const Example = () => {
-	return (
-		<VStack justifyContent="center" w="80%">
-			<Select>
-				<Select.Item label="JavaScript" value="js" />
-			</Select>
-			<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/SignalTest.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/Skeleton.tsx

@@ -1,11 +0,0 @@
-import React from "react";
-import { VStack, Skeleton } from "native-base";
-
-export const Example = () => {
-  return (
-    <VStack mt={3} space={4} w="80%" overflow="hidden" rounded="md">
-      <Skeleton h="10" />
-      <Skeleton.Text startColor="primary.100" lines={3} />
-    </VStack>
-  );
-};

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Slider, FormControl } from 'native-base';
-
-export const Example = () => {
-  return (
-    <FormControl.Label nativeID="sliderLabel" w="80%">
-      <Slider
-        defaultValue={70}
-        colorScheme="fuchsia"
-        w="100%"
-        aria-label="slider-example"
-        accessibilityLabel="slider example"
-        aria-labelledby="sliderLabel"
-        nativeID="sliderExample"
-      >
-        <Slider.Track>
-          <Slider.FilledTrack />
-        </Slider.Track>
-        <Slider.Thumb aria-label="pointer of slider" />
-      </Slider>
-    </FormControl.Label>
-  );
-};

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Spinner } from 'native-base';
-
-export const Example = () => {
-  return (
-    
-    <Spinner 
-      size="lg"
-      accessibilityLabel="Loading posts" 
-      _light={{
-        color: 'green.500',
-      }}
-      _dark={{
-        color: 'green.200',
-      }}
-    />
-  );
-};

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Stack, Box } from 'native-base';
-
-export function Example() {
-  return (
-    <Box>
-      <Stack direction="row" mt={3} shadow={6}>
-        <Box w={{ base: 50, lg: 100 }} h={3} bg="warmGray.100" />
-        <Box w={{ base: 50, lg: 100 }} h={3} bg="red.300" />
-        <Box w={{ base: 50, lg: 100 }} h={3} bg="purple.500" />
-      </Stack>
-      <Stack direction="column" mt={3} shadow={6} w={100} alignSelf="center">
-        <Box w={100} h={3} bg="red.50" />
-        <Box w={100} h={3} bg="red.300" />
-        <Box w={100} h={3} bg="purple.500" />
-      </Stack>
-    </Box>
-  );
-}

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { StatusBar } from 'native-base';
-export const Example = () => {
-  return <StatusBar />;
-};

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Switch, FormControl } from 'native-base';
-
-export const Example = () => {
-  return (
-    <FormControl.Label>
-      <Switch aria-label="switch" />
-    </FormControl.Label>
-  );
-};