react-native-acoustic-connect 19.0.11 → 19.0.34

package/Examples/SampleUI/src/styles/fonts.tsx

@@ -1,143 +0,0 @@
-import { Platform, PlatformOSType } from 'react-native';
-
-import { typescale } from './themes/v3/tokens';
-import type { Fonts, MD3Type, MD3Typescale, MD3TypescaleKey } from '../types';
-
-export const fontConfig = {
-  web: {
-    regular: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: '400' as '400',
-    },
-    medium: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: '500' as '500',
-    },
-    light: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: '300' as '300',
-    },
-    thin: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: '100' as '100',
-    },
-  },
-  ios: {
-    regular: {
-      fontFamily: 'System',
-      fontWeight: '400' as '400',
-    },
-    medium: {
-      fontFamily: 'System',
-      fontWeight: '500' as '500',
-    },
-    light: {
-      fontFamily: 'System',
-      fontWeight: '300' as '300',
-    },
-    thin: {
-      fontFamily: 'System',
-      fontWeight: '100' as '100',
-    },
-  },
-  default: {
-    regular: {
-      fontFamily: 'sans-serif',
-      fontWeight: 'normal' as 'normal',
-    },
-    medium: {
-      fontFamily: 'sans-serif-medium',
-      fontWeight: 'normal' as 'normal',
-    },
-    light: {
-      fontFamily: 'sans-serif-light',
-      fontWeight: 'normal' as 'normal',
-    },
-    thin: {
-      fontFamily: 'sans-serif-thin',
-      fontWeight: 'normal' as 'normal',
-    },
-  },
-};
-
-type MD2FontsConfig = {
-  [platform in PlatformOSType | 'default']?: Fonts;
-};
-
-type MD3FontsConfig =
-  | {
-      [key in MD3TypescaleKey]: Partial<MD3Type>;
-    }
-  | {
-      [key: string]: MD3Type;
-    }
-  | Partial<MD3Type>;
-
-function configureV2Fonts(config: MD2FontsConfig): Fonts {
-  const fonts = Platform.select({ ...fontConfig, ...config }) as Fonts;
-  return fonts;
-}
-
-function configureV3Fonts(
-  config: MD3FontsConfig
-): MD3Typescale | (MD3Typescale & { [key: string]: MD3Type }) {
-  if (!config) {
-    return typescale;
-  }
-
-  const isFlatConfig = Object.keys(config).every(
-    (key) => typeof config[key as keyof typeof config] !== 'object'
-  );
-
-  if (isFlatConfig) {
-    return Object.fromEntries(
-      Object.entries(typescale).map(([variantName, variantProperties]) => [
-        variantName,
-        { ...variantProperties, ...config },
-      ])
-    ) as MD3Typescale;
-  }
-
-  return Object.assign(
-    {},
-    typescale,
-    ...Object.entries(config).map(([variantName, variantProperties]) => ({
-      [variantName]: {
-        ...typescale[variantName as MD3TypescaleKey],
-        ...variantProperties,
-      },
-    }))
-  );
-}
-
-// eslint-disable-next-line no-redeclare
-export default function configureFonts(params: { isV3: false }): Fonts;
-// eslint-disable-next-line no-redeclare
-export default function configureFonts(params: {
-  config?: MD2FontsConfig;
-  isV3: false;
-}): Fonts;
-// eslint-disable-next-line no-redeclare
-export default function configureFonts(params?: {
-  config?: Partial<MD3Type>;
-  isV3?: true;
-}): MD3Typescale;
-// eslint-disable-next-line no-redeclare
-export default function configureFonts(params?: {
-  config?: Partial<Record<MD3TypescaleKey, Partial<MD3Type>>>;
-  isV3?: true;
-}): MD3Typescale;
-// eslint-disable-next-line no-redeclare
-export default function configureFonts(params: {
-  config: Record<string, MD3Type>;
-  isV3?: true;
-}): MD3Typescale & { [key: string]: MD3Type };
-// eslint-disable-next-line no-redeclare
-export default function configureFonts(params?: any) {
-  const { isV3 = true, config } = params || {};
-
-  if (isV3) {
-    return configureV3Fonts(config);
-  }
-  return configureV2Fonts(config);
-}

package/Examples/SampleUI/src/styles/overlay.tsx

@@ -1,70 +0,0 @@
-import { Animated } from 'react-native';
-
-import color from 'color';
-
-import { MD2DarkTheme } from './themes/v2/DarkTheme';
-
-export const isAnimatedValue = (
-  it: number | string | Animated.AnimatedInterpolation<number | string>
-): it is Animated.Value => it instanceof Animated.Value;
-
-export default function overlay<T extends Animated.Value | number>(
-  elevation: T,
-  surfaceColor: string = MD2DarkTheme.colors?.surface
-): T extends number ? string : Animated.AnimatedInterpolation<number | string> {
-  if (isAnimatedValue(elevation)) {
-    const inputRange = [0, 1, 2, 3, 8, 24];
-
-    // @ts-expect-error: TS doesn't seem to refine the type correctly
-    return elevation.interpolate({
-      inputRange,
-      outputRange: inputRange.map((elevation) => {
-        return calculateColor(surfaceColor, elevation);
-      }),
-    });
-  }
-
-  // @ts-expect-error: TS doesn't seem to refine the type correctly
-  return calculateColor(surfaceColor, elevation);
-}
-
-function calculateColor(surfaceColor: string, elevation: number = 1) {
-  let overlayTransparency: number;
-  if (elevation >= 1 && elevation <= 24) {
-    overlayTransparency = elevationOverlayTransparency[elevation];
-  } else if (elevation > 24) {
-    overlayTransparency = elevationOverlayTransparency[24];
-  } else {
-    overlayTransparency = elevationOverlayTransparency[1];
-  }
-  return color(surfaceColor)
-    .mix(color('white'), overlayTransparency * 0.01)
-    .hex();
-}
-
-const elevationOverlayTransparency: Record<string, number> = {
-  1: 5,
-  2: 7,
-  3: 8,
-  4: 9,
-  5: 10,
-  6: 11,
-  7: 11.5,
-  8: 12,
-  9: 12.5,
-  10: 13,
-  11: 13.5,
-  12: 14,
-  13: 14.25,
-  14: 14.5,
-  15: 14.75,
-  16: 15,
-  17: 15.12,
-  18: 15.24,
-  19: 15.36,
-  20: 15.48,
-  21: 15.6,
-  22: 15.72,
-  23: 15.84,
-  24: 16,
-};

package/Examples/SampleUI/src/styles/shadow.tsx

@@ -1,109 +0,0 @@
-import { Animated } from 'react-native';
-
-import * as MD2Colors from './themes/v2/colors';
-import { MD3Colors } from './themes/v3/tokens';
-
-const SHADOW_COLOR = MD2Colors.black;
-const SHADOW_OPACITY = 0.24;
-const MD3_SHADOW_OPACITY = 0.3;
-const MD3_SHADOW_COLOR = MD3Colors.primary0;
-
-export default function shadow(
-  elevation: number | Animated.Value = 0,
-  isV3 = false
-) {
-  return isV3 ? v3Shadow(elevation) : v2Shadow(elevation);
-}
-
-function v2Shadow(elevation: number | Animated.Value = 0) {
-  if (elevation instanceof Animated.Value) {
-    const inputRange = [0, 1, 2, 3, 8, 24];
-
-    return {
-      shadowColor: SHADOW_COLOR,
-      shadowOffset: {
-        width: new Animated.Value(0),
-        height: elevation.interpolate({
-          inputRange,
-          outputRange: [0, 0.5, 0.75, 2, 7, 23],
-        }),
-      },
-      shadowOpacity: elevation.interpolate({
-        inputRange: [0, 1],
-        outputRange: [0, SHADOW_OPACITY],
-        extrapolate: 'clamp',
-      }),
-      shadowRadius: elevation.interpolate({
-        inputRange,
-        outputRange: [0, 0.75, 1.5, 3, 8, 24],
-      }),
-    };
-  } else {
-    if (elevation === 0) {
-      return {};
-    }
-
-    let height, radius;
-    switch (elevation) {
-      case 1:
-        height = 0.5;
-        radius = 0.75;
-        break;
-      case 2:
-        height = 0.75;
-        radius = 1.5;
-        break;
-      default:
-        height = elevation - 1;
-        radius = elevation;
-    }
-
-    return {
-      shadowColor: SHADOW_COLOR,
-      shadowOffset: {
-        width: 0,
-        height,
-      },
-      shadowOpacity: SHADOW_OPACITY,
-      shadowRadius: radius,
-    };
-  }
-}
-
-function v3Shadow(elevation: number | Animated.Value = 0) {
-  const inputRange = [0, 1, 2, 3, 4, 5];
-  const shadowHeight = [0, 1, 2, 4, 6, 8];
-  const shadowRadius = [0, 3, 6, 8, 10, 12];
-
-  if (elevation instanceof Animated.Value) {
-    return {
-      shadowColor: MD3_SHADOW_COLOR,
-      shadowOffset: {
-        width: new Animated.Value(0),
-        height: elevation.interpolate({
-          inputRange,
-          outputRange: shadowHeight,
-        }),
-      },
-      shadowOpacity: elevation.interpolate({
-        inputRange: [0, 1],
-        outputRange: [0, MD3_SHADOW_OPACITY],
-        extrapolate: 'clamp',
-      }),
-      shadowRadius: elevation.interpolate({
-        inputRange,
-        outputRange: shadowRadius,
-      }),
-    };
-  } else {
-    return {
-      shadowColor: MD3_SHADOW_COLOR,
-      shadowOpacity: elevation ? MD3_SHADOW_OPACITY : 0,
-      shadowOffset: {
-        width: 0,
-        height: shadowHeight[elevation],
-      },
-      shadowRadius: shadowRadius[elevation],
-    };
-  }
-}

package/Examples/SampleUI/src/styles/themes/index.ts

@@ -1,4 +0,0 @@
-export { MD3LightTheme } from './v3/LightTheme';
-export { MD3DarkTheme } from './v3/DarkTheme';
-export { MD2LightTheme } from './v2/LightTheme';
-export { MD2DarkTheme } from './v2/DarkTheme';

package/Examples/SampleUI/src/styles/themes/v2/DarkTheme.tsx

@@ -1,30 +0,0 @@
-import color from 'color';
-
-import { black, pinkA100, white } from './colors';
-import { MD2LightTheme } from './LightTheme';
-import type { Fonts, MD2Theme } from '../../../types';
-import configureFonts from '../../fonts';
-
-export const MD2DarkTheme: MD2Theme = {
-  ...MD2LightTheme,
-  dark: true,
-  mode: 'adaptive',
-  version: 2,
-  isV3: false,
-  colors: {
-    ...MD2LightTheme.colors,
-    primary: '#BB86FC',
-    accent: '#03dac6',
-    background: '#121212',
-    surface: '#121212',
-    error: '#CF6679',
-    onSurface: '#FFFFFF',
-    text: white,
-    disabled: color(white).alpha(0.38).rgb().string(),
-    placeholder: color(white).alpha(0.54).rgb().string(),
-    backdrop: color(black).alpha(0.5).rgb().string(),
-    notification: pinkA100,
-    tooltip: 'rgba(230, 225, 229, 1)',
-  },
-  fonts: configureFonts({ isV3: false }) as Fonts,
-};

package/Examples/SampleUI/src/styles/themes/v2/LightTheme.tsx

@@ -1,30 +0,0 @@
-import color from 'color';
-
-import { black, pinkA400, white } from './colors';
-import type { Fonts, MD2Theme } from '../../../types';
-import configureFonts from '../../fonts';
-
-export const MD2LightTheme: MD2Theme = {
-  dark: false,
-  roundness: 4,
-  version: 2,
-  isV3: false,
-  colors: {
-    primary: '#6200ee',
-    accent: '#03dac4',
-    background: '#f6f6f6',
-    surface: white,
-    error: '#B00020',
-    text: black,
-    onSurface: '#000000',
-    disabled: color(black).alpha(0.26).rgb().string(),
-    placeholder: color(black).alpha(0.54).rgb().string(),
-    backdrop: color(black).alpha(0.5).rgb().string(),
-    notification: pinkA400,
-    tooltip: 'rgba(28, 27, 31, 1)',
-  },
-  fonts: configureFonts({ isV3: false }) as Fonts,
-  animation: {
-    scale: 1.0,
-  },
-};

package/Examples/SampleUI/src/styles/themes/v2/colors.tsx

@@ -1,277 +0,0 @@
-export const transparent = 'rgba(255, 255, 255, 0)';
-
-export const red50 = '#ffebee';
-export const red100 = '#ffcdd2';
-export const red200 = '#ef9a9a';
-export const red300 = '#e57373';
-export const red400 = '#ef5350';
-export const red500 = '#f44336';
-export const red600 = '#e53935';
-export const red700 = '#d32f2f';
-export const red800 = '#c62828';
-export const red900 = '#b71c1c';
-export const redA100 = '#ff8a80';
-export const redA200 = '#ff5252';
-export const redA400 = '#ff1744';
-export const redA700 = '#d50000';
-
-export const pink50 = '#fce4ec';
-export const pink100 = '#f8bbd0';
-export const pink200 = '#f48fb1';
-export const pink300 = '#f06292';
-export const pink400 = '#ec407a';
-export const pink500 = '#e91e63';
-export const pink600 = '#d81b60';
-export const pink700 = '#c2185b';
-export const pink800 = '#ad1457';
-export const pink900 = '#880e4f';
-export const pinkA100 = '#ff80ab';
-export const pinkA200 = '#ff4081';
-export const pinkA400 = '#f50057';
-export const pinkA700 = '#c51162';
-
-export const purple50 = '#f3e5f5';
-export const purple100 = '#e1bee7';
-export const purple200 = '#ce93d8';
-export const purple300 = '#ba68c8';
-export const purple400 = '#ab47bc';
-export const purple500 = '#9c27b0';
-export const purple600 = '#8e24aa';
-export const purple700 = '#7b1fa2';
-export const purple800 = '#6a1b9a';
-export const purple900 = '#4a148c';
-export const purpleA100 = '#ea80fc';
-export const purpleA200 = '#e040fb';
-export const purpleA400 = '#d500f9';
-export const purpleA700 = '#aa00ff';
-
-export const deepPurple50 = '#ede7f6';
-export const deepPurple100 = '#d1c4e9';
-export const deepPurple200 = '#b39ddb';
-export const deepPurple300 = '#9575cd';
-export const deepPurple400 = '#7e57c2';
-export const deepPurple500 = '#673ab7';
-export const deepPurple600 = '#5e35b1';
-export const deepPurple700 = '#512da8';
-export const deepPurple800 = '#4527a0';
-export const deepPurple900 = '#311b92';
-export const deepPurpleA100 = '#b388ff';
-export const deepPurpleA200 = '#7c4dff';
-export const deepPurpleA400 = '#651fff';
-export const deepPurpleA700 = '#6200ea';
-
-export const indigo50 = '#e8eaf6';
-export const indigo100 = '#c5cae9';
-export const indigo200 = '#9fa8da';
-export const indigo300 = '#7986cb';
-export const indigo400 = '#5c6bc0';
-export const indigo500 = '#3f51b5';
-export const indigo600 = '#3949ab';
-export const indigo700 = '#303f9f';
-export const indigo800 = '#283593';
-export const indigo900 = '#1a237e';
-export const indigoA100 = '#8c9eff';
-export const indigoA200 = '#536dfe';
-export const indigoA400 = '#3d5afe';
-export const indigoA700 = '#304ffe';
-
-export const blue50 = '#e3f2fd';
-export const blue100 = '#bbdefb';
-export const blue200 = '#90caf9';
-export const blue300 = '#64b5f6';
-export const blue400 = '#42a5f5';
-export const blue500 = '#2196f3';
-export const blue600 = '#1e88e5';
-export const blue700 = '#1976d2';
-export const blue800 = '#1565c0';
-export const blue900 = '#0d47a1';
-export const blueA100 = '#82b1ff';
-export const blueA200 = '#448aff';
-export const blueA400 = '#2979ff';
-export const blueA700 = '#2962ff';
-
-export const lightBlue50 = '#e1f5fe';
-export const lightBlue100 = '#b3e5fc';
-export const lightBlue200 = '#81d4fa';
-export const lightBlue300 = '#4fc3f7';
-export const lightBlue400 = '#29b6f6';
-export const lightBlue500 = '#03a9f4';
-export const lightBlue600 = '#039be5';
-export const lightBlue700 = '#0288d1';
-export const lightBlue800 = '#0277bd';
-export const lightBlue900 = '#01579b';
-export const lightBlueA100 = '#80d8ff';
-export const lightBlueA200 = '#40c4ff';
-export const lightBlueA400 = '#00b0ff';
-export const lightBlueA700 = '#0091ea';
-
-export const cyan50 = '#e0f7fa';
-export const cyan100 = '#b2ebf2';
-export const cyan200 = '#80deea';
-export const cyan300 = '#4dd0e1';
-export const cyan400 = '#26c6da';
-export const cyan500 = '#00bcd4';
-export const cyan600 = '#00acc1';
-export const cyan700 = '#0097a7';
-export const cyan800 = '#00838f';
-export const cyan900 = '#006064';
-export const cyanA100 = '#84ffff';
-export const cyanA200 = '#18ffff';
-export const cyanA400 = '#00e5ff';
-export const cyanA700 = '#00b8d4';
-
-export const teal50 = '#e0f2f1';
-export const teal100 = '#b2dfdb';
-export const teal200 = '#80cbc4';
-export const teal300 = '#4db6ac';
-export const teal400 = '#26a69a';
-export const teal500 = '#009688';
-export const teal600 = '#00897b';
-export const teal700 = '#00796b';
-export const teal800 = '#00695c';
-export const teal900 = '#004d40';
-export const tealA100 = '#a7ffeb';
-export const tealA200 = '#64ffda';
-export const tealA400 = '#1de9b6';
-export const tealA700 = '#00bfa5';
-
-export const green50 = '#e8f5e9';
-export const green100 = '#c8e6c9';
-export const green200 = '#a5d6a7';
-export const green300 = '#81c784';
-export const green400 = '#66bb6a';
-export const green500 = '#4caf50';
-export const green600 = '#43a047';
-export const green700 = '#388e3c';
-export const green800 = '#2e7d32';
-export const green900 = '#1b5e20';
-export const greenA100 = '#b9f6ca';
-export const greenA200 = '#69f0ae';
-export const greenA400 = '#00e676';
-export const greenA700 = '#00c853';
-
-export const lightGreen50 = '#f1f8e9';
-export const lightGreen100 = '#dcedc8';
-export const lightGreen200 = '#c5e1a5';
-export const lightGreen300 = '#aed581';
-export const lightGreen400 = '#9ccc65';
-export const lightGreen500 = '#8bc34a';
-export const lightGreen600 = '#7cb342';
-export const lightGreen700 = '#689f38';
-export const lightGreen800 = '#558b2f';
-export const lightGreen900 = '#33691e';
-export const lightGreenA100 = '#ccff90';
-export const lightGreenA200 = '#b2ff59';
-export const lightGreenA400 = '#76ff03';
-export const lightGreenA700 = '#64dd17';
-
-export const lime50 = '#f9fbe7';
-export const lime100 = '#f0f4c3';
-export const lime200 = '#e6ee9c';
-export const lime300 = '#dce775';
-export const lime400 = '#d4e157';
-export const lime500 = '#cddc39';
-export const lime600 = '#c0ca33';
-export const lime700 = '#afb42b';
-export const lime800 = '#9e9d24';
-export const lime900 = '#827717';
-export const limeA100 = '#f4ff81';
-export const limeA200 = '#eeff41';
-export const limeA400 = '#c6ff00';
-export const limeA700 = '#aeea00';
-
-export const yellow50 = '#fffde7';
-export const yellow100 = '#fff9c4';
-export const yellow200 = '#fff59d';
-export const yellow300 = '#fff176';
-export const yellow400 = '#ffee58';
-export const yellow500 = '#ffeb3b';
-export const yellow600 = '#fdd835';
-export const yellow700 = '#fbc02d';
-export const yellow800 = '#f9a825';
-export const yellow900 = '#f57f17';
-export const yellowA100 = '#ffff8d';
-export const yellowA200 = '#ffff00';
-export const yellowA400 = '#ffea00';
-export const yellowA700 = '#ffd600';
-
-export const amber50 = '#fff8e1';
-export const amber100 = '#ffecb3';
-export const amber200 = '#ffe082';
-export const amber300 = '#ffd54f';
-export const amber400 = '#ffca28';
-export const amber500 = '#ffc107';
-export const amber600 = '#ffb300';
-export const amber700 = '#ffa000';
-export const amber800 = '#ff8f00';
-export const amber900 = '#ff6f00';
-export const amberA100 = '#ffe57f';
-export const amberA200 = '#ffd740';
-export const amberA400 = '#ffc400';
-export const amberA700 = '#ffab00';
-
-export const orange50 = '#fff3e0';
-export const orange100 = '#ffe0b2';
-export const orange200 = '#ffcc80';
-export const orange300 = '#ffb74d';
-export const orange400 = '#ffa726';
-export const orange500 = '#ff9800';
-export const orange600 = '#fb8c00';
-export const orange700 = '#f57c00';
-export const orange800 = '#ef6c00';
-export const orange900 = '#e65100';
-export const orangeA100 = '#ffd180';
-export const orangeA200 = '#ffab40';
-export const orangeA400 = '#ff9100';
-export const orangeA700 = '#ff6d00';
-
-export const deepOrange50 = '#fbe9e7';
-export const deepOrange100 = '#ffccbc';
-export const deepOrange200 = '#ffab91';
-export const deepOrange300 = '#ff8a65';
-export const deepOrange400 = '#ff7043';
-export const deepOrange500 = '#ff5722';
-export const deepOrange600 = '#f4511e';
-export const deepOrange700 = '#e64a19';
-export const deepOrange800 = '#d84315';
-export const deepOrange900 = '#bf360c';
-export const deepOrangeA100 = '#ff9e80';
-export const deepOrangeA200 = '#ff6e40';
-export const deepOrangeA400 = '#ff3d00';
-export const deepOrangeA700 = '#dd2c00';
-
-export const brown50 = '#efebe9';
-export const brown100 = '#d7ccc8';
-export const brown200 = '#bcaaa4';
-export const brown300 = '#a1887f';
-export const brown400 = '#8d6e63';
-export const brown500 = '#795548';
-export const brown600 = '#6d4c41';
-export const brown700 = '#5d4037';
-export const brown800 = '#4e342e';
-export const brown900 = '#3e2723';
-
-export const blueGrey50 = '#eceff1';
-export const blueGrey100 = '#cfd8dc';
-export const blueGrey200 = '#b0bec5';
-export const blueGrey300 = '#90a4ae';
-export const blueGrey400 = '#78909c';
-export const blueGrey500 = '#607d8b';
-export const blueGrey600 = '#546e7a';
-export const blueGrey700 = '#455a64';
-export const blueGrey800 = '#37474f';
-export const blueGrey900 = '#263238';
-
-export const grey50 = '#fafafa';
-export const grey100 = '#f5f5f5';
-export const grey200 = '#eeeeee';
-export const grey300 = '#e0e0e0';
-export const grey400 = '#bdbdbd';
-export const grey500 = '#9e9e9e';
-export const grey600 = '#757575';
-export const grey700 = '#616161';
-export const grey800 = '#424242';
-export const grey900 = '#212121';
-
-export const black = '#000000';
-export const white = '#ffffff';