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

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import { Button, Actionsheet, useDisclose, Box, Text } from 'native-base';
-
-export function Example() {
-  const { isOpen, onOpen, onClose } = useDisclose();
-  return (
-    <>
-      <Button onPress={onOpen}>Actionsheet</Button>
-      <Actionsheet
-        isOpen={isOpen}
-        onClose={onClose}
-        _backdrop={{ bg: 'primary.100', _dark: { bg: 'primary.900' } }}
-      >
-        <Actionsheet.Content>
-          <Box w="100%" h={60} px={4} justifyContent="center">
-            <Text fontSize="16" color="gray.500" _dark={{ color: 'gray.300' }}>
-              Albums
-            </Text>
-          </Box>
-          <Actionsheet.Item>Delete</Actionsheet.Item>
-          <Actionsheet.Item>Share</Actionsheet.Item>
-          <Actionsheet.Item>Play</Actionsheet.Item>
-          <Actionsheet.Item>Favourite</Actionsheet.Item>
-          <Actionsheet.Item>Cancel</Actionsheet.Item>
-        </Actionsheet.Content>
-      </Actionsheet>
-    </>
-  );
-}

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

@@ -1,33 +0,0 @@
-import React from 'react';
-import {
-  Button,
-  Actionsheet,
-  useDisclose,
-  Box,
-  Text,
-  Center,
-} from 'native-base';
-
-export function Example() {
-  const { isOpen, onOpen, onClose } = useDisclose();
-  return (
-    <Center>
-      <Button id="DisableOverlay_Actionsheet_btn" onPress={onOpen}>Actionsheet</Button>
-
-      <Actionsheet isOpen={isOpen} onClose={onClose} disableOverlay>
-        <Actionsheet.Content>
-          <Box w="100%" h={60} px={4} justifyContent="center">
-            <Text fontSize="16" color="gray.500" _dark={{ color: 'gray.300' }}>
-              Albums
-            </Text>
-          </Box>
-          <Actionsheet.Item>Delete</Actionsheet.Item>
-          <Actionsheet.Item>Share</Actionsheet.Item>
-          <Actionsheet.Item>Play</Actionsheet.Item>
-          <Actionsheet.Item>Favourite</Actionsheet.Item>
-          <Actionsheet.Item>Cancel</Actionsheet.Item>
-        </Actionsheet.Content>
-      </Actionsheet>
-    </Center>
-  );
-}

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

@@ -1,59 +0,0 @@
-import React from 'react';
-import {
-  Button,
-  Actionsheet,
-  useDisclose,
-  Icon,
-  Box,
-  Text,
-  Center,
-} from 'native-base';
-import { Path } from 'react-native-svg';
-import { MaterialIcons, Ionicons } from '@expo/vector-icons';
-
-export function Example() {
-  const { isOpen, onOpen, onClose } = useDisclose();
-  return (
-    <Center>
-      <Button  id="Icon_Actionsheet_btn" onPress={onOpen}>Actionsheet</Button>
-      <Actionsheet isOpen={isOpen} onClose={onClose} size="full">
-        <Actionsheet.Content>
-          <Box w="100%" h={60} px={4} justifyContent="center">
-            <Text fontSize="16" color="gray.500" _dark={{ color: 'gray.300' }}>
-              Albums
-            </Text>
-          </Box>
-          <Actionsheet.Item
-            startIcon={<Icon as={MaterialIcons} size="6" name="delete" />}
-          >
-            Delete
-          </Actionsheet.Item>
-          <Actionsheet.Item
-            startIcon={<Icon as={MaterialIcons} name="share" size="6" />}
-          >
-            Share
-          </Actionsheet.Item>
-          <Actionsheet.Item
-            startIcon={<Icon as={Ionicons} name="play-circle" size="6" />}
-          >
-            Play
-          </Actionsheet.Item>
-          <Actionsheet.Item
-            startIcon={<Icon as={MaterialIcons} size="6" name="favorite" />}
-          >
-            Favourite
-          </Actionsheet.Item>
-          <Actionsheet.Item
-            startIcon={
-              <Icon viewBox="0 0 24 24" size="6" fill="none">
-                <Path d="M12.0007 10.5862L16.9507 5.63623L18.3647 7.05023L13.4147 12.0002L18.3647 16.9502L16.9507 18.3642L12.0007 13.4142L7.05072 18.3642L5.63672 16.9502L10.5867 12.0002L5.63672 7.05023L7.05072 5.63623L12.0007 10.5862Z" />
-              </Icon>
-            }
-          >
-            Cancel
-          </Actionsheet.Item>
-        </Actionsheet.Content>
-      </Actionsheet>
-    </Center>
-  );
-}

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import {
-  Button,
-  Actionsheet,
-  useDisclose,
-  Text,
-  Box,
-  Center,
-} from 'native-base';
-
-export function Example() {
-  const { isOpen, onOpen, onClose } = useDisclose();
-  return (
-    <Center>
-      <Button id="Usage_Actionsheet_btn" onPress={onOpen}>Actionsheet</Button>
-      <Actionsheet isOpen={isOpen} onClose={onClose}>
-        <Actionsheet.Content>
-          <Box w="100%" h={60} px={4} justifyContent="center">
-            <Text fontSize="16" color="gray.500" _dark={{ color: 'gray.300' }}>
-              Albums
-            </Text>
-          </Box>
-          <Actionsheet.Item>Delete</Actionsheet.Item>
-          <Actionsheet.Item isDisabled>Share</Actionsheet.Item>
-          <Actionsheet.Item>Play</Actionsheet.Item>
-          <Actionsheet.Item>Favourite</Actionsheet.Item>
-          <Actionsheet.Item>Cancel</Actionsheet.Item>
-        </Actionsheet.Content>
-      </Actionsheet>
-    </Center>
-  );
-}

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
-import Wrapper from '../../Wrapper';
-import { Example as Icon } from './Icon';
-import { Example as Usage } from './Usage';
-import { Example as Composition } from './Composition';
-import { Example as DisableOverlay } from './DisableOverlay';
-import { Example as CustomBackdrop } from './CustomBackdrop';
-
-storiesOf('Actionsheet', module)
-  .addDecorator(withKnobs)
-  .addDecorator((getStory: any) => <Wrapper>{getStory()}</Wrapper>)
-  .add('Usage', () => <Usage />)
-  .add('Icon', () => <Icon />)
-  .add('DisableOverlay', () => <DisableOverlay />)
-  .add('Composition', () => <Composition />)
-  .add('Custom Backdrop', () => <CustomBackdrop />);

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

@@ -1,56 +0,0 @@
-import React from 'react';
-import {
-  Alert,
-  Collapse,
-  Button,
-  VStack,
-  HStack,
-  IconButton,
-  CloseIcon,
-  Box,
-  Text,
-} from 'native-base';
-
-export function Example() {
-  const [show, setShow] = React.useState(true);
-  return (
-    <Box w="100%" alignItems="center">
-      <Collapse isOpen={show}>
-        <Alert w="90%" maxW="400" status="error">
-          <VStack space={1} flexShrink={1} w="100%">
-            <HStack
-              flexShrink={1}
-              space={2}
-              alignItems="center"
-              justifyContent="space-between"
-            >
-              <HStack flexShrink={1} space={2} alignItems="center">
-                <Alert.Icon />
-                <Text
-                  fontSize="md"
-                  fontWeight="medium"
-                  _dark={{ color: 'coolGray.800' }}
-                >
-                  Please try again later!
-                </Text>
-              </HStack>
-              <IconButton
-                variant="unstyled"
-                _focus={{ borderWidth: 0 }}
-                icon={<CloseIcon size="3" />}
-                _icon={{ color: 'coolGray.600' }}
-                onPress={() => setShow(false)}
-              />
-            </HStack>
-            <Box pl="6" _dark={{ _text: { color: 'coolGray.600' } }}>
-              Your coupon could not be processed at this time.
-            </Box>
-          </VStack>
-        </Alert>
-      </Collapse>
-      <Button size={'sm'} onPress={() => setShow(true)} mt={8} mx="auto">
-        Re-Open
-      </Button>
-    </Box>
-  );
-}

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

@@ -1,45 +0,0 @@
-import React from 'react';
-import {
-  Alert,
-  VStack,
-  HStack,
-  IconButton,
-  CloseIcon,
-  Box,
-  Heading,
-  Center,
-} from 'native-base';
-
-export const Example = () => {
-  return (
-    <Center>
-      <Alert w="90%" maxW="400" colorScheme="info">
-        <VStack space={1} flexShrink={1} w="100%">
-          <HStack
-            flexShrink={1}
-            space={2}
-            alignItems="center"
-            justifyContent="space-between"
-          >
-            <HStack space={2} flexShrink={1} alignItems="center">
-              <Alert.Icon />
-              <Heading fontSize="md" fontWeight="medium" color="coolGray.800">
-                We are going live in July!
-              </Heading>
-            </HStack>
-            <IconButton
-              variant="unstyled"
-              _focus={{ borderWidth: 0 }}
-              icon={<CloseIcon size="3" />}
-              _icon={{ color: 'coolGray.600' }}
-            />
-          </HStack>
-          <Box pl="6" _text={{ color: 'coolGray.600' }}>
-            We are happy to announce that we are going live on July 28th. Get
-            ready!
-          </Box>
-        </VStack>
-      </Alert>
-    </Center>
-  );
-};

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

@@ -1,46 +0,0 @@
-import React from 'react';
-import {
-  Stack,
-  Alert,
-  Text,
-  HStack,
-  VStack,
-  IconButton,
-  Box,
-  CloseIcon,
-} from 'native-base';
-
-export function Example() {
-  return (
-    <Stack space={4} mx={3} w="100%">
-      {['red', 'orange', 'pink'].map((key: any) => (
-        <Alert w="100%" colorScheme={key} key={key}>
-          <VStack space={2} flexShrink={1} w="100%">
-            <HStack
-              flexShrink={1}
-              space={2}
-              alignItems="center"
-              justifyContent="space-between"
-            >
-              <HStack space={2} flexShrink={1} alignItems="center">
-                <Alert.Icon />
-                <Text fontSize="md" fontWeight="medium" color="coolGray.800">
-                  Please try again later!
-                </Text>
-              </HStack>
-              <IconButton
-                variant="unstyled"
-                _focus={{ borderWidth: 0 }}
-                icon={<CloseIcon size="3" />}
-                _icon={{ color: 'coolGray.600' }}
-              />
-            </HStack>
-            <Box pl="6" _text={{ color: 'coolGray.600' }}>
-              Your coupon could not be processed at this time.
-            </Box>
-          </VStack>
-        </Alert>
-      ))}
-    </Stack>
-  );
-}

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

@@ -1,71 +0,0 @@
-import React from 'react';
-import {
-  Alert,
-  Box,
-  IconButton,
-  CloseIcon,
-  HStack,
-  VStack,
-  Text,
-  Center,
-} from 'native-base';
-
-export function Example() {
-  return (
-    <Center>
-      <VStack space={5} maxW="400">
-        <Alert w="100%" status="success">
-          <VStack space={2} flexShrink={1} w="100%">
-            <HStack
-              flexShrink={1}
-              space={1}
-              alignItems="center"
-              justifyContent="space-between"
-            >
-              <HStack space={2} flexShrink={1} alignItems="center">
-                <Alert.Icon />
-                <Text
-                  fontSize="md"
-                  fontWeight="medium"
-                  _dark={{ color: 'coolGray.800' }}
-                >
-                  Application received!
-                </Text>
-              </HStack>
-              <IconButton
-                variant="unstyled"
-                _focus={{ borderWidth: 0 }}
-                icon={<CloseIcon size="3" />}
-                _icon={{ color: 'coolGray.600' }}
-              />
-            </HStack>
-            <Box pl="6" _dark={{ _text: { color: 'coolGray.600' } }}>
-              Your application has been received. We will review your
-              application and respond within the next 48 hours.
-            </Box>
-          </VStack>
-        </Alert>
-        <Alert w="100%" status="success">
-          <VStack space={1} flexShrink={1} w="100%" alignItems="center">
-            <Alert.Icon size="md" />
-            <Text
-              fontSize="md"
-              fontWeight="medium"
-              _dark={{ color: 'coolGray.800' }}
-            >
-              Application received!
-            </Text>
-
-            <Box
-              _text={{ textAlign: 'center' }}
-              _dark={{ _text: { color: 'coolGray.600' } }}
-            >
-              Your application has been received. We will review your
-              application and respond within the next 48 hours.
-            </Box>
-          </VStack>
-        </Alert>
-      </VStack>
-    </Center>
-  );
-}

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
-import Wrapper from './../../Wrapper';
-// import { Example as Playground } from './knobEnabled';
-import { Example as Composition } from './composition';
-import { Example as Basic } from './basic';
-import { Example as Usage } from './usage';
-import { Example as Variant } from './variant';
-import { Example as Status } from './status';
-import { Example as ColorScheme } from './colorScheme';
-import { Example as Action } from './action';
-
-storiesOf('Alert', module)
-  .addDecorator(withKnobs)
-  .addDecorator((getStory: any) => <Wrapper>{getStory()}</Wrapper>)
-  // .add('Playground', () => <Playground />)
-  .add('Basic', () => <Basic />)
-  .add('Usage', () => <Usage />)
-  .add('Status', () => <Status />)
-  .add('ColorScheme', () => <ColorScheme />)
-  .add('Variant', () => <Variant />)
-  .add('Composition', () => <Composition />)
-  .add('action', () => <Action />);

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import { Alert, Box, CloseIcon, IconButton, Text } from 'native-base';
-import { select } from '@storybook/addon-knobs';
-
-export const Example = () => {
-  return (
-    <Box mx={3} w="90%">
-      <Alert
-        status={select(
-          'status',
-          ['success', 'green', 'error', 'red', 'warning'],
-          'error'
-        )}
-        colorScheme={'error'}
-        variant={select(
-          'variant',
-          ['left-accent', 'solid', 'subtle', 'top-accent'],
-          'subtle'
-        )}
-        action={<IconButton icon={<CloseIcon size={3} />} />}
-        actionProps={{ alignSelf: 'center' }}
-      >
-        <Alert.Icon />
-        <Text>Error Alert</Text>
-        <Text>Description </Text>
-      </Alert>
-    </Box>
-  );
-};

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

@@ -1,60 +0,0 @@
-import React from 'react';
-import {
-  Stack,
-  Alert,
-  IconButton,
-  HStack,
-  VStack,
-  CloseIcon,
-  Text,
-  Center,
-} from 'native-base';
-
-export function Example() {
-  const statusArray = [
-    {
-      status: 'success',
-      title: 'Selection successfully moved!',
-    },
-    {
-      status: 'error',
-      title: 'Please try again later!',
-    },
-    {
-      status: 'info',
-      title: 'We are going live in July!',
-    },
-    {
-      status: 'warning',
-      title: 'Poor internet connection.',
-    },
-  ];
-  return (
-    <Center>
-      <Stack space={3} w="90%" maxW="400">
-        {statusArray.map((status) => {
-          return (
-            <Alert w="100%" status={status.status}>
-              <VStack space={2} flexShrink={1} w="100%">
-                <HStack flexShrink={1} space={2} justifyContent="space-between">
-                  <HStack space={2} flexShrink={1}>
-                    <Alert.Icon mt="1" />
-                    <Text fontSize="md" color="coolGray.800">
-                      {status.title}
-                    </Text>
-                  </HStack>
-                  <IconButton
-                    variant="unstyled"
-                    _focus={{ borderWidth: 0 }}
-                    icon={<CloseIcon size="3" />}
-                    _icon={{ color: 'coolGray.600' }}
-                  />
-                </HStack>
-              </VStack>
-            </Alert>
-          );
-        })}
-      </Stack>
-    </Center>
-  );
-}

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

@@ -1,44 +0,0 @@
-import React from 'react';
-import {
-  Alert,
-  VStack,
-  HStack,
-  IconButton,
-  CloseIcon,
-  Box,
-  Text,
-  Center,
-} from 'native-base';
-export function Example() {
-  return (
-    <Center>
-      <Alert w="90%" maxW="400" status="info" colorScheme="info">
-        <VStack space={2} flexShrink={1} w="100%">
-          <HStack
-            flexShrink={1}
-            space={2}
-            alignItems="center"
-            justifyContent="space-between"
-          >
-            <HStack flexShrink={1} space={2} alignItems="center">
-              <Alert.Icon />
-              <Text fontSize="md" fontWeight="medium" color="coolGray.800">
-                We are going live in July!
-              </Text>
-            </HStack>
-            <IconButton
-              variant="unstyled"
-              _focus={{ borderWidth: 0 }}
-              icon={<CloseIcon size="3" />}
-              _icon={{ color: 'coolGray.600' }}
-            />
-          </HStack>
-          <Box pl="6" _text={{ color: 'coolGray.600' }}>
-            We are happy to announce that we are going live on July 28th. Get
-            ready!
-          </Box>
-        </VStack>
-      </Alert>
-    </Center>
-  );
-}

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

@@ -1,85 +0,0 @@
-import React from 'react';
-import {
-  Stack,
-  Alert,
-  HStack,
-  VStack,
-  Text,
-  Divider,
-  ScrollView,
-} from 'native-base';
-
-export function Example() {
-  const getTextColor = (
-    variant:
-      | 'solid'
-      | 'left-accent'
-      | 'top-accent'
-      | 'outline'
-      | 'subtle'
-      | 'outline-light'
-  ) => {
-    switch (variant) {
-      case 'left-accent':
-      case 'top-accent':
-      case 'subtle':
-        return 'coolGray.800';
-      case 'solid':
-        return 'warmGray.50';
-    }
-  };
-
-  return (
-    <ScrollView mt={5}>
-      <Stack
-        space={3}
-        w="90%"
-        maxW="400"
-        mr={5}
-        flexDirection="column"
-        justifyContent="center"
-        alignItems="center"
-      >
-        {[
-          'solid',
-          'left-accent',
-          'top-accent',
-          'outline',
-          'subtle',
-          'outline-light',
-        ].map((key: any) => {
-          return (
-            <>
-              <Text bold fontSize="xl" mb="4" textAlign="center">
-                {key}
-              </Text>
-              <Alert
-                w="100%"
-                variant={key}
-                colorScheme="success"
-                status="success"
-              >
-                <VStack space={2} flexShrink={1} w="100%">
-                  <HStack
-                    flexShrink={1}
-                    space={2}
-                    alignItems="center"
-                    justifyContent="space-between"
-                  >
-                    <HStack space={2} flexShrink={1} alignItems="center">
-                      <Alert.Icon />
-                      <Text color={getTextColor(key)}>
-                        Selection successfully moved!
-                      </Text>
-                    </HStack>
-                  </HStack>
-                </VStack>
-              </Alert>
-              <Divider mt="5" mb="2.5" />
-            </>
-          );
-        })}
-      </Stack>
-    </ScrollView>
-  );
-}