react-native-acoustic-connect 19.0.11 → 19.0.28

package/Examples/SampleUI/src/Examples/Dialogs/DialogWithCustomColors.tsx

@@ -1,57 +0,0 @@
-import * as React from 'react';
-
-import {
-  Button,
-  Portal,
-  Dialog,
-  MD2Colors,
-  MD3Colors,
-} from 'react-native-paper';
-
-import { TextComponent } from './DialogTextComponent';
-import { useExampleTheme } from '../..';
-
-const DialogWithCustomColors = ({
-  visible,
-  close,
-}: {
-  visible: boolean;
-  close: () => void;
-}) => {
-  const { isV3 } = useExampleTheme();
-
-  return (
-    <Portal>
-      <Dialog
-        onDismiss={close}
-        style={{
-          backgroundColor: isV3 ? MD3Colors.primary10 : MD2Colors.purple900,
-        }}
-        visible={visible}
-      >
-        <Dialog.Title
-          style={{ color: isV3 ? MD3Colors.primary95 : MD2Colors.white }}
-        >
-          Alert
-        </Dialog.Title>
-        <Dialog.Content>
-          <TextComponent
-            style={{ color: isV3 ? MD3Colors.primary95 : MD2Colors.white }}
-          >
-            This is a dialog with custom colors
-          </TextComponent>
-        </Dialog.Content>
-        <Dialog.Actions>
-          <Button
-            color={isV3 ? MD3Colors.primary95 : MD2Colors.white}
-            onPress={close}
-          >
-            Ok
-          </Button>
-        </Dialog.Actions>
-      </Dialog>
-    </Portal>
-  );
-};
-
-export default DialogWithCustomColors;

package/Examples/SampleUI/src/Examples/Dialogs/DialogWithDismissableBackButton.tsx

@@ -1,38 +0,0 @@
-import * as React from 'react';
-
-import { Button, Portal, Dialog, MD2Colors } from 'react-native-paper';
-
-import { TextComponent } from './DialogTextComponent';
-
-const DialogWithDismissableBackButton = ({
-  visible,
-  close,
-}: {
-  visible: boolean;
-  close: () => void;
-}) => (
-  <Portal>
-    <Dialog
-      onDismiss={close}
-      visible={visible}
-      dismissable={false}
-      dismissableBackButton
-    >
-      <Dialog.Title>Alert</Dialog.Title>
-      <Dialog.Content>
-        <TextComponent>
-          This is an undismissable dialog, however you can use hardware back
-          button to close it!
-        </TextComponent>
-      </Dialog.Content>
-      <Dialog.Actions>
-        <Button color={MD2Colors.teal500} disabled>
-          Disagree
-        </Button>
-        <Button onPress={close}>Agree</Button>
-      </Dialog.Actions>
-    </Dialog>
-  </Portal>
-);
-
-export default DialogWithDismissableBackButton;

package/Examples/SampleUI/src/Examples/Dialogs/DialogWithIcon.tsx

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { StyleSheet } from 'react-native';
-
-import { Button, Portal, Dialog, MD3Colors } from 'react-native-paper';
-
-import { TextComponent } from './DialogTextComponent';
-
-const DialogWithIcon = ({
-  visible,
-  close,
-}: {
-  visible: boolean;
-  close: () => void;
-}) => {
-  return (
-    <Portal>
-      <Dialog onDismiss={close} visible={visible}>
-        <Dialog.Icon icon="alert" />
-        <Dialog.Title style={styles.title}>Dialog with Icon</Dialog.Title>
-        <Dialog.Content>
-          <TextComponent>
-            This is a dialog with new component called DialogIcon. When icon is
-            displayed you should center the header.
-          </TextComponent>
-        </Dialog.Content>
-        <Dialog.Actions>
-          <Button onPress={close} color={MD3Colors.error50}>
-            Disagree
-          </Button>
-          <Button onPress={close}>Agree</Button>
-        </Dialog.Actions>
-      </Dialog>
-    </Portal>
-  );
-};
-
-const styles = StyleSheet.create({
-  title: {
-    textAlign: 'center',
-  },
-});
-export default DialogWithIcon;

package/Examples/SampleUI/src/Examples/Dialogs/DialogWithLoadingIndicator.tsx

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import { ActivityIndicator, Platform, StyleSheet, View } from 'react-native';
-
-import { Dialog, MD2Colors, MD3Colors, Portal } from 'react-native-paper';
-
-import { TextComponent } from './DialogTextComponent';
-import { useExampleTheme } from '../..';
-
-const isIOS = Platform.OS === 'ios';
-
-const DialogWithLoadingIndicator = ({
-  visible,
-  close,
-}: {
-  visible: boolean;
-  close: () => void;
-}) => {
-  const { isV3 } = useExampleTheme();
-  return (
-    <Portal>
-      <Dialog onDismiss={close} visible={visible}>
-        <Dialog.Title>Progress Dialog</Dialog.Title>
-        <Dialog.Content>
-          <View style={styles.flexing}>
-            <ActivityIndicator
-              color={isV3 ? MD3Colors.tertiary30 : MD2Colors.indigo500}
-              size={isIOS ? 'large' : 48}
-              style={styles.marginRight}
-            />
-            <TextComponent>Loading.....</TextComponent>
-          </View>
-        </Dialog.Content>
-      </Dialog>
-    </Portal>
-  );
-};
-
-const styles = StyleSheet.create({
-  flexing: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  marginRight: {
-    marginRight: 16,
-  },
-});
-
-export default DialogWithLoadingIndicator;

package/Examples/SampleUI/src/Examples/Dialogs/DialogWithLongText.tsx

@@ -1,81 +0,0 @@
-import * as React from 'react';
-import { Dimensions, ScrollView, StyleSheet } from 'react-native';
-
-import { Button, Portal, Dialog } from 'react-native-paper';
-
-import { TextComponent } from './DialogTextComponent';
-
-const DialogWithLongText = ({
-  visible,
-  close,
-}: {
-  visible: boolean;
-  close: () => void;
-}) => (
-  <Portal>
-    <Dialog
-      onDismiss={close}
-      visible={visible}
-      style={{ maxHeight: 0.6 * Dimensions.get('window').height }}
-    >
-      <Dialog.Title>Alert</Dialog.Title>
-      <Dialog.ScrollArea style={styles.smallPadding}>
-        <ScrollView contentContainerStyle={styles.biggerPadding}>
-          <TextComponent>
-            Material is the metaphor
-            {'\n'}
-            {'\n'}A material metaphor is the unifying theory of a rationalized
-            space and a system of motion. The material is grounded in tactile
-            reality, inspired by the study of paper and ink, yet technologically
-            advanced and open to imagination and magic.
-            {'\n'}
-            {'\n'}
-            Surfaces and edges of the material provide visual cues that are
-            grounded in reality. The use of familiar tactile attributes helps
-            users quickly understand affordances. Yet the flexibility of the
-            material creates new affordances that supersede those in the
-            physical world, without breaking the rules of physics.
-            {'\n'}
-            {'\n'}
-            The fundamentals of light, surface, and movement are key to
-            conveying how objects move, interact, and exist in space and in
-            relation to each other. Realistic lighting shows seams, divides
-            space, and indicates moving parts.
-            {'\n'}
-            {'\n'}A material metaphor is the unifying theory of a rationalized
-            space and a system of motion. The material is grounded in tactile
-            reality, inspired by the study of paper and ink, yet technologically
-            advanced and open to imagination and magic.
-            {'\n'}
-            {'\n'}
-            Surfaces and edges of the material provide visual cues that are
-            grounded in reality. The use of familiar tactile attributes helps
-            users quickly understand affordances. Yet the flexibility of the
-            material creates new affordances that supersede those in the
-            physical world, without breaking the rules of physics.
-            {'\n'}
-            {'\n'}
-            The fundamentals of light, surface, and movement are key to
-            conveying how objects move, interact, and exist in space and in
-            relation to each other. Realistic lighting shows seams, divides
-            space, and indicates moving parts.
-          </TextComponent>
-        </ScrollView>
-      </Dialog.ScrollArea>
-      <Dialog.Actions>
-        <Button onPress={close}>Ok</Button>
-      </Dialog.Actions>
-    </Dialog>
-  </Portal>
-);
-
-const styles = StyleSheet.create({
-  smallPadding: {
-    paddingHorizontal: 0,
-  },
-  biggerPadding: {
-    paddingHorizontal: 24,
-  },
-});
-
-export default DialogWithLongText;

package/Examples/SampleUI/src/Examples/Dialogs/DialogWithRadioBtns.tsx

@@ -1,111 +0,0 @@
-import * as React from 'react';
-import { ScrollView, View, StyleSheet } from 'react-native';
-
-import {
-  Button,
-  Portal,
-  Dialog,
-  RadioButton,
-  TouchableRipple,
-} from 'react-native-paper';
-
-import { TextComponent } from './DialogTextComponent';
-
-type Props = {
-  visible: boolean;
-  close: () => void;
-};
-
-type CheckedState = 'normal' | 'first' | 'second' | 'third' | 'fourth';
-
-const DialogWithRadioBtns = ({ visible, close }: Props) => {
-  const [checked, setChecked] = React.useState<CheckedState>('normal');
-
-  return (
-    <Portal>
-      <Dialog onDismiss={close} visible={visible}>
-        <Dialog.Title>Choose an option</Dialog.Title>
-        <Dialog.ScrollArea style={styles.container}>
-          <ScrollView>
-            <View>
-              <TouchableRipple onPress={() => setChecked('normal')}>
-                <View style={styles.row}>
-                  <View pointerEvents="none">
-                    <RadioButton
-                      value="normal"
-                      status={checked === 'normal' ? 'checked' : 'unchecked'}
-                    />
-                  </View>
-                  <TextComponent isSubheading style={styles.text}>
-                    Option 1
-                  </TextComponent>
-                </View>
-              </TouchableRipple>
-              <TouchableRipple onPress={() => setChecked('second')}>
-                <View style={styles.row}>
-                  <View pointerEvents="none">
-                    <RadioButton
-                      value="second"
-                      status={checked === 'second' ? 'checked' : 'unchecked'}
-                    />
-                  </View>
-                  <TextComponent isSubheading style={styles.text}>
-                    Option 2
-                  </TextComponent>
-                </View>
-              </TouchableRipple>
-              <TouchableRipple onPress={() => setChecked('third')}>
-                <View style={styles.row}>
-                  <View pointerEvents="none">
-                    <RadioButton
-                      value="third"
-                      status={checked === 'third' ? 'checked' : 'unchecked'}
-                    />
-                  </View>
-                  <TextComponent isSubheading style={styles.text}>
-                    Option 3
-                  </TextComponent>
-                </View>
-              </TouchableRipple>
-              <TouchableRipple onPress={() => setChecked('fourth')}>
-                <View style={styles.row}>
-                  <View pointerEvents="none">
-                    <RadioButton
-                      value="fourth"
-                      status={checked === 'fourth' ? 'checked' : 'unchecked'}
-                    />
-                  </View>
-                  <TextComponent isSubheading style={styles.text}>
-                    Option 4
-                  </TextComponent>
-                </View>
-              </TouchableRipple>
-            </View>
-          </ScrollView>
-        </Dialog.ScrollArea>
-        <Dialog.Actions>
-          <Button onPress={close}>Cancel</Button>
-          <Button onPress={close}>Ok</Button>
-        </Dialog.Actions>
-      </Dialog>
-    </Portal>
-  );
-};
-
-export default DialogWithRadioBtns;
-
-const styles = StyleSheet.create({
-  container: {
-    maxHeight: 170,
-    paddingHorizontal: 0,
-  },
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-  },
-  text: {
-    paddingLeft: 8,
-  },
-});

package/Examples/SampleUI/src/Examples/Dialogs/UndismissableDialog.tsx

@@ -1,30 +0,0 @@
-import * as React from 'react';
-
-import { Button, Portal, Dialog, MD2Colors } from 'react-native-paper';
-
-import { TextComponent } from './DialogTextComponent';
-
-const UndismissableDialog = ({
-  visible,
-  close,
-}: {
-  visible: boolean;
-  close: () => void;
-}) => (
-  <Portal>
-    <Dialog onDismiss={close} visible={visible} dismissable={false}>
-      <Dialog.Title>Alert</Dialog.Title>
-      <Dialog.Content>
-        <TextComponent>This is an undismissable dialog!!</TextComponent>
-      </Dialog.Content>
-      <Dialog.Actions>
-        <Button color={MD2Colors.teal500} disabled>
-          Disagree
-        </Button>
-        <Button onPress={close}>Agree</Button>
-      </Dialog.Actions>
-    </Dialog>
-  </Portal>
-);
-
-export default UndismissableDialog;

package/Examples/SampleUI/src/Examples/Dialogs/index.tsx

@@ -1,44 +0,0 @@
-export { default as DialogWithCustomColors } from './DialogWithCustomColors';
-export { default as DialogWithLoadingIndicator } from './DialogWithLoadingIndicator';
-export { default as DialogWithLongText } from './DialogWithLongText';
-export { default as DialogWithRadioBtns } from './DialogWithRadioBtns';
-export { default as UndismissableDialog } from './UndismissableDialog';
-export { default as DialogWithIcon } from './DialogWithIcon';
-export { default as DialogWithDismissableBackButton } from './DialogWithDismissableBackButton';
-export { default as DialogTrackingTest } from './DialogTrackingTest';
-
-
-/**
- * This is for future reference.  Acoustic Dialog Wrapper/HOC, needs more work to be used in the app.
- * It is commented out because it is not needed and is not used in the app.
- * It is kept here for reference and to be used in the future if needed.
- */
-// import { withAcousticAutoDialog } from 'react-native-acoustic-connect';
-// import DialogWithCustomColors from './DialogWithCustomColors';
-// import DialogWithLoadingIndicator from './DialogWithLoadingIndicator';
-// import DialogWithLongText from './DialogWithLongText';
-// import DialogWithRadioBtns from './DialogWithRadioBtns';
-// import UndismissableDialog from './UndismissableDialog';
-// import DialogWithIcon from './DialogWithIcon';
-// import DialogWithDismissableBackButton from './DialogWithDismissableBackButton';
-// import DialogTrackingTest from './DialogTrackingTest';
-
-// // Create tracked versions of all dialog components
-// const TrackedDialogWithCustomColors = withAcousticAutoDialog(DialogWithCustomColors);
-// const TrackedDialogWithLoadingIndicator = withAcousticAutoDialog(DialogWithLoadingIndicator);
-// const TrackedDialogWithLongText = withAcousticAutoDialog(DialogWithLongText);
-// const TrackedDialogWithRadioBtns = withAcousticAutoDialog(DialogWithRadioBtns);
-// const TrackedUndismissableDialog = withAcousticAutoDialog(UndismissableDialog);
-// const TrackedDialogWithIcon = withAcousticAutoDialog(DialogWithIcon);
-// const TrackedDialogWithDismissableBackButton = withAcousticAutoDialog(DialogWithDismissableBackButton);
-// const TrackedDialogTrackingTest = withAcousticAutoDialog(DialogTrackingTest);
-
-// // Export the tracked versions
-// export { TrackedDialogWithCustomColors as DialogWithCustomColors };
-// export { TrackedDialogWithLoadingIndicator as DialogWithLoadingIndicator };
-// export { TrackedDialogWithLongText as DialogWithLongText };
-// export { TrackedDialogWithRadioBtns as DialogWithRadioBtns };
-// export { TrackedUndismissableDialog as UndismissableDialog };
-// export { TrackedDialogWithIcon as DialogWithIcon };
-// export { TrackedDialogWithDismissableBackButton as DialogWithDismissableBackButton };
-// export { TrackedDialogTrackingTest as DialogTrackingTest };

package/Examples/SampleUI/src/Examples/DividerExample.tsx

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { FlatList } from 'react-native';
-
-import { Divider, List } from 'react-native-paper';
-
-import { useExampleTheme } from '..';
-import ScreenWrapper from '../ScreenWrapper';
-
-const items = ['Apple', 'Banana', 'Coconut', 'Lemon', 'Mango', 'Peach'];
-
-const DividerExample = () => {
-  const { colors } = useExampleTheme();
-
-  return (
-    <ScreenWrapper withScrollView={false}>
-      <FlatList
-        style={{ backgroundColor: colors?.background }}
-        renderItem={({ item }) => <List.Item title={item} />}
-        keyExtractor={(item) => item}
-        ItemSeparatorComponent={Divider}
-        data={items}
-        alwaysBounceVertical={false}
-      />
-    </ScreenWrapper>
-  );
-};
-
-DividerExample.title = 'Divider';
-
-export default DividerExample;