react-native-acoustic-connect-beta 19.0.25 → 19.0.27

package/Examples/SampleUI/src/react-navigation/navigators/createMaterialBottomTabNavigator.tsx

@@ -1,72 +0,0 @@
-import * as React from 'react';
-
-import {
-  createNavigatorFactory,
-  DefaultNavigatorOptions,
-  ParamListBase,
-  TabActionHelpers,
-  TabNavigationState,
-  TabRouter,
-  TabRouterOptions,
-  useNavigationBuilder,
-} from '@react-navigation/native';
-
-import type {
-  MaterialBottomTabNavigationConfig,
-  MaterialBottomTabNavigationEventMap,
-  MaterialBottomTabNavigationOptions,
-} from '../types';
-import MaterialBottomTabView from '../views/MaterialBottomTabView';
-
-export type MaterialBottomTabNavigatorProps = DefaultNavigatorOptions<
-  ParamListBase,
-  TabNavigationState<ParamListBase>,
-  MaterialBottomTabNavigationOptions,
-  MaterialBottomTabNavigationEventMap
-> &
-  TabRouterOptions &
-  MaterialBottomTabNavigationConfig;
-
-function MaterialBottomTabNavigator({
-  id,
-  initialRouteName,
-  backBehavior,
-  children,
-  screenListeners,
-  screenOptions,
-  ...rest
-}: MaterialBottomTabNavigatorProps) {
-  const { state, descriptors, navigation, NavigationContent } =
-    useNavigationBuilder<
-      TabNavigationState<ParamListBase>,
-      TabRouterOptions,
-      TabActionHelpers<ParamListBase>,
-      MaterialBottomTabNavigationOptions,
-      MaterialBottomTabNavigationEventMap
-    >(TabRouter, {
-      id,
-      initialRouteName,
-      backBehavior,
-      children,
-      screenListeners,
-      screenOptions,
-    });
-
-  return (
-    <NavigationContent>
-      <MaterialBottomTabView
-        {...rest}
-        state={state}
-        navigation={navigation}
-        descriptors={descriptors}
-      />
-    </NavigationContent>
-  );
-}
-
-export default createNavigatorFactory<
-  TabNavigationState<ParamListBase>,
-  MaterialBottomTabNavigationOptions,
-  MaterialBottomTabNavigationEventMap,
-  typeof MaterialBottomTabNavigator
->(MaterialBottomTabNavigator);

package/Examples/SampleUI/src/react-navigation/types.tsx

@@ -1,126 +0,0 @@
-import type {
-  Descriptor,
-  NavigationHelpers,
-  NavigationProp,
-  ParamListBase,
-  RouteProp,
-  TabActionHelpers,
-  TabNavigationState,
-} from '@react-navigation/native';
-
-import type BottomNavigation from '../components/BottomNavigation/BottomNavigation';
-
-export type MaterialBottomTabNavigationEventMap = {
-  /**
-   * Event which fires on tapping on the tab in the tab bar.
-   */
-  tabPress: { data: undefined; canPreventDefault: true };
-  /**
-   * Event which fires on long pressing on the tab in the tab bar.
-   */
-  tabLongPress: {};
-};
-
-export type MaterialBottomTabNavigationHelpers = NavigationHelpers<
-  ParamListBase,
-  MaterialBottomTabNavigationEventMap
-> &
-  TabActionHelpers<ParamListBase>;
-
-export type MaterialBottomTabNavigationProp<
-  ParamList extends ParamListBase,
-  RouteName extends keyof ParamList = keyof ParamList,
-  NavigatorID extends string | undefined = undefined
-> = NavigationProp<
-  ParamList,
-  RouteName,
-  NavigatorID,
-  TabNavigationState<ParamList>,
-  MaterialBottomTabNavigationOptions,
-  MaterialBottomTabNavigationEventMap
-> &
-  TabActionHelpers<ParamList>;
-
-export type MaterialBottomTabScreenProps<
-  ParamList extends ParamListBase,
-  RouteName extends keyof ParamList = keyof ParamList,
-  NavigatorID extends string | undefined = undefined
-> = {
-  navigation: MaterialBottomTabNavigationProp<
-    ParamList,
-    RouteName,
-    NavigatorID
-  >;
-  route: RouteProp<ParamList, RouteName>;
-};
-
-export type MaterialBottomTabNavigationOptions = {
-  /**
-   * Title text for the screen.
-   */
-  title?: string;
-
-  /**
-   * @deprecated In v5.x works only with theme version 2.
-   * Color of the tab bar when this tab is active. Only used when `shifting` is `true`.
-   */
-  tabBarColor?: string;
-
-  /**
-   * Label text of the tab displayed in the navigation bar. When undefined, scene title is used.
-   */
-  tabBarLabel?: string;
-
-  /**
-   * String referring to an icon in the `MaterialCommunityIcons` set, or a
-   * function that given { focused: boolean, color: string } returns a React.Node to display in the navigation bar.
-   */
-  tabBarIcon?:
-    | string
-    | ((props: { focused: boolean; color: string }) => React.ReactNode);
-
-  /**
-   * Badge to show on the tab icon, can be `true` to show a dot, `string` or `number` to show text.
-   */
-  tabBarBadge?: boolean | number | string;
-
-  /**
-   * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.
-   */
-  tabBarAccessibilityLabel?: string;
-
-  /**
-   * ID to locate this tab button in tests.
-   */
-  tabBarButtonTestID?: string;
-};
-
-export type MaterialBottomTabDescriptor = Descriptor<
-  MaterialBottomTabNavigationOptions,
-  MaterialBottomTabNavigationProp<ParamListBase>,
-  RouteProp<ParamListBase>
->;
-
-export type MaterialBottomTabDescriptorMap = Record<
-  string,
-  MaterialBottomTabDescriptor
->;
-
-export type MaterialBottomTabNavigationConfig = Partial<
-  Omit<
-    React.ComponentProps<typeof BottomNavigation>,
-    | 'navigationState'
-    | 'onIndexChange'
-    | 'onTabPress'
-    | 'onTabLongPress'
-    | 'renderScene'
-    | 'renderLabel'
-    | 'renderIcon'
-    | 'getAccessibilityLabel'
-    | 'getBadge'
-    | 'getColor'
-    | 'getLabelText'
-    | 'getTestID'
-    | 'getLazy'
-  >
->;

package/Examples/SampleUI/src/react-navigation/views/MaterialBottomTabView.tsx

@@ -1,140 +0,0 @@
-import * as React from 'react';
-import { I18nManager, Platform, StyleSheet } from 'react-native';
-
-import {
-  CommonActions,
-  Link,
-  ParamListBase,
-  Route,
-  TabNavigationState,
-  useLinkBuilder,
-} from '@react-navigation/native';
-
-import BottomNavigation from '../../components/BottomNavigation/BottomNavigation';
-import MaterialCommunityIcon from '../../components/MaterialCommunityIcon';
-import type {
-  MaterialBottomTabDescriptorMap,
-  MaterialBottomTabNavigationConfig,
-  MaterialBottomTabNavigationHelpers,
-} from '../types';
-
-type Props = MaterialBottomTabNavigationConfig & {
-  state: TabNavigationState<ParamListBase>;
-  navigation: MaterialBottomTabNavigationHelpers;
-  descriptors: MaterialBottomTabDescriptorMap;
-};
-export default function MaterialBottomTabView({
-  state,
-  navigation,
-  descriptors,
-  ...rest
-}: Props) {
-  const buildLink = useLinkBuilder();
-
-  return (
-    <BottomNavigation
-      {...rest}
-      onIndexChange={noop}
-      navigationState={state}
-      renderScene={({ route }) => descriptors[route.key].render()}
-      renderTouchable={
-        Platform.OS === 'web'
-          ? ({
-              onPress,
-              route,
-              accessibilityRole: _0,
-              borderless: _1,
-              centered: _2,
-              rippleColor: _3,
-              style,
-              ...rest
-            }) => {
-              return (
-                <Link
-                  {...rest}
-                  // @ts-expect-error: to could be undefined, but it doesn't affect functionality
-                  to={buildLink(route.name, route.params)}
-                  accessibilityRole="link"
-                  onPress={(e: any) => {
-                    if (
-                      !(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) && // ignore clicks with modifier keys
-                      (e.button == null || e.button === 0) // ignore everything but left clicks
-                    ) {
-                      e.preventDefault();
-                      onPress?.(e);
-                    }
-                  }}
-                  style={[styles.touchable, style]}
-                />
-              );
-            }
-          : undefined
-      }
-      renderIcon={({ route, focused, color }) => {
-        const { options } = descriptors[route.key];
-
-        if (typeof options.tabBarIcon === 'string') {
-          return (
-            <MaterialCommunityIcon
-              direction={I18nManager.getConstants().isRTL ? 'rtl' : 'ltr'}
-              name={options.tabBarIcon}
-              color={color}
-              size={24}
-            />
-          );
-        }
-
-        if (typeof options.tabBarIcon === 'function') {
-          return options.tabBarIcon({ focused, color });
-        }
-
-        return null;
-      }}
-      getLabelText={({ route }) => {
-        const { options } = descriptors[route.key];
-
-        return options.tabBarLabel !== undefined
-          ? options.tabBarLabel
-          : options.title !== undefined
-          ? options.title
-          : (route as Route<string>).name;
-      }}
-      getColor={({ route }) => descriptors[route.key].options.tabBarColor}
-      getBadge={({ route }) => descriptors[route.key].options.tabBarBadge}
-      getAccessibilityLabel={({ route }) =>
-        descriptors[route.key].options.tabBarAccessibilityLabel
-      }
-      getTestID={({ route }) =>
-        descriptors[route.key].options.tabBarButtonTestID
-      }
-      onTabPress={({ route, preventDefault }) => {
-        const event = navigation.emit({
-          type: 'tabPress',
-          target: route.key,
-          canPreventDefault: true,
-        });
-
-        if (event.defaultPrevented) {
-          preventDefault();
-        } else {
-          navigation.dispatch({
-            ...CommonActions.navigate(route.name, route.params),
-            target: state.key,
-          });
-        }
-      }}
-      onTabLongPress={({ route }) =>
-        navigation.emit({ type: 'tabLongPress', target: route.key })
-      }
-    />
-  );
-}
-
-const styles = StyleSheet.create({
-  touchable: {
-    display: 'flex',
-    justifyContent: 'center',
-  },
-});
-
-function noop() {}

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,
-};