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

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/textarea.ts

@@ -1,11 +0,0 @@
-import { Platform } from 'react-native';
-
-const baseStyle = {
-  multiline: true,
-  p: '2',
-  totalLines: 4,
-  h: Platform.select({ ios: 20 }),
-  textAlignVertical: 'top',
-};
-
-export default { baseStyle };

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/toast.ts

@@ -1,26 +0,0 @@
-import { mode } from '../tools';
-
-const baseStyle = (props: Record<string, any>) => {
-  return {
-    bg: mode(`coolGray.600`, `warmGray.200`)(props),
-    p: '2',
-    rounded: 'sm',
-    shadow: 1,
-    _title: {
-      color: mode(`warmGray.200`, `coolGray.600`)(props),
-      fontWeight: 700,
-    },
-    _description: {
-      color: mode(`warmGray.200`, `coolGray.600`)(props),
-      fontWeight: 400,
-    },
-    _closeIcon: {
-      size: 4,
-    },
-  };
-};
-
-export const Toast = {
-  baseStyle,
-  defaultProps: {},
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/tooltip.ts

@@ -1,19 +0,0 @@
-import { mode } from '../tools';
-
-const baseStyle = (props: any) => {
-  return {
-    bg: mode(`gray.700`, `gray.300`)(props),
-    py: 1,
-    px: 2,
-    rounded: 'sm',
-    shadow: 1,
-    _text: {
-      color: mode(`gray.300`, `gray.700`)(props),
-      fontSize: 'sm',
-    },
-  };
-};
-
-export const Tooltip = {
-  baseStyle,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/transitions.ts

@@ -1,58 +0,0 @@
-//Fade
-// const fadeDefaultProps = {
-//   entryDuration: 500,
-//   exitDuration: 500,
-// };
-
-export const fadeBaseStyle = {
-  initial: { opacity: 0 },
-  animate: { opacity: 1, transition: { duration: 500 } },
-  exit: { opacity: 0, transition: { duration: 500 } },
-};
-export const Fade = {
-  baseStyle: fadeBaseStyle,
-};
-
-//ScaleFade
-//Can be commented if not used anywhere else
-// const scaleFadeDefaultProps = {
-//   duration: 500,
-//   initialScale: 0.9,
-// };
-
-const scaleBaseStyle = {
-  initial: { opacity: 0, scale: 0.9 },
-  animate: { opacity: 1, scale: 1, transition: 500 },
-  exit: { opacity: 0, scale: 0.9, transition: 500 },
-};
-export const ScaleFade = {
-  baseStyle: scaleBaseStyle,
-};
-
-//Slide
-const slideDefaultProps = {
-  duration: 500,
-  placement: 'bottom',
-  overlay: true,
-  _overlay: { isOpen: true },
-};
-
-export const Slide = {
-  baseStyle: {
-    h: '100%',
-    pointerEvents: 'box-none',
-    _overlay: { style: { overflow: 'hidden' } },
-  },
-  defaultProps: slideDefaultProps,
-};
-
-//SlideFade
-const slideFadeDefaultProps = {
-  duration: 500,
-  offsetX: 10,
-  offsetY: 10,
-};
-
-export const SlideFade = {
-  defaultProps: slideFadeDefaultProps,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/typeahead.ts

@@ -1,17 +0,0 @@
-import { mode } from '../tools/colors';
-
-const typeaheadSearchItemBaseStyle = (props: Record<string, any>) => {
-  return {
-    backgroundColor: mode('gray.100', 'gray.600')(props),
-    _focus: {
-      backgroundColor: mode('primary.300', 'primary.700')(props),
-    },
-    _disabled: {
-      backgroundColor: 'gray.200',
-    },
-  };
-};
-
-export const TypeAheadSearchItem = {
-  baseStyle: typeaheadSearchItemBaseStyle,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/view.ts

@@ -1,6 +0,0 @@
-const baseStyle = {};
-const defaultProps = {};
-export default {
-  baseStyle,
-  defaultProps,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/vstack.ts

@@ -1,6 +0,0 @@
-const baseStyle = {};
-const defaultProps = {};
-export default {
-  baseStyle,
-  defaultProps,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/wrap.ts

@@ -1,2 +0,0 @@
-// Wrap
-export const Wrap = {};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/zstack.ts

@@ -1,6 +0,0 @@
-const baseStyle = {};
-const defaultProps = {};
-export default {
-  baseStyle,
-  defaultProps,
-};

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

@@ -1,27 +0,0 @@
-import base from './base';
-import components from './components';
-import * as tools from './tools';
-//@ts-ignore
-import type { ColorModeOptions } from './../core/color-mode/types';
-
-const config: ColorModeOptions = {
-  useSystemColorMode: false, // TODO: implement this
-  initialColorMode: 'light',
-  accessibleColors: false,
-};
-
-const v33xTheme = {
-  ...base,
-  components,
-  config,
-};
-
-export type V33xTheme = typeof v33xTheme & { fontConfig: any };
-
-export interface ICustomTheme {}
-
-export interface IV33xTheme
-  extends ICustomTheme,
-    Omit<V33xTheme, keyof ICustomTheme> {}
-
-export { v33xTheme, tools as themeTools };

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-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/v33x-theme/tools/index.ts

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

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-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/v33x-theme/tools/utils.ts

@@ -1,334 +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 { IV33xTheme } 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',
-  ],
-  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'],
-  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: IV33xTheme) => {
-  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/utils/accessibilityTypes.ts

@@ -1,9 +0,0 @@
-import type { AccessibilityRole, AccessibilityState } from 'react-native';
-
-export type IAccessibilityProps = {
-  accessible?: boolean;
-  accessibilityRole?: AccessibilityRole;
-  accessibilityState?: AccessibilityState;
-  accessibilityLabel?: string;
-  accessibilityHint?: string;
-};

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

@@ -1,2 +0,0 @@
-export const ariaAttr = (condition: boolean | undefined) =>
-  condition ? true : undefined;