react-native-acoustic-connect-beta 17.0.2 → 18.0.8

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/tests/findLastValidBreakpoint.test.tsx

@@ -1,35 +0,0 @@
-import { findLastValidBreakpoint } from './../../theme/tools/utils';
-import { theme } from '../../theme';
-
-describe('mode', () => {
-  // const theme = useTheme();
-  test('First array value', () => {
-    expect(findLastValidBreakpoint([1, 2], theme.breakpoints, 0)).toBe(1);
-  });
-  test('Middle array value', () => {
-    expect(findLastValidBreakpoint([1, 2, 3], theme.breakpoints, 1)).toBe(2);
-  });
-  test('Last array value', () => {
-    expect(findLastValidBreakpoint([1, 2, 3], theme.breakpoints, 2)).toBe(3);
-  });
-  test('First Object value', () => {
-    expect(
-      findLastValidBreakpoint({ base: 1, sm: 2, lg: 3 }, theme.breakpoints, 0)
-    ).toBe(1);
-  });
-  test('Middle object value 1', () => {
-    expect(
-      findLastValidBreakpoint({ base: 1, sm: 2, lg: 3 }, theme.breakpoints, 1)
-    ).toBe(2);
-  });
-  test('Middle object value 2', () => {
-    expect(
-      findLastValidBreakpoint({ base: 1, sm: 2, lg: 3 }, theme.breakpoints, 2)
-    ).toBe(2);
-  });
-  test('Last object value', () => {
-    expect(
-      findLastValidBreakpoint({ base: 1, sm: 2, lg: 3 }, theme.breakpoints, 3)
-    ).toBe(3);
-  });
-});

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/tests/getClosestBreakpoint.test.tsx

@@ -1,25 +0,0 @@
-import { getClosestBreakpoint } from './../../theme/tools/utils';
-const defaultBreakpoints = {
-  base: 0,
-  sm: 480,
-  md: 768,
-  lg: 992,
-  xl: 1280,
-};
-describe('mode', () => {
-  test('Base value', () => {
-    expect(getClosestBreakpoint(defaultBreakpoints, 0)).toBe(0);
-  });
-  test('Base-Sm value', () => {
-    expect(getClosestBreakpoint(defaultBreakpoints, 10)).toBe(0);
-  });
-  test('Sm value', () => {
-    expect(getClosestBreakpoint(defaultBreakpoints, 480)).toBe(1);
-  });
-  test('Sm-md value', () => {
-    expect(getClosestBreakpoint(defaultBreakpoints, 500)).toBe(1);
-  });
-  test('Lg value', () => {
-    expect(getClosestBreakpoint(defaultBreakpoints, 1000)).toBe(3);
-  });
-});

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/tests/hasValidBreakpointFormat.test.tsx

@@ -1,26 +0,0 @@
-import { hasValidBreakpointFormat } from './../../theme/tools/utils';
-import { theme as defaultTheme } from '../../theme';
-
-describe('mode', () => {
-  test('Empty array', () => {
-    expect(hasValidBreakpointFormat([], defaultTheme.breakpoints)).toBe(false);
-  });
-  test('Array', () => {
-    expect(hasValidBreakpointFormat([1, 2], defaultTheme.breakpoints)).toBe(
-      true
-    );
-  });
-  test('Valid Object', () => {
-    expect(
-      hasValidBreakpointFormat({ base: 1, sm: 2 }, defaultTheme.breakpoints)
-    ).toBe(true);
-  });
-  test('Invalid Object', () => {
-    expect(
-      hasValidBreakpointFormat(
-        { base: 1, sm: 2, ab: 1 },
-        defaultTheme.breakpoints
-      )
-    ).toBe(false);
-  });
-});

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/tests/mode.test.tsx

@@ -1,12 +0,0 @@
-import { mode } from './../../theme/tools/colors';
-describe('mode', () => {
-  test('default', () => {
-    expect(mode('light', 'dark')({})).toBe('light');
-  });
-  test('light', () => {
-    expect(mode('light', 'dark')({ colorMode: 'light' })).toBe('light');
-  });
-  test('dark', () => {
-    expect(mode('light', 'dark')({ colorMode: 'dark' })).toBe('dark');
-  });
-});

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/tools/colors.ts

@@ -1,96 +0,0 @@
-import get from 'lodash.get';
-import isEmpty from 'lodash.isempty';
-import Color from 'tinycolor2';
-import type { Dict } from './utils';
-
-export function mode(light: any, dark: any) {
-  return (props: any) => (props.colorMode === 'dark' ? dark : light);
-}
-
-export const transparentize = (color: string, opacity: number) => (
-  theme: Dict
-) => {
-  const raw = getColor(theme, color);
-  return Color(raw).setAlpha(opacity).toRgbString();
-};
-
-export const getColor = (theme: Dict, color: string, fallback?: string) => {
-  const hex = get(theme, `colors.${color}`, color);
-  const isValid = Color(hex).isValid();
-  return isValid ? hex : fallback;
-};
-
-export const tone = (color: string) => (theme: Dict) => {
-  const hex = getColor(theme, color);
-  const isDark = Color(hex).isDark();
-  return isDark ? 'dark' : 'light';
-};
-
-export const isDark = (color: string) => (theme: Dict) =>
-  tone(color)(theme) === 'dark';
-
-export const isLight = (color: string) => (theme: Dict) =>
-  tone(color)(theme) === 'light';
-
-interface RandomColorOptions {
-  /**
-   * If passed, string will be used to generate
-   * random color
-   */
-  string?: string;
-  /**
-   * List of colors to pick from at random
-   */
-  colors?: string[];
-}
-export function randomColor(opts?: RandomColorOptions) {
-  const fallback = Color.random().toHexString();
-
-  if (!opts || isEmpty(opts)) {
-    return fallback;
-  }
-
-  if (opts.string && opts.colors) {
-    return randomColorFromList(opts.string, opts.colors);
-  }
-
-  if (opts.string && !opts.colors) {
-    return randomColorFromString(opts.string);
-  }
-
-  if (opts.colors && !opts.string) {
-    return randomFromList(opts.colors);
-  }
-
-  return fallback;
-}
-
-function randomFromList(list: string[]) {
-  return list[Math.floor(Math.random() * list.length)];
-}
-
-function randomColorFromList(str: string, list: string[]) {
-  let index = 0;
-  if (str.length === 0) return list[0];
-  for (let i = 0; i < str.length; i++) {
-    index = str.charCodeAt(i) + ((index << 5) - index);
-    index = index & index;
-  }
-  index = ((index % list.length) + list.length) % list.length;
-  return list[index];
-}
-
-function randomColorFromString(str: string) {
-  let hash = 0;
-  if (str.length === 0) return hash.toString();
-  for (let i = 0; i < str.length; i++) {
-    hash = str.charCodeAt(i) + ((hash << 5) - hash);
-    hash = hash & hash;
-  }
-  let color = '#';
-  for (let j = 0; j < 3; j++) {
-    const value = (hash >> (j * 8)) & 255;
-    color += ('00' + value.toString(16)).substr(-2);
-  }
-  return color;
-}

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/tools/index.ts

@@ -1,2 +0,0 @@
-export * from './colors';
-export * from './utils';

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/tools/platformUnits.test.js

@@ -1,39 +0,0 @@
-import { Platform } from 'react-native';
-import theme from '../base';
-import { platformSpecificSpaceUnits } from './utils';
-
-describe('platform units on native', () => {
-  it('should convert px to absolute on native', () => {
-    Platform.OS = 'ios';
-    const newTheme = { ...theme };
-    newTheme.space = { xs: '1px' };
-    const convertedTheme = platformSpecificSpaceUnits(newTheme);
-    expect(convertedTheme.space).toEqual({ xs: 1 });
-  });
-
-  it('should convert rem to absolute on native', () => {
-    Platform.OS = 'ios';
-    const newTheme = { ...theme };
-    newTheme.space = { xs: '2rem' };
-    const convertedTheme = platformSpecificSpaceUnits(newTheme);
-    expect(convertedTheme.space).toEqual({ xs: 32 });
-  });
-});
-
-describe('platform units on web', () => {
-  it('should not convert px to rem on web', () => {
-    Platform.OS = 'web';
-    const newTheme = { ...theme };
-    newTheme.space = { xs: '23px' };
-    const convertedTheme = platformSpecificSpaceUnits(newTheme);
-    expect(convertedTheme.space).toEqual({ xs: '23px' });
-  });
-
-  it('should convert absolute to rem on web', () => {
-    Platform.OS = 'web';
-    const newTheme = { ...theme };
-    newTheme.space = { xs: 23 };
-    const convertedTheme = platformSpecificSpaceUnits(newTheme);
-    expect(convertedTheme.space).toEqual({ xs: '1.4375rem' });
-  });
-});

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/tools/utils.ts

@@ -1,336 +0,0 @@
-import omitBy from 'lodash.omitby';
-import isNil from 'lodash.isnil';
-import pick from 'lodash.pick';
-import omit from 'lodash.omit';
-import get from 'lodash.get';
-import type { ITheme } from '../index';
-import { Platform } from 'react-native';
-
-export const stylingProps = {
-  margin: [
-    'margin',
-    'm',
-    'marginTop',
-    'mt',
-    'marginRight',
-    'mr',
-    'marginBottom',
-    'mb',
-    'marginLeft',
-    'ml',
-    'marginX',
-    'mx',
-    'marginY',
-    'my',
-  ],
-  padding: [
-    'padding',
-    'p',
-    'paddingTop',
-    'pt',
-    'paddingRight',
-    'pr',
-    'paddingBottom',
-    'pb',
-    'paddingLeft',
-    'pl',
-    'paddingX',
-    'px',
-    'paddingY',
-    'py',
-  ],
-  border: [
-    'border',
-    'borderWidth',
-    'borderStyle',
-    'borderColor',
-    'borderRadius',
-    'borderTop',
-    'borderTopWidth',
-    'borderTopStyle',
-    'borderTopColor',
-    'borderTopLeftRadius',
-    'borderTopRightRadius',
-    'borderRight',
-    'borderRightWidth',
-    'borderRightStyle',
-    'borderRightColor',
-    'borderBottom',
-    'borderBottomWidth',
-    'borderBottomStyle',
-    'borderBottomColor',
-    'borderBottomLeftRadius',
-    'borderBottomRightRadius',
-    'borderLeft',
-    'borderLeftWidth',
-    'borderLeftStyle',
-    'borderLeftColor',
-    'borderX',
-    'borderY',
-    'rounded',
-  ],
-  layout: [
-    'width',
-    'w',
-    'height',
-    'h',
-    'display',
-    'minWidth',
-    'minW',
-    'minH',
-    'minHeight',
-    'maxWidth',
-    'maxW',
-    'maxHeight',
-    'maxH',
-    'size',
-    'verticalAlign',
-    'overflow',
-    'overflowX',
-    'overflowY',
-  ],
-  flexbox: [
-    'alignItems',
-    'alignContent',
-    'justifyItems',
-    'justifyContent',
-    'flexWrap',
-    'flexDirection',
-    'flex',
-    'flexGrow',
-    'flexShrink',
-    'flexBasis',
-    'justifySelf',
-    'alignSelf',
-    'order',
-  ],
-  position: ['position', 'zIndex', 'top', 'right', 'bottom', 'left'],
-  outline: ['outlineWidth', 'outlineColor', 'outlineStyle'],
-  background: ['bg', 'backgroundColor', 'bgColor'],
-};
-export type Dict = Record<string, any>;
-export function omitUndefined(obj: any) {
-  return omitBy(obj, isNil);
-}
-export function getRandomString(length: number) {
-  var result = '';
-  var characters =
-    'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-  var charactersLength = characters.length;
-  for (var i = 0; i < length; i++) {
-    result += characters.charAt(Math.floor(Math.random() * charactersLength));
-  }
-  return result;
-}
-// Inefficient way for pick, but retains order of props.
-function orderedPick(obj: any, values: any) {
-  const ret: any = {};
-  Object.keys(obj).forEach((key: string) => {
-    if (values.includes(key)) {
-      ret[key] = obj[key];
-    }
-  });
-  return ret;
-}
-export function orderedExtractInObject(parent: any, values: Array<string>) {
-  return [
-    omitUndefined(orderedPick(parent, values)),
-    omitUndefined(omit(parent, values)),
-  ];
-}
-/**
- *
- * @param parent The object from which data needs to extracted
- * @param values Keys which needs to be extracted
- * @returns [extractedProps, remainingProps]
- */
-export function extractInObject(parent: any, values: Array<string>) {
-  return [
-    omitUndefined(pick(parent, values)),
-    omitUndefined(omit(parent, values)),
-  ];
-}
-export function getColorFormColorScheme(props: Record<string, any>) {
-  const { theme, colorScheme, isDisabled } = props;
-  const simpleColorScheme = colorScheme.split('.')[0];
-  if (isDisabled) return 'gray.300';
-  else if (simpleColorScheme in theme.colors) {
-    return theme.colors[simpleColorScheme][0] === '#'
-      ? simpleColorScheme
-      : theme.colors[simpleColorScheme][400] ||
-          theme.colors[simpleColorScheme][200];
-  } else return 'primary.200';
-}
-
-// TODO: This function can be removed.
-export function getColorScheme(
-  props: Record<string, any>,
-  customColorScheme?: string
-) {
-  let { theme, colorScheme } = props;
-  colorScheme = customColorScheme || colorScheme;
-  if (!(colorScheme in theme.colors)) return 'primary';
-  else {
-    if (typeof theme.colors[colorScheme] === 'object') return colorScheme;
-  }
-}
-export const inValidBreakpointProps = ['style', 'children', 'shadowOffset'];
-export function hasValidBreakpointFormat(
-  breaks: any,
-  themeBreakpoints?: any,
-  property?: string
-) {
-  if (property && inValidBreakpointProps.indexOf(property) !== -1) {
-    return false;
-  } else if (Array.isArray(breaks)) {
-    return breaks.length ? true : false;
-  } else if (typeof breaks === 'object' && breaks !== null) {
-    const keys = Object.keys(breaks);
-    const themeBreakPointKeys = Object.keys(themeBreakpoints);
-    for (let i = 0; i < keys.length; i++) {
-      if (themeBreakPointKeys.indexOf(keys[i]) === -1) {
-        return false;
-      }
-    }
-    return true;
-  } else {
-    return false;
-  }
-}
-export function findLastValidBreakpoint(
-  values: any,
-  themeBreakpoints: any,
-  currentBreakpoint: number
-) {
-  const valArray = Array.isArray(values)
-    ? values
-    : Object.keys(themeBreakpoints).map((bPoint: string) => values[bPoint]);
-  return (
-    valArray[currentBreakpoint] ??
-    valArray
-      .slice(0, currentBreakpoint + 1)
-      .filter((v: any) => !isNil(v))
-      .pop()
-  );
-}
-export function getClosestBreakpoint(
-  values: Record<string, any>,
-  point: number
-) {
-  const dimValues = Object.values(values);
-  let index = -1;
-  let breakpointsObj: any = {};
-  for (let i = 0; i < dimValues.length; i++) {
-    breakpointsObj[dimValues[i]] = i;
-  }
-  const breakpoints = Object.keys(breakpointsObj);
-  for (let i = 0; i < breakpoints.length; i++) {
-    if (parseInt(breakpoints[i]) === point) {
-      index = breakpointsObj[breakpoints[i]];
-      break;
-    } else if (parseInt(breakpoints[i]) > point && i !== 0) {
-      index = breakpointsObj[breakpoints[i - 1]];
-      break;
-    }
-    // If windowWidth is greater than last available breakpoint clamp it to last index
-    else if (parseInt(breakpoints[i]) < point && i === dimValues.length - 1) {
-      index = breakpointsObj[breakpoints[i]];
-      break;
-    }
-  }
-  return index;
-}
-
-export const baseFontSize = 16;
-
-export const convertAbsoluteToRem = (px: number) => {
-  return `${px / baseFontSize}rem`;
-};
-
-export const convertRemToAbsolute = (rem: number) => {
-  return rem * baseFontSize;
-};
-
-export const convertToDp = (value: number | string): number => {
-  const numberRegex = /^\d+$/;
-
-  if (typeof value === 'number') {
-    return value;
-  } else {
-    const isAbsolute = numberRegex.test(value);
-    const isPx = !isAbsolute && value.endsWith('px');
-    const isRem = !isAbsolute && value.endsWith('rem');
-    const isEm = !isAbsolute && value.endsWith('em');
-
-    let finalDpValue = 0;
-
-    if (isAbsolute || isPx) {
-      finalDpValue = parseFloat(value);
-    } else if (isEm) {
-      finalDpValue = convertRemToAbsolute(parseFloat(value));
-    } else if (isRem) {
-      finalDpValue = convertRemToAbsolute(parseFloat(value));
-    }
-
-    return finalDpValue;
-  }
-};
-
-/**
- *
- * @param theme
- * @description
-  - Converts space/sizes/lineHeights/letterSpacings/fontSizes to `rem` on web if the token value specified is an absolute number.
-  - Converts space/sizes/lineHeights/letterSpacings/fontSizes to absolute number on native if the token value specified is in `px` or `rem`
-*/
-export const platformSpecificSpaceUnits = (theme: ITheme) => {
-  const scales = ['space', 'sizes', 'fontSizes'];
-
-  const newTheme = { ...theme };
-  const isWeb = Platform.OS === 'web';
-  scales.forEach((key) => {
-    const scale = get(theme, key, {});
-    const newScale = { ...scale };
-    for (const scaleKey in scale) {
-      const val = scale[scaleKey];
-      if (typeof val !== 'object') {
-        const isAbsolute = typeof val === 'number';
-        const isPx = !isAbsolute && val.endsWith('px');
-        const isRem = !isAbsolute && val.endsWith('rem');
-
-        // If platform is web, we need to convert absolute unit to rem. e.g. 16 to 1rem
-        if (isWeb) {
-          if (isAbsolute) {
-            newScale[scaleKey] = convertAbsoluteToRem(val);
-          }
-        }
-        // If platform is not web, we need to convert px unit to absolute and rem unit to absolute. e.g. 16px to 16. 1rem to 16.
-        else {
-          if (isRem) {
-            newScale[scaleKey] = convertRemToAbsolute(parseFloat(val));
-          } else if (isPx) {
-            newScale[scaleKey] = parseFloat(val);
-          }
-        }
-      }
-    }
-    //@ts-ignore
-    newTheme[key] = newScale;
-  });
-
-  return newTheme;
-};
-export function isResponsiveAnyProp(props: Record<string, any>, theme: any) {
-  if (props) {
-    const keys = Object.keys(props);
-    for (let i = 0; i < keys.length; i++) {
-      if (
-        hasValidBreakpointFormat(props[keys[i]], theme.breakpoints, keys[i])
-      ) {
-        return true;
-      }
-    }
-  }
-
-  return false;
-}

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/types.ts

@@ -1,67 +0,0 @@
-import type { Properties as CSSProperties } from 'csstype';
-import type { ResponsiveValue } from '../components/types/responsiveValue';
-import type { ColorType } from '../components/types/utils';
-import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
-import type { ITheme } from './index';
-import type { StyledPropConfig } from './styled-system';
-
-type RNStyles = ViewStyle & ImageStyle & TextStyle;
-
-type GetThemeScaleValues<T extends keyof ITheme> = 'colors' extends T
-  ? ColorType
-  : ResponsiveValue<keyof ITheme[T] | (string & {}) | (number & {})>;
-
-type GetRNStyles<key, scale = null> = scale extends keyof ITheme
-  ? GetThemeScaleValues<scale>
-  : key extends keyof CSSProperties
-  ? ResponsiveValue<CSSProperties[key]>
-  : key extends keyof RNStyles
-  ? ResponsiveValue<RNStyles[key]>
-  : unknown;
-
-type AllProps<T extends StyledPropConfig> = {
-  [key in Extract<keyof T, string>]?: T[key] extends boolean
-    ? GetRNStyles<key>
-    : key extends 'shadow'
-    ? GetRNStyles<null, 'shadows'>
-    : T[key] extends { property: any; scale: any }
-    ? GetRNStyles<T[key]['property'], T[key]['scale']>
-    : T[key] extends { properties: any; scale: any }
-    ? T[key]['properties'] extends { '0': string }
-      ? GetRNStyles<T[key]['properties']['0'], T[key]['scale']>
-      : unknown
-    : unknown;
-};
-
-export type StyledProps = Omit<
-  AllProps<StyledPropConfig>,
-  | 'gap'
-  | 'verticalAlign'
-  | 'borderBottom'
-  | 'borderTop'
-  | 'borderLeft'
-  | 'borderRight'
-  | 'wordBreak'
-  | 'justifySelf'
-  | 'overflowWrap'
-  | 'textOverflow'
-  | 'whiteSpace'
-  | 'outline'
-  | 'outlineWidth'
-  | 'cursor'
-  | 'userSelect'
-  | 'order'
-  | 'backgroundSize'
-  | 'backgroundPosition'
-  | 'backgroundRepeat'
-  | 'backgroundAttachment'
-  | 'backgroundBlendMode'
-  | 'bgSize'
-  | 'bgPosition'
-  | 'bgRepeat'
-  | 'bgAttachment'
-  | 'bgBlendMode'
-  | 'bgImage'
-  | 'bgImg'
-  | 'bgPos'
->;