uilib-native 4.2.0 → 4.3.2

package/components/DynamicFonts/index.ts

@@ -1,194 +0,0 @@
-import FontLoader, {FontExtension, LoadFontInput} from './FontLoader';
-import FontDownloader, {FontDownloaderProps} from './FontDownloader';
-import type {PermissionsAcquirerProps} from './PermissionsAcquirer.android';
-// @ts-expect-error
-import PermissionsAcquirer from './PermissionsAcquirer';
-import NoPermissionsAcquirer from './NoPermissionsAcquirer';
-
-const DEFAULT_FONT_LOAD_ERROR_MESSAGE = 'Unable to load this font.';
-
-type DynamicFontsProps = {
-  fontDownloadingProps?: Omit<FontDownloaderProps, 'debug'>;
-  permissionsAcquirerProps?: PermissionsAcquirerProps;
-  fontLoadErrorMessage?: string;
-  /**
-   * Enable debug mode to print extra logs
-   */
-  debug?: boolean;
-  /**
-   * Do not request permissions
-   */
-  doNotRequestPermissions?: boolean;
-};
-
-type GetFontInput = {
-  /**
-   * The uri of the font (to be downloaded from)
-   */
-  fontUri: string;
-  /**
-   * The full name of the font
-   */
-  fontName: string;
-  /**
-   * The extension of the font, i.e. '.ttf' or '.otf'
-   */
-  fontExtension: FontExtension;
-  /**
-   * Milliseconds for the download to complete in (defaults to 5000)
-   */
-  timeout?: number;
-};
-
-export {DynamicFontsProps, FontExtension, GetFontInput};
-
-export default class DynamicFonts {
-  private readonly props: DynamicFontsProps;
-  private readonly permissionsAcquirer: InstanceType<typeof PermissionsAcquirer>;
-  private readonly fontLoader: InstanceType<typeof FontLoader>;
-  private readonly fontDownloader: InstanceType<typeof FontDownloader>;
-
-  constructor(props: DynamicFontsProps) {
-    const {debug = __DEV__, doNotRequestPermissions} = props;
-    this.props = {fontLoadErrorMessage: DEFAULT_FONT_LOAD_ERROR_MESSAGE, ...props};
-    this.permissionsAcquirer = doNotRequestPermissions
-      ? new NoPermissionsAcquirer()
-      : new PermissionsAcquirer(this.props.permissionsAcquirerProps ?? {});
-    this.fontLoader = new FontLoader({debug});
-    const fontDownloadingProps = this.props.fontDownloadingProps ?? {};
-    this.fontDownloader = new FontDownloader({...fontDownloadingProps, debug});
-  }
-
-  private log(message?: any, ...optionalParams: any[]) {
-    const {debug} = this.props;
-    if (debug) {
-      console.log(message, optionalParams);
-    }
-  }
-
-  private async loadFont(input: LoadFontInput) {
-    const {fontLoadErrorMessage} = this.props;
-    try {
-      return await this.fontLoader.loadFont(input);
-    } catch (err) {
-      return Promise.reject({
-        source: 'uilib:FontDownloader:loadFont',
-        message: `${fontLoadErrorMessage} fontName: ${input.fontName} error: ${JSON.stringify(err)}`
-      });
-    }
-  }
-
-  /**
-   * Get font - download from uri (or from cache if already downloaded) and load it to memory
-   * You need to handle errors in the form of Promise.reject
-   * @param fontUri the uri of the font (to be downloaded from)
-   * @param fontName the full name of the font
-   * @param fontExtension the extension of the font, i.e. '.ttf' or '.otf'
-   * @param timeout milliseconds for the download to complete in (defaults to 5000)
-   */
-  public async getFont({fontUri, fontName, fontExtension, timeout = 5000}: GetFontInput): Promise<string> {
-    const {fontLoadErrorMessage} = this.props;
-    await this.permissionsAcquirer.getPermissions();
-    if (await this.fontDownloader.isFontDownloaded(fontName, fontExtension)) {
-      this.log(fontName, 'Already downloaded');
-    } else {
-      await this.fontDownloader.downloadFont(fontUri, fontName, fontExtension, timeout);
-    }
-
-    const base64FontString = await this.fontDownloader.readFontFromDisk(fontName, fontExtension);
-    if (base64FontString) {
-      this.log(fontName, 'Loading');
-      const _fontName = await this.loadFont({fontName, base64FontString, fontExtension});
-      this.log(_fontName, 'Finished loading');
-      return Promise.resolve(_fontName);
-    } else {
-      return Promise.reject({
-        source: 'uilib:FontDownloader:getFont',
-        message: `${fontLoadErrorMessage} fontName: ${fontName}`
-      });
-    }
-  }
-
-  public async getFonts(fonts: GetFontInput | GetFontInput[]): Promise<string[]> {
-    await this.permissionsAcquirer.getPermissions();
-    if (fonts instanceof Array) {
-      return Promise.all(fonts.filter(font => font).map(font => this.getFont(font)));
-    } else {
-      return Promise.resolve([await this.getFont(fonts)]);
-    }
-  }
-
-  private buildFontData(rootUri: string,
-    fontName: string,
-    fontExtension: FontExtension,
-    fontNamePrefix?: string): GetFontInput & {fullFontName: string} {
-    const _fontName = `${fontNamePrefix ?? ''}${fontName}`;
-    const fullFontName = `${_fontName}.${fontExtension}`;
-    return {fontUri: `${rootUri}${fullFontName}`, fontName: _fontName, fontExtension, fullFontName};
-  }
-
-  // eslint-disable-next-line max-params
-  public async getFontFamily(rootUri: string,
-    fontNames: string[],
-    fontExtension: FontExtension,
-    fontNamePrefix?: string,
-    retries = 1): Promise<string[]> {
-    const fonts: GetFontInput[] = fontNames.map(fontName =>
-      this.buildFontData(rootUri, fontName, fontExtension, fontNamePrefix));
-    let fontsLoaded: string[] = [];
-    let tryCounter = 0;
-    while (fontsLoaded.length < fontNames.length && tryCounter < retries) {
-      try {
-        ++tryCounter;
-        // TODO: we should return successful loaded fonts and not fail all of them
-        fontsLoaded = await this.getFonts(fonts);
-      } catch (error) {
-        this.log(`getFontFamily failed (try #${tryCounter}) error:`, error);
-      }
-    }
-
-    return Promise.resolve(fontsLoaded);
-  }
-
-  private async deleteFontFromDisk(fontName: string, fontExtension: FontExtension, fontNamePrefix?: string) {
-    const fontInput = this.buildFontData('', fontName, fontExtension, fontNamePrefix);
-    await this.fontDownloader.deleteFontFromDisk(fontInput.fullFontName);
-  }
-
-  public async deleteFont(fontName: string, fontExtension: FontExtension): Promise<void> {
-    await this.permissionsAcquirer.getPermissions();
-    await this.deleteFontFromDisk(fontName, fontExtension);
-  }
-
-  public async deleteFontFamily(fontNames: string[],
-    fontExtension: FontExtension,
-    fontNamePrefix?: string): Promise<void> {
-    await this.permissionsAcquirer.getPermissions();
-    fontNames.forEach(async fontName => {
-      await this.deleteFontFromDisk(fontName, fontExtension, fontNamePrefix);
-    });
-  }
-
-  public async isFontDownloaded(fontName: string, fontExtension: FontExtension): Promise<boolean> {
-    return await this.fontDownloader.isFontDownloaded(fontName, fontExtension);
-  }
-
-  public async isFontFamilyDownloaded(rootUri: string,
-    fontNames: string[],
-    fontExtension: FontExtension,
-    fontNamePrefix?: string): Promise<boolean> {
-    const fonts: GetFontInput[] = fontNames.map(fontName =>
-      this.buildFontData(rootUri, fontName, fontExtension, fontNamePrefix));
-    try {
-      const areDownloaded = await Promise.all(fonts
-        .filter(font => font)
-        .map(font => {
-          return this.fontDownloader.isFontDownloaded(font.fontName, font.fontExtension);
-        }));
-      return Promise.resolve(areDownloaded.every(v => v === true));
-    } catch (error) {
-      this.log(`isFontFamilyDownloaded failed error:`, error);
-      return Promise.resolve(false);
-    }
-  }
-}

package/components/HighlighterOverlayView.tsx

@@ -1,90 +0,0 @@
-import React from 'react';
-import {requireNativeComponent, processColor, Platform, StyleSheet, Modal, ViewStyle} from 'react-native';
-
-const NativeHighlighterView = requireNativeComponent('HighlighterView');
-const DefaultOverlayColor = 'rgba(0, 0, 0, 0.5)';
-
-type HighlightFrameType = {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-
-type HighlightViewTagParams = {
-  padding: number | ViewStyle['padding'];
-  offset: Pick<HighlightFrameType, 'x' | 'y'>;
-}
-
-export type HighlighterOverlayViewProps = {
-  visible: boolean;
-  overlayColor?: string;
-  borderRadius?: number;
-  strokeColor?: string;
-  strokeWidth?: number;
-  onRequestClose?: () => void;
-  highlightFrame?: HighlightFrameType;
-  style?: ViewStyle;
-  highlightViewTag?: number | null;
-  children?: JSX.Element[] | JSX.Element;
-  highlightViewTagParams?: HighlightViewTagParams;
-  minimumRectSize?: Pick<HighlightFrameType, 'width' | 'height'>;
-  innerPadding?: number;
-  accessible?: boolean;
-  testID?: string;
-};
-
-
-const HighlighterOverlayView = (props: HighlighterOverlayViewProps) => {
-  const {
-    overlayColor,
-    borderRadius,
-    strokeColor,
-    strokeWidth,
-    visible,
-    onRequestClose,
-    highlightFrame,
-    style,
-    children,
-    highlightViewTag,
-    highlightViewTagParams,
-    minimumRectSize,
-    innerPadding
-  } = props;
-
-  let overlayColorToUse = overlayColor || DefaultOverlayColor;
-  let strokeColorToUse = strokeColor;
-  if (Platform.OS === 'android') {
-    // @ts-ignore
-    overlayColorToUse = processColor(overlayColorToUse);
-    // @ts-ignore
-    strokeColorToUse = processColor(strokeColorToUse);
-  }
-
-  return (
-    <Modal
-      visible={!!(visible)}
-      animationType={'fade'}
-      transparent
-      onRequestClose={() => onRequestClose?.()}
-    >
-      <NativeHighlighterView
-        // @ts-ignore, this became private, not sure if I should remove it 
-        highlightFrame={highlightFrame}
-        style={[style, {...StyleSheet.absoluteFillObject, backgroundColor: 'transparent'}]}
-        overlayColor={overlayColorToUse}
-        borderRadius={borderRadius}
-        strokeColor={strokeColorToUse}
-        strokeWidth={strokeWidth}
-        highlightViewTag={highlightViewTag}
-        highlightViewTagParams={highlightViewTagParams}
-        minimumRectSize={minimumRectSize}
-        innerPadding={innerPadding}
-      />
-      {children}
-    </Modal>
-  );
-};
-
-HighlighterOverlayView.displayName = 'IGNORE';
-export default HighlighterOverlayView;

package/components/HighlighterOverlayView.web.tsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import {Modal, ViewStyle} from 'react-native';
-
-type HighlightFrameType = {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-
-type HighlightViewTagParams = {
-  padding: number | ViewStyle['padding'];
-  offset: Pick<HighlightFrameType, 'x' | 'y'>;
-}
-
-export type HighlighterOverlayViewProps = {
-  visible: boolean;
-  overlayColor?: string;
-  borderRadius?: number;
-  strokeColor?: string;
-  strokeWidth?: number;
-  onRequestClose?: () => void;
-  highlightFrame?: HighlightFrameType;
-  style?: ViewStyle;
-  highlightViewTag?: number | null;
-  children?: JSX.Element[] | JSX.Element;
-  highlightViewTagParams?: HighlightViewTagParams;
-  minimumRectSize?: Pick<HighlightFrameType, 'width' | 'height'>;
-  innerPadding?: number;
-  accessible?: boolean;
-  testID?: string;
-};
-
-
-const HighlighterOverlayView = (props: HighlighterOverlayViewProps) => {
-  const {
-    visible,
-    onRequestClose,
-    children
-  } = props;
-
-
-
-  return (
-    <Modal
-      visible={!!(visible)}
-      animationType={'fade'}
-      transparent
-      onRequestClose={() => onRequestClose?.()}
-    >
-
-      {children}
-    </Modal>
-  );
-};
-
-HighlighterOverlayView.displayName = 'IGNORE';
-export default HighlighterOverlayView;

package/components/Keyboard/KeyboardInput/CustomKeyboardView/CustomKeyboardView.android.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import {requireNativeComponent} from 'react-native';
-import TextInputKeyboardManager from '../TextInputKeyboardManager/TextInputKeyboardManager.android';
-import KeyboardRegistry from '../KeyboardRegistry';
-import CustomKeyboardViewBase, {CustomKeyboardViewBaseProps} from '../CustomKeyboardViewBase';
-
-const CustomKeyboardViewNativeAndroid = requireNativeComponent('CustomKeyboardViewNativeTemp');
-
-export default class CustomKeyboardView extends CustomKeyboardViewBase<CustomKeyboardViewBaseProps> {
-  static displayName = 'IGNORE';
-
-  async componentDidUpdate(prevProps: CustomKeyboardViewBaseProps) {
-    const {component} = this.props;
-
-    if (prevProps.component !== component && !component) {
-      await TextInputKeyboardManager.reset();
-    }
-
-    super.componentDidUpdate(prevProps);
-  }
-
-  render() {
-    const {component, initialProps} = this.props;
-    const KeyboardComponent = component && KeyboardRegistry.getKeyboard(component);
-    return (
-      <CustomKeyboardViewNativeAndroid>
-        {KeyboardComponent && <KeyboardComponent {...initialProps}/>}
-      </CustomKeyboardViewNativeAndroid>
-    );
-  }
-}

package/components/Keyboard/KeyboardInput/CustomKeyboardView/index.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import {Platform} from 'react-native';
-import {default as CustomKeyboardViewIOS, CustomKeyboardViewProps} from './CustomKeyboardView.ios';
-import {default as CustomKeyboardViewAndroid} from './CustomKeyboardView.android';
-
-const IsAndroid = Platform.OS === 'android';
-
-const CustomKeyboardView = (props: CustomKeyboardViewProps) => {
-  const Container = IsAndroid ? CustomKeyboardViewAndroid : CustomKeyboardViewIOS;
-
-  return (
-    <Container {...props}/>
-  );
-};
-
-export default CustomKeyboardView;

package/components/Keyboard/KeyboardInput/CustomKeyboardViewBase.tsx

@@ -1,83 +0,0 @@
-import React, {Component} from 'react';
-import KeyboardRegistry from './KeyboardRegistry';
-import {EventSubscription} from 'react-native';
-
-export type CustomKeyboardViewBaseProps = {
-  inputRef?: any;
-  initialProps?: any;
-  component?: string;
-  onItemSelected?: (component?: string, args?: any) => void;
-  onRequestShowKeyboard?: (keyboardId: string) => void;
-  children?: React.ReactChild | React.ReactChild[];
-};
-
-export default class CustomKeyboardViewBase<T extends CustomKeyboardViewBaseProps> extends Component<T> {
-  static defaultProps = {
-    initialProps: {}
-  };
-
-  registeredRequestShowKeyboard = false;
-  keyboardExpandedToggle: any;
-  keyboardEventListeners: EventSubscription[] = [];
-
-  constructor(props: T) {
-    super(props);
-
-    const {component, onItemSelected} = props;
-    if (component) {
-      this.addOnItemSelectListener(onItemSelected, component);
-    }
-
-    this.keyboardExpandedToggle = {};
-  }
-
-  shouldComponentUpdate(nextProps: T) {
-    return nextProps.component !== this.props.component;
-  }
-
-  componentWillUnmount() {
-    const {component} = this.props;
-    KeyboardRegistry.removeListeners('onRequestShowKeyboard');
-
-    if (this.keyboardEventListeners) {
-      this.keyboardEventListeners.forEach((eventListener: EventSubscription) => eventListener.remove());
-    }
-
-    if (component) {
-      KeyboardRegistry.removeListeners(`${component}.onItemSelected`);
-    }
-  }
-
-  addOnItemSelectListener(onItemSelected: CustomKeyboardViewBaseProps['onItemSelected'],
-    component: CustomKeyboardViewBaseProps['component']) {
-    if (onItemSelected) {
-      KeyboardRegistry.addListener(`${component}.onItemSelected`, (args: any) => {
-        onItemSelected(component, args);
-      });
-    }
-  }
-
-  componentDidUpdate(prevProps: T) {
-    const {onRequestShowKeyboard} = this.props;
-
-    if (onRequestShowKeyboard && !this.registeredRequestShowKeyboard) {
-      this.registeredRequestShowKeyboard = true;
-      KeyboardRegistry.addListener('onRequestShowKeyboard', (args: any) => {
-        onRequestShowKeyboard(args.keyboardId);
-      });
-    }
-
-    this.registerListener(prevProps, this.props);
-  }
-
-  registerListener(props: T, nextProps: T) {
-    const {component, onItemSelected} = nextProps;
-    if (component && props.component !== component) {
-      if (props.component) {
-        KeyboardRegistry.removeListeners(`${props.component}.onItemSelected`);
-      }
-      KeyboardRegistry.removeListeners(`${component}.onItemSelected`);
-      this.addOnItemSelectListener(onItemSelected, component);
-    }
-  }
-}

package/components/Keyboard/KeyboardInput/TextInputKeyboardManager/index.ts

@@ -1,9 +0,0 @@
-import {Platform} from 'react-native';
-import {default as TextInputKeyboardManagerIOS} from './TextInputKeyboardManager.ios';
-import {default as TextInputKeyboardManagerAndroid} from './TextInputKeyboardManager.android';
-
-const IsAndroid = Platform.OS === 'android';
-
-const TextInputKeyboardManager = IsAndroid ? TextInputKeyboardManagerAndroid : TextInputKeyboardManagerIOS;
-
-export default TextInputKeyboardManager;

package/components/Keyboard/KeyboardTracking/KeyboardTrackingView/KeyboardTrackingView.android.tsx

@@ -1,15 +0,0 @@
-import React, {PureComponent} from 'react';
-import {View} from 'react-native';
-
-class KeyboardTrackingView extends PureComponent {
-  static displayName = 'IGNORE';
-  render() {
-    return <View {...this.props}/>;
-  }
-  async getNativeProps() {
-    return {trackingViewHeight: 0, keyboardHeight: 0, contentTopInset: 0};
-  }
-  scrollToStart() {}
-}
-
-export default KeyboardTrackingView;

package/components/Keyboard/KeyboardTracking/KeyboardTrackingView/index.tsx

@@ -1,96 +0,0 @@
-import React, {forwardRef} from 'react';
-import {Platform, NativeModules, ViewStyle, ViewProps} from 'react-native';
-import {default as KeyboardTrackingViewIOS} from './KeyboardTrackingView.ios';
-import {default as KeyboardTrackingViewAndroid} from './KeyboardTrackingView.android';
-
-const isAndroid = Platform.OS === 'android';
-const SCROLL_BEHAVIORS = {
-  NONE: NativeModules.KeyboardTrackingViewTempManager?.KeyboardTrackingScrollBehaviorNone,
-  SCROLL_TO_BOTTOM_INVERTED_ONLY: 
-    NativeModules.KeyboardTrackingViewTempManager?.KeyboardTrackingScrollBehaviorScrollToBottomInvertedOnly,
-  FIXED_OFFSET: NativeModules.KeyboardTrackingViewTempManager?.KeyboardTrackingScrollBehaviorFixedOffset
-};
-
-export type KeyboardTrackingViewProps = ViewProps & {
-  /**
-   * Enables tracking of the keyboard when it's dismissed interactively (false by default).
-   * Why? When using an external keyboard (BT),
-   * you still get the keyboard events and the view just hovers when you focus the input.
-   * Also, if you're not using interactive style of dismissing the keyboard
-   * (or if you don't have an input inside this view) it doesn't make sense to track it anyway.
-   * (This is caused because of the usage of inputAccessory to be able to track the
-   * keyboard interactive change and it introduces this bug)
-   */
-  trackInteractive?: boolean;
-  /**
-   * iOS only.
-   * Show the keyboard on a negative scroll
-   * default: false
-   */
-  revealKeyboardInteractive?: boolean;
-  /**
-   * iOS only.
-   * Set to false to turn off inset management and manage it yourself
-   * default: true
-   */
-  manageScrollView?: boolean;
-  /**
-   * iOS only.
-   * Set to true manageScrollView is set to true and still does not work,
-   * it means that the ScrollView found is the wrong one and you'll have
-   * to have the KeyboardAccessoryView and the ScrollView as siblings
-   * and set this to true
-   *
-   * default: false
-   */
-  requiresSameParentToManageScrollView?: boolean;
-  /**
-   * iOS only.
-   * Allow hitting sub-views that are placed beyond the view bounds
-   *
-   * default: false
-   */
-  allowHitsOutsideBounds?: boolean;
-  scrollToFocusedInput?: boolean;
-  /**
-   * iOS only.
-   * The scrolling behavior (NONE | SCROLL_TO_BOTTOM_INVERTED_ONLY | FIXED_OFFSET)
-   */
-  scrollBehavior?: number;
-  /**
-   * iOS only.
-   * Add a SafeArea view beneath the KeyboardAccessoryView
-   * default: false
-   */
-  addBottomView?: boolean;
-  /**
-   * iOS only.
-   * The bottom view's color
-   * default: 'white'
-   */
-  bottomViewColor?: string;
-  /**
-   * Allow control safe area
-   */
-  useSafeArea?: boolean;
-  /**
-   * Whether or not to include bottom tab bar inset
-   */
-  usesBottomTabs?: boolean;
-  ref?: any;
-  style?: ViewStyle;
-  children?: React.ReactChild | React.ReactChild[];
-};
-
-const KeyboardTrackingView = forwardRef(({children, ...others}: KeyboardTrackingViewProps, ref: any) => {
-  const KeyboardTrackingViewContainer = isAndroid ? KeyboardTrackingViewAndroid : KeyboardTrackingViewIOS;
-  return (
-    <KeyboardTrackingViewContainer {...others} ref={ref}>
-      {children}
-    </KeyboardTrackingViewContainer>
-  );
-});
-
-export default KeyboardTrackingView as (typeof KeyboardTrackingView & {scrollBehaviors: typeof SCROLL_BEHAVIORS});
-// @ts-expect-error
-KeyboardTrackingView.scrollBehaviors = SCROLL_BEHAVIORS;

package/components/Keyboard/index.ts

@@ -1,15 +0,0 @@
-import KeyboardTrackingView, {KeyboardTrackingViewProps} from './KeyboardTracking/KeyboardTrackingView';
-import KeyboardAwareInsetsView from './KeyboardTracking/KeyboardAwareInsetsView';
-import KeyboardRegistry from './KeyboardInput/KeyboardRegistry';
-import KeyboardAccessoryView, {KeyboardAccessoryViewProps} from './KeyboardInput/KeyboardAccessoryView';
-import KeyboardUtils from './KeyboardInput/utils/KeyboardUtils';
-
-export {KeyboardTrackingViewProps, KeyboardAccessoryViewProps};
-
-export default {
-  KeyboardTrackingView,
-  KeyboardAwareInsetsView,
-  KeyboardRegistry,
-  KeyboardAccessoryView,
-  KeyboardUtils
-};

package/components/SafeArea/SafeAreaSpacerView.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import {View, requireNativeComponent, ViewStyle, Platform} from 'react-native';
-
-const NativeSafeAreaSpacerView = requireNativeComponent('SafeAreaSpacerView');
-const isIOS = Platform.OS === 'ios';
-
-export type SafeAreaSpacerViewProps = {
-  style?: ViewStyle;
-};
-
-const SafeAreaSpacerView = ({style}: SafeAreaSpacerViewProps) => {
-  return (
-    // @ts-ignore
-    isIOS ? <NativeSafeAreaSpacerView style={style}/> : <View style={style}/>
-  );
-};
-
-SafeAreaSpacerView.displayName = 'IGNORE';
-export default SafeAreaSpacerView;

package/components/SafeArea/SafeAreaSpacerView.web.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import {View, ViewStyle} from 'react-native';
-
-
-export type SafeAreaSpacerViewProps = {
-  style?: ViewStyle;
-};
-
-const SafeAreaSpacerView = ({style}: SafeAreaSpacerViewProps) => {
-  return (<View style={style}/>);
-};
-
-SafeAreaSpacerView.displayName = 'IGNORE';
-export default SafeAreaSpacerView;

package/components/index.ts

@@ -1,16 +0,0 @@
-import DynamicFonts, {FontExtension} from './DynamicFonts';
-import HighlighterOverlayView from './HighlighterOverlayView';
-import SafeAreaSpacerView from './SafeArea/SafeAreaSpacerView';
-import SafeAreaInsetsManager from './SafeArea/SafeAreaInsetsManager';
-import Keyboard, {KeyboardTrackingViewProps, KeyboardAccessoryViewProps} from './Keyboard';
-
-export {
-  DynamicFonts,
-  FontExtension,
-  HighlighterOverlayView,
-  SafeAreaSpacerView,
-  SafeAreaInsetsManager,
-  Keyboard,
-  KeyboardTrackingViewProps,
-  KeyboardAccessoryViewProps
-};