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

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Box/composition-card2.tsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import { Box, Heading, Image, Text, Stack } from 'native-base';
-export const Example = () => {
-  return (
-    <Box rounded="25" w="100%" shadow={4} mx={{ base: 'auto', md: 0 }}>
-      <Image
-        h={64}
-        roundedTop="25"
-        source={{
-          uri:
-            'https://image.freepik.com/free-photo/silhouette-person-standing-top-hill-beautiful-colorful-sky-morning_181624-24501.jpg',
-        }}
-        alt="NativeBase Card"
-      />
-      <Stack p={4} space={2}>
-        <Heading
-          _light={{ color: 'blueGray.700' }}
-          _dark={{ color: 'blueGray.100' }}
-        >
-          Adventure
-        </Heading>
-        <Text
-          _light={{ color: 'blueGray.500' }}
-          _dark={{ color: 'blueGray.200' }}
-        >
-          An exciting experience that is typically bold, sometimes risky,
-          undertaking...
-          <Text
-            bold
-            _light={{ color: 'blueGray.500' }}
-            _dark={{ color: 'blueGray.200' }}
-          >
-            more
-          </Text>
-        </Text>
-      </Stack>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Box/composition-card3.tsx

@@ -1,57 +0,0 @@
-import React from 'react';
-import {
-  Box,
-  Heading,
-  Image,
-  Text,
-  Icon,
-  HStack,
-  Stack,
-  Center,
-} from 'native-base';
-import { Feather, AntDesign } from '@expo/vector-icons';
-
-export const Example = () => {
-  return (
-    // <Box rounded="25" shadow={4} mx={{ base: 'auto', md: 0 }}>
-    <Box rounded="25" w="100%" shadow={4} mx={{ base: 'auto', md: 0 }}>
-      <Image
-        h={64}
-        // w={200}
-        w="100%"
-        rounded="25"
-        source={{
-          uri:
-            'https://image.freepik.com/free-photo/pathway-middle-green-leafed-trees-with-sun-shining-through-branches_181624-4539.jpg',
-        }}
-        alt="NativeBase Card"
-      />
-
-      <Center position="absolute" height="100%" width="100%">
-        <Icon
-          as={<AntDesign name="play" />}
-          color="gray.200"
-          size={12}
-          opacity={0.8}
-        />
-      </Center>
-
-      <HStack
-        position="absolute"
-        bottom={4}
-        w={64}
-        px={4}
-        alignItems="center"
-        justifyContent="space-between"
-      >
-        <Stack>
-          <Heading color="gray.200" size="md">
-            Sacred Grove
-          </Heading>
-          <Text color="gray.200">Meghalaya</Text>
-        </Stack>
-        <Icon as={<Feather name="more-horizontal" />} color="white" />
-      </HStack>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Box/composition-shoes-card.tsx

@@ -1,54 +0,0 @@
-import React from 'react';
-import { Box, Text, Image, Heading, Stack } from 'native-base';
-export const Example = () => {
-  return (
-    <Box
-      flexDirection={{ base: 'column', md: 'row' }}
-      shadow={4}
-      rounded="xl"
-      overflow="hidden"
-      w="100%"
-    >
-      <Box width={{ md: 24 }} height={{ base: 32, md: '100%' }}>
-        <Image
-          source={{
-            uri:
-              'https://static.nike.com/a/images/f_auto/dpr_2.0/w_1328,c_limit/b56d1e9b-3861-4c89-995d-b8fb6240a762/nike-just-do-it.jpg',
-          }}
-          height={32}
-          alt="Shoes"
-        />
-      </Box>
-      <Stack p={3} space={2} minW={32}>
-        <Text fontSize="xs" color="red.400" fontWeight="semibold">
-          Just In
-        </Text>
-        <Stack space={1}>
-          <Heading size="sm">Jordan MA2</Heading>
-          <Text
-            fontWeight="medium"
-            _light={{ color: 'blueGray.600' }}
-            _dark={{ color: 'blueGray.50' }}
-          >
-            Older Kids' Shoe
-          </Text>
-          <Text
-            fontWeight="medium"
-            _light={{ color: 'blueGray.600' }}
-            _dark={{ color: 'blueGray.50' }}
-          >
-            2 colors
-          </Text>
-        </Stack>
-        <Text
-          fontSize="md"
-          fontWeight="semibold"
-          _light={{ color: 'blueGray.600' }}
-          _dark={{ color: 'blueGray.50' }}
-        >
-          $ 150
-        </Text>
-      </Stack>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Box/composition.tsx

@@ -1,86 +0,0 @@
-import React from 'react';
-import {
-  Box,
-  Heading,
-  AspectRatio,
-  Image,
-  Text,
-  Center,
-  HStack,
-  Stack,
-} from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box alignItems="center">
-      <Box
-        maxW="80"
-        rounded="lg"
-        overflow="hidden"
-        borderColor="coolGray.200"
-        borderWidth="1"
-        _dark={{ borderColor: 'coolGray.600', backgroundColor: 'gray.700' }}
-        _web={{
-          shadow: 2,
-          borderWidth: 0,
-        }}
-        _light={{ backgroundColor: 'gray.50' }}
-      >
-        <Box>
-          <AspectRatio w="100%" ratio={16 / 9}>
-            <Image
-              source={{
-                uri:
-                  'https://www.holidify.com/images/cmsuploads/compressed/Bangalore_citycover_20190613234056.jpg',
-              }}
-              alt="image"
-            />
-          </AspectRatio>
-          <Center
-            bg="violet.500"
-            _dark={{ bg: 'violet.400' }}
-            _text={{ color: 'warmGray.50', fontWeight: '700', fontSize: 'xs' }}
-            position="absolute"
-            bottom="0"
-            px="3"
-            py="1.5"
-          >
-            PHOTOS
-          </Center>
-        </Box>
-        <Stack p="4" space={3}>
-          <Stack space={2}>
-            <Heading size="md" ml="-1">
-              The Garden City
-            </Heading>
-            <Text
-              fontSize="xs"
-              _light={{ color: 'violet.500' }}
-              _dark={{ color: 'violet.400' }}
-              fontWeight="500"
-              ml="-0.5"
-              mt="-1"
-            >
-              The Silicon Valley of India.
-            </Text>
-          </Stack>
-          <Text fontWeight="400">
-            Bengaluru (also called Bangalore) is the center of India's high-tech
-            industry. The city is also known for its parks and nightlife.
-          </Text>
-          <HStack alignItems="center" space={4} justifyContent="space-between">
-            <HStack alignItems="center">
-              <Text
-                color="coolGray.600"
-                _dark={{ color: 'warmGray.200' }}
-                fontWeight="400"
-              >
-                6 mins ago
-              </Text>
-            </HStack>
-          </HStack>
-        </Stack>
-      </Box>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Box/index.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
-import { Example as Basic } from './basic';
-import { Example as LinearGrad } from './LinearGrad';
-import { Example as WithRef } from './WithRef';
-import { Example as Composition } from './composition';
-// import { Example as CompositionCard } from './composition-card';
-// import { Example as CompositionCard1 } from './composition-card1';
-// import { Example as CompositionCard2 } from './composition-card2';
-// import { Example as CompositionCard3 } from './composition-card3';
-// import { Example as CompositionShoesCard } from './composition-shoes-card';
-import Wrapper from './../../Wrapper';
-
-storiesOf('Box', module)
-  .addDecorator(withKnobs)
-  .addDecorator((getStory: any) => <Wrapper>{getStory()}</Wrapper>)
-  .add('Basic Box', () => <Basic />)
-  .add('LinearGradient Box', () => <LinearGrad />)
-  .add('Composition', () => <Composition />)
-  .add('With Ref', () => <WithRef />);
-// .add('Composition Card', () => <CompositionCard />)
-// .add('Composition Shoes Card', () => <CompositionShoesCard />)
-// .add('CompositionCard1', () => <CompositionCard1 />)
-// .add('CompositionCard2', () => <CompositionCard2 />)
-// .add('CompositionCard3', () => <CompositionCard3 />);

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Button/Composition.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Button } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Button
-      size="md"
-      height="48px"
-      px="5"
-      variant="outline"
-      borderRadius="999"
-      borderWidth="2"
-      mx={{ base: 'auto', md: '0' }}
-    >
-      SHOP NOW
-    </Button>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Button/WithRef.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import { Button, Box } from 'native-base';
-
-export const Example = () => {
-  const myRef = React.useRef({});
-
-  React.useEffect(() => {
-    const styleObj = {
-      backgroundColor: '#facc15',
-      borderColor: '#CA8A04',
-      borderWidth: 1,
-      borderRadius: 4,
-    };
-
-    //@ts-ignore
-    myRef?.current?.setNativeProps({ style: styleObj });
-  }, [myRef]);
-  return (
-    <Box alignItems="center">
-      <Button
-        size="sm"
-        variant={'solid'}
-        _text={{ color: '#1F2937' }}
-        ref={myRef}
-        px="3"
-      >
-        Send
-      </Button>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Button/basic.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Button, Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box alignItems="center">
-      <Button onPress={() => console.log('hello world')}>Click Me</Button>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Button/icons.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Button, Stack, Icon } from 'native-base';
-import { Ionicons } from '@expo/vector-icons';
-
-export const Example = () => {
-  return (
-    <Stack direction={{ base: 'column', md: 'row' }} space={4}>
-      <Button
-        leftIcon={<Icon as={Ionicons} name="cloud-upload-outline" size="sm" />}
-      >
-        Upload
-      </Button>
-      <Button
-        variant="subtle"
-        endIcon={<Icon as={Ionicons} name="cloud-download-outline" size="sm" />}
-      >
-        Download
-      </Button>
-    </Stack>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Button/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
-import { Example as WithRef } from './WithRef';
-import { Example as Sizes } from './sizes';
-import { Example as Basic } from './basic';
-import { Example as Variants } from './variants';
-import { Example as Loading } from './loading';
-import { Example as Icons } from './icons';
-import { Example as Composition } from './Composition';
-import Wrapper from './../../Wrapper';
-
-storiesOf('Button', module)
-  .addDecorator(withKnobs)
-  .addDecorator((getStory: any) => <Wrapper>{getStory()}</Wrapper>)
-  .add('Basic', () => <Basic />)
-  .add('Variants', () => <Variants />)
-  .add('Sizes', () => <Sizes />)
-  .add('Loading', () => <Loading />)
-  .add('Icons', () => <Icons />)
-  .add('Composition', () => <Composition />)
-  .add('WithRef', () => <WithRef />);

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Button/loading.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { Button, Stack } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Stack
-      direction={{ base: 'column', md: 'row' }}
-      space={2}
-      alignItems={{ base: 'center', md: 'flex-start' }}
-    >
-      <Button isLoading>Button</Button>
-      <Button isLoading isLoadingText="Submitting">
-        Button
-      </Button>
-      <Button isLoading spinnerPlacement="end" isLoadingText="Submitting">
-        Button
-      </Button>
-      <Button
-        isLoading
-        _loading={{
-          bg: 'amber.400:alpha.70',
-          _text: { color: 'coolGray.700' },
-        }}
-        _spinner={{ color: 'white' }}
-        isLoadingText="Submitting"
-      >
-        Button
-      </Button>
-      <Button isLoading isLoadingText="Submitting" variant="outline">
-        Button
-      </Button>
-    </Stack>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Button/sizes.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Button, VStack } from 'native-base';
-
-export const Example = () => {
-  return (
-    <VStack space={4} alignItems="center">
-      {['xs', 'sm', 'md', 'lg'].map((size) => (
-        <Button key={size} size={size}>
-          BUTTON
-        </Button>
-      ))}
-    </VStack>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/Button/variants.tsx

@@ -1,145 +0,0 @@
-import React from 'react';
-import {
-  Button,
-  Divider,
-  Heading,
-  VStack,
-  Stack,
-  ScrollView,
-} from 'native-base';
-
-export const Example = () => {
-  return (
-    <ScrollView showsVerticalScrollIndicator={false} px="3">
-      <VStack
-        w="100%"
-        space={4}
-        px="2"
-        mt="4"
-        alignItems="center"
-        justifyContent="center"
-      >
-        {/* Solid */}
-        <Heading size="md">Solid</Heading>
-        <Stack
-          mb="2.5"
-          mt="1.5"
-          direction={{ base: 'column', md: 'row' }}
-          space={2}
-          mx={{ base: 'auto', md: '0' }}
-        >
-          <Button size="sm">PRIMARY</Button>
-          <Button size="sm" colorScheme="secondary">
-            SECONDARY
-          </Button>
-          <Button size="sm" isDisabled>
-            DISABLED
-          </Button>
-        </Stack>
-
-        <Divider w="100%" />
-
-        <Heading size="md">Subtle</Heading>
-
-        {/* Subtle */}
-        <Stack
-          mb="2.5"
-          mt="1.5"
-          direction={{ base: 'column', md: 'row' }}
-          space={2}
-          mx={{ base: 'auto', md: '0' }}
-        >
-          <Button size="sm" variant="subtle">
-            PRIMARY
-          </Button>
-          <Button size="sm" variant="subtle" colorScheme="secondary">
-            SECONDARY
-          </Button>
-          <Button size="sm" variant="subtle" isDisabled>
-            DISABLED
-          </Button>
-        </Stack>
-        <Divider />
-        <Heading size="md">Outline</Heading>
-
-        {/* Outline */}
-        <Stack
-          mb="2.5"
-          mt="1.5"
-          direction={{ base: 'column', md: 'row' }}
-          space={2}
-          mx={{ base: 'auto', md: '0' }}
-        >
-          <Button size="sm" variant="outline">
-            PRIMARY
-          </Button>
-          <Button size="sm" variant="outline" colorScheme="secondary">
-            SECONDARY
-          </Button>
-          <Button size="sm" variant="outline" isDisabled>
-            DISABLED
-          </Button>
-        </Stack>
-        <Divider w="100%" />
-
-        <Heading size="md">Link</Heading>
-
-        {/* Link */}
-        <Stack
-          mb="2.5"
-          mt="1.5"
-          direction={{ base: 'column', md: 'row' }}
-          space={2}
-          mx={{ base: 'auto', md: '0' }}
-        >
-          <Button size="sm" variant="link">
-            PRIMARY
-          </Button>
-          <Button size="sm" variant="link" colorScheme="secondary">
-            SECONDARY
-          </Button>
-          <Button size="sm" variant="link" isDisabled>
-            DISABLED
-          </Button>
-        </Stack>
-        <Divider w="100%" />
-
-        <Heading size="md">Ghost</Heading>
-
-        {/* Ghost */}
-        <Stack
-          mb="2.5"
-          mt="1.5"
-          direction={{ base: 'column', md: 'row' }}
-          space={2}
-          mx={{ base: 'auto', md: '0' }}
-        >
-          <Button size="sm" variant="ghost">
-            PRIMARY
-          </Button>
-          <Button size="sm" variant="ghost" colorScheme="secondary">
-            SECONDARY
-          </Button>
-          <Button size="sm" variant="ghost" isDisabled>
-            DISABLED
-          </Button>
-        </Stack>
-
-        <Divider w="100%" />
-
-        <Heading size="md">Unstyled</Heading>
-
-        {/* Unstyled */}
-        <Stack
-          mb="2.5"
-          mt="1.5"
-          direction={{ base: 'column', md: 'row' }}
-          space={2}
-          mx={{ base: 'auto', md: '0' }}
-        >
-          <Button variant="unstyled">Unstyled</Button>
-        </Stack>
-      </VStack>
-    </ScrollView>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/ButtonGroup/basic.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Button } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Button.Group
-      isAttached
-      colorScheme="blue"
-      mx={{ base: 'auto', md: 0 }}
-      size="sm"
-    >
-      <Button>Edit</Button>
-      <Button variant="outline">Save</Button>
-    </Button.Group>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/ButtonGroup/direction.tsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import { Button, Divider, Heading, VStack, Center } from 'native-base';
-
-export const Example = () => {
-  return (
-    <VStack
-      w={{ base: '50%', md: '25%' }}
-      space={2.5}
-      px="2"
-      alignItems="center"
-    >
-      {/* Row */}
-      <Center w="100%">
-        <Heading mb="4" size="md">
-          Row
-        </Heading>
-        <Button.Group
-          variant="solid"
-          direction="row"
-          mx={{ base: 'auto', md: 0 }}
-        >
-          <Button colorScheme="teal">Save</Button>
-          <Button colorScheme="rose">Cancel</Button>
-        </Button.Group>
-        <Divider mt={5} />
-      </Center>
-
-      {/* Column */}
-      <Center>
-        <Heading mb="4" size="md">
-          Column
-        </Heading>
-        <Button.Group
-          variant="solid"
-          direction="column"
-          mx={{ base: 'auto', md: 0 }}
-        >
-          <Button colorScheme="teal">Save</Button>
-          <Button colorScheme="rose">Cancel</Button>
-        </Button.Group>
-      </Center>
-    </VStack>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/primitives/ButtonGroup/index.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
-import { Example as Sizes } from './sizes';
-import { Example as Basic } from './basic';
-import { Example as Variants } from './variants';
-import { Example as IsAttached } from './isAttached';
-import { Example as Direction } from './direction';
-import Wrapper from './../../Wrapper';
-
-storiesOf('ButtonGroup', module)
-  .addDecorator(withKnobs)
-  .addDecorator((getStory: any) => <Wrapper>{getStory()}</Wrapper>)
-  .add('Basic', () => <Basic />)
-  .add('Variants', () => <Variants />)
-  .add('Sizes', () => <Sizes />)
-  .add('isAttached', () => <IsAttached />)
-  .add('direction', () => <Direction />);