uilib-native 4.2.0 → 4.3.2

package/components/Keyboard/KeyboardInput/{KeyboardAccessoryView.tsx → KeyboardAccessoryView.js}

@@ -1,69 +1,17 @@
-import React, {Component} from 'react';
-import {
-  StyleSheet,
-  Platform,
-  NativeModules,
-  NativeEventEmitter,
-  DeviceEventEmitter,
-  processColor,
-  BackHandler,
-  LayoutChangeEvent
-} from 'react-native';
-import KeyboardTrackingView, {KeyboardTrackingViewProps} from '../KeyboardTracking/KeyboardTrackingView';
-import CustomKeyboardView from './CustomKeyboardView';
-import KeyboardUtils from './utils/KeyboardUtils';
-
+import React, { Component } from 'react';
+import { StyleSheet, Platform, NativeModules, NativeEventEmitter, DeviceEventEmitter, processColor, BackHandler } from 'react-native';
+import KeyboardTrackingView from "../KeyboardTracking/KeyboardTrackingView";
+import CustomKeyboardView from "./CustomKeyboardView";
+import KeyboardUtils from "./utils/KeyboardUtils";
 const IsIOS = Platform.OS === 'ios';
 const IsAndroid = Platform.OS === 'android';
-
-type kbTrackingViewProps = Pick<KeyboardTrackingViewProps, 'scrollBehavior' | 'revealKeyboardInteractive' | 'manageScrollView' | 'requiresSameParentToManageScrollView' | 'allowHitsOutsideBounds' | 'addBottomView' | 'bottomViewColor' | 'useSafeArea' | 'usesBottomTabs'>;
-
-export type KeyboardAccessoryViewProps = kbTrackingViewProps & {
-  /**
-   * Content to be rendered above the keyboard
-   */
-  renderContent?: () => React.ReactElement;
-  /**
-   * iOS only.
-   * The reference to the actual text input (or the keyboard may not reset when instructed to, etc.).
-   * This is required.
-   */
-  kbInputRef?: any;
-  /**
-   * The keyboard ID (the componentID sent to KeyboardRegistry)
-   */
-  kbComponent?: string;
-  /**
-   * The props that will be sent to the KeyboardComponent
-   */
-  kbInitialProps?: any;
-  /**
-   * A callback for when the height is changed
-   */
-  onHeightChanged?: (height: number) => void;
-  /**
-   * Callback that will be called when an item on the keyboard has been pressed.
-   */
-  onItemSelected?: (component?: string, args?: any) => void;
-  /**
-   * Callback that will be called if KeyboardRegistry.requestShowKeyboard is called.
-   */
-  onRequestShowKeyboard?: () => void;
-  /**
-   * Callback that will be called once the keyboard has been closed
-   */
-  onKeyboardResigned?: () => void;
-  children?: React.ReactChild;
-};
-
 /**
  * @description: View that allows replacing the default keyboard with other components
  * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/nativeComponentScreens/keyboardAccessory/KeyboardAccessoryViewScreen.js
  * @gif: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/KeyboardAccessoryView/KeyboardAccessoryView.gif?raw=true
  */
-class KeyboardAccessoryView extends Component<KeyboardAccessoryViewProps> {
+class KeyboardAccessoryView extends Component {
   static scrollBehaviors = KeyboardTrackingView.scrollBehaviors;
-
   static defaultProps = {
     revealKeyboardInteractive: false,
     manageScrollView: true,
@@ -74,22 +22,17 @@ class KeyboardAccessoryView extends Component<KeyboardAccessoryViewProps> {
   };
 
   // TODO: fix
-  customInputControllerEventsSubscriber: any;
-  trackingViewRef: any;
 
-  constructor(props: KeyboardAccessoryViewProps) {
+  constructor(props) {
     super(props);
-
     this.onContainerComponentHeightChanged = this.onContainerComponentHeightChanged.bind(this);
     this.processInitialProps = this.processInitialProps.bind(this);
     this.registerForKeyboardResignedEvent = this.registerForKeyboardResignedEvent.bind(this);
     this.registerAndroidBackHandler = this.registerAndroidBackHandler.bind(this);
     this.onAndroidBackPressed = this.onAndroidBackPressed.bind(this);
-
     this.registerForKeyboardResignedEvent();
     this.registerAndroidBackHandler();
   }
-
   componentWillUnmount() {
     if (this.customInputControllerEventsSubscriber) {
       this.customInputControllerEventsSubscriber.remove();
@@ -98,34 +41,34 @@ class KeyboardAccessoryView extends Component<KeyboardAccessoryViewProps> {
       BackHandler.removeEventListener('hardwareBackPress', this.onAndroidBackPressed);
     }
   }
-
-  onContainerComponentHeightChanged(event: LayoutChangeEvent) {
-    const {onHeightChanged} = this.props;
-
+  onContainerComponentHeightChanged(event) {
+    const {
+      onHeightChanged
+    } = this.props;
     if (onHeightChanged) {
       onHeightChanged(event.nativeEvent.layout.height);
     }
   }
-
   onAndroidBackPressed() {
-    const {kbComponent} = this.props;
-
+    const {
+      kbComponent
+    } = this.props;
     if (kbComponent) {
       KeyboardUtils.dismiss();
       return true;
     }
     return false;
   }
-
   async getNativeProps() {
     if (this.trackingViewRef) {
       return await this.trackingViewRef.getNativeProps();
     }
     return {};
   }
-
   registerForKeyboardResignedEvent() {
-    const {onKeyboardResigned} = this.props;
+    const {
+      onKeyboardResigned
+    } = this.props;
     let eventEmitter = null;
     if (IsIOS) {
       if (NativeModules.CustomInputControllerTemp) {
@@ -134,7 +77,6 @@ class KeyboardAccessoryView extends Component<KeyboardAccessoryViewProps> {
     } else {
       eventEmitter = DeviceEventEmitter;
     }
-
     if (eventEmitter !== null) {
       this.customInputControllerEventsSubscriber = eventEmitter.addListener('kbdResigned', () => {
         if (onKeyboardResigned) {
@@ -143,31 +85,27 @@ class KeyboardAccessoryView extends Component<KeyboardAccessoryViewProps> {
       });
     }
   }
-
   registerAndroidBackHandler() {
     if (IsAndroid) {
       BackHandler.addEventListener('hardwareBackPress', this.onAndroidBackPressed);
     }
   }
-
   processInitialProps() {
-    const {kbInitialProps} = this.props;
-
+    const {
+      kbInitialProps
+    } = this.props;
     if (IsIOS && kbInitialProps && kbInitialProps.backgroundColor) {
       const processedProps = Object.assign({}, kbInitialProps);
       processedProps.backgroundColor = processColor(processedProps.backgroundColor);
       return processedProps;
     }
-
     return kbInitialProps;
   }
-
   scrollToStart() {
     if (this.trackingViewRef) {
       this.trackingViewRef.scrollToStart();
     }
   }
-
   render() {
     const {
       renderContent,
@@ -178,29 +116,12 @@ class KeyboardAccessoryView extends Component<KeyboardAccessoryViewProps> {
       scrollBehavior,
       ...others
     } = this.props;
-
-    return (
-      <KeyboardTrackingView
-        {...others}
-        scrollBehavior={scrollBehavior}
-        ref={(r: any) => (this.trackingViewRef = r)}
-        style={styles.trackingToolbarContainer}
-        onLayout={this.onContainerComponentHeightChanged}
-      >
+    return <KeyboardTrackingView {...others} scrollBehavior={scrollBehavior} ref={r => this.trackingViewRef = r} style={styles.trackingToolbarContainer} onLayout={this.onContainerComponentHeightChanged}>
         <>{renderContent?.()}</>
-        <CustomKeyboardView
-          inputRef={kbInputRef}
-          component={kbComponent}
-          initialProps={this.processInitialProps()}
-          onItemSelected={onItemSelected}
-          onRequestShowKeyboard={onRequestShowKeyboard}
-          useSafeArea={others.useSafeArea}
-        />
-      </KeyboardTrackingView>
-    );
+        <CustomKeyboardView inputRef={kbInputRef} component={kbComponent} initialProps={this.processInitialProps()} onItemSelected={onItemSelected} onRequestShowKeyboard={onRequestShowKeyboard} useSafeArea={others.useSafeArea} />
+      </KeyboardTrackingView>;
   }
 }
-
 const styles = StyleSheet.create({
   trackingToolbarContainer: {
     ...Platform.select({
@@ -211,5 +132,4 @@ const styles = StyleSheet.create({
     })
   }
 });
-
-export default KeyboardAccessoryView;
+export default KeyboardAccessoryView;

package/components/Keyboard/KeyboardInput/KeyboardRegistry.d.ts

@@ -0,0 +1,71 @@
+import EventEmitterManager from './utils/EventEmitterManager';
+/**
+ * @description: used for registering keyboards and performing certain actions on the keyboards.
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/nativeComponentScreens/keyboardAccessory/demoKeyboards.js
+ */
+export default class KeyboardRegistry {
+    static displayName: string;
+    static registeredKeyboards: {
+        [key: string]: any;
+    };
+    static eventEmitter: EventEmitterManager;
+    /**
+     * Register a new keyboard.
+     * componentID (string) - the ID of the keyboard.
+     * generator (function) - a function for the creation of the keyboard.
+     * params (object) - to be returned when using other methods (i.e. getKeyboards and getAllKeyboards).
+     */
+    static registerKeyboard: (componentID: string, generator: Function, params?: {}) => void;
+    /**
+     * Get a specific keyboard
+     * componentID (string) - the ID of the keyboard.
+     */
+    static getKeyboard: (componentID: string) => any;
+    /**
+     * Get keyboards by IDs
+     * componentIDs (string[]) - the ID of the keyboard.
+     */
+    static getKeyboards: (componentIDs?: never[]) => any[];
+    /**
+     * Get all keyboards
+     */
+    static getAllKeyboards: () => any[];
+    /**
+     * Add a listener for a callback.
+     * globalID (string) - ID that includes the componentID and the event name
+     *                     (i.e. if componentID='kb1' globalID='kb1.onItemSelected')
+     * callback (function) - the callback to be called when the said event happens
+     */
+    static addListener: (globalID: string, callback: Function) => void;
+    /**
+     * Notify that an event has occurred.
+     * globalID (string) - ID that includes the componentID and the event name
+     *                     (i.e. if componentID='kb1' globalID='kb1.onItemSelected')
+     * args (object) - data to be sent to the listener.
+     */
+    static notifyListeners: (globalID: string, args: any) => void;
+    /**
+     * Remove a listener for a callback.
+     * globalID (string) - ID that includes the componentID and the event name
+     *                     (i.e. if componentID='kb1' globalID='kb1.onItemSelected')
+     */
+    static removeListeners: (globalID: string) => void;
+    /**
+     * Default event to be used for when an item on the keyboard has been pressed.
+     * componentID (string) - the ID of the keyboard.
+     * args (object) - data to be sent to the listener.
+     */
+    static onItemSelected: (componentID: string, args: any) => void;
+    /**
+     * Request to show the keyboard
+     * componentID (string) - the ID of the keyboard.
+     */
+    static requestShowKeyboard: (componentID: string) => void;
+    /**
+     * @deprecated
+     * iOS only (experimental)
+     * Call to make the keyboard full screen
+     * componentID (string) - the ID of the keyboard.
+     */
+    static toggleExpandedKeyboard: (componentID: string) => void;
+}

package/components/Keyboard/KeyboardInput/{KeyboardRegistry.ts → KeyboardRegistry.js}

@@ -1,12 +1,13 @@
-import {AppRegistry} from 'react-native';
-import _ from 'lodash';
-import EventEmitterManager from './utils/EventEmitterManager';
+import _intersection from "lodash/intersection";
+import _isFunction from "lodash/isFunction";
+import { AppRegistry } from 'react-native';
+import EventEmitterManager from "./utils/EventEmitterManager";
 
 /*
  * Tech debt: how to deal with multiple registries in the app?
  */
 
-const getKeyboardsWithIDs = (keyboardIDs: string[]) => {
+const getKeyboardsWithIDs = keyboardIDs => {
   return keyboardIDs.map(keyboardId => {
     return {
       id: keyboardId,
@@ -21,7 +22,7 @@ const getKeyboardsWithIDs = (keyboardIDs: string[]) => {
  */
 export default class KeyboardRegistry {
   static displayName = 'KeyboardRegistry';
-  static registeredKeyboards: {[key: string]: any} = {};
+  static registeredKeyboards = {};
   static eventEmitter = new EventEmitterManager();
 
   /**
@@ -30,12 +31,16 @@ export default class KeyboardRegistry {
    * generator (function) - a function for the creation of the keyboard.
    * params (object) - to be returned when using other methods (i.e. getKeyboards and getAllKeyboards).
    */
-  static registerKeyboard = (componentID: string, generator: Function, params = {}) => {
-    if (!_.isFunction(generator)) {
+  static registerKeyboard = (componentID, generator, params = {}) => {
+    if (!_isFunction(generator)) {
       console.error(`KeyboardRegistry.registerKeyboard: ${componentID} you must register a generator function`);
       return;
     }
-    KeyboardRegistry.registeredKeyboards[componentID] = {generator, params, componentID};
+    KeyboardRegistry.registeredKeyboards[componentID] = {
+      generator,
+      params,
+      componentID
+    };
     AppRegistry.registerComponent(componentID, generator);
   };
 
@@ -43,7 +48,7 @@ export default class KeyboardRegistry {
    * Get a specific keyboard
    * componentID (string) - the ID of the keyboard.
    */
-  static getKeyboard = (componentID: string) => {
+  static getKeyboard = componentID => {
     const res = KeyboardRegistry.registeredKeyboards[componentID];
     if (!res || !res.generator) {
       console.error(`KeyboardRegistry.getKeyboard: ${componentID} used but not yet registered`);
@@ -57,7 +62,7 @@ export default class KeyboardRegistry {
    * componentIDs (string[]) - the ID of the keyboard.
    */
   static getKeyboards = (componentIDs = []) => {
-    const validKeyboardIDs = _.intersection(componentIDs, Object.keys(KeyboardRegistry.registeredKeyboards));
+    const validKeyboardIDs = _intersection(componentIDs, Object.keys(KeyboardRegistry.registeredKeyboards));
     return getKeyboardsWithIDs(validKeyboardIDs);
   };
 
@@ -74,7 +79,7 @@ export default class KeyboardRegistry {
    *                     (i.e. if componentID='kb1' globalID='kb1.onItemSelected')
    * callback (function) - the callback to be called when the said event happens
    */
-  static addListener = (globalID: string, callback: Function) => {
+  static addListener = (globalID, callback) => {
     KeyboardRegistry.eventEmitter.listenOn(globalID, callback);
   };
 
@@ -84,7 +89,7 @@ export default class KeyboardRegistry {
    *                     (i.e. if componentID='kb1' globalID='kb1.onItemSelected')
    * args (object) - data to be sent to the listener.
    */
-  static notifyListeners = (globalID: string, args: any) => {
+  static notifyListeners = (globalID, args) => {
     KeyboardRegistry.eventEmitter.emitEvent(globalID, args);
   };
 
@@ -93,7 +98,7 @@ export default class KeyboardRegistry {
    * globalID (string) - ID that includes the componentID and the event name
    *                     (i.e. if componentID='kb1' globalID='kb1.onItemSelected')
    */
-  static removeListeners = (globalID: string) => {
+  static removeListeners = globalID => {
     KeyboardRegistry.eventEmitter.removeListeners(globalID);
   };
 
@@ -102,7 +107,7 @@ export default class KeyboardRegistry {
    * componentID (string) - the ID of the keyboard.
    * args (object) - data to be sent to the listener.
    */
-  static onItemSelected = (componentID: string, args: any) => {
+  static onItemSelected = (componentID, args) => {
     KeyboardRegistry.notifyListeners(`${componentID}.onItemSelected`, args);
   };
 
@@ -110,8 +115,10 @@ export default class KeyboardRegistry {
    * Request to show the keyboard
    * componentID (string) - the ID of the keyboard.
    */
-  static requestShowKeyboard = (componentID: string) => {
-    KeyboardRegistry.notifyListeners('onRequestShowKeyboard', {keyboardId: componentID});
+  static requestShowKeyboard = componentID => {
+    KeyboardRegistry.notifyListeners('onRequestShowKeyboard', {
+      keyboardId: componentID
+    });
   };
 
   /**
@@ -120,7 +127,9 @@ export default class KeyboardRegistry {
    * Call to make the keyboard full screen
    * componentID (string) - the ID of the keyboard.
    */
-  static toggleExpandedKeyboard = (componentID: string) => {
-    KeyboardRegistry.notifyListeners('onToggleExpandedKeyboard', {keyboardId: componentID});
+  static toggleExpandedKeyboard = componentID => {
+    KeyboardRegistry.notifyListeners('onToggleExpandedKeyboard', {
+      keyboardId: componentID
+    });
   };
-}
+}

package/components/Keyboard/KeyboardInput/TextInputKeyboardManager/TextInputKeyboardManager.android.d.ts

@@ -0,0 +1,4 @@
+export default class TextInputKeyboardManager {
+    static reset: () => any;
+    static dismissKeyboard: () => Promise<void>;
+}

package/components/Keyboard/KeyboardInput/TextInputKeyboardManager/{TextInputKeyboardManager.android.ts → TextInputKeyboardManager.android.js}

@@ -1,12 +1,9 @@
-import {NativeModules} from 'react-native';
-
+import { NativeModules } from 'react-native';
 const CustomKeyboardInput = NativeModules.CustomKeyboardInputTemp;
-
 export default class TextInputKeyboardManager {
   static reset = () => CustomKeyboardInput.reset();
-
   static dismissKeyboard = async () => {
     CustomKeyboardInput.clearFocusedView();
     await TextInputKeyboardManager.reset();
   };
-}
+}

package/components/Keyboard/KeyboardInput/TextInputKeyboardManager/TextInputKeyboardManager.ios.d.ts

@@ -0,0 +1,10 @@
+export default class TextInputKeyboardManager {
+    static setInputComponent: (textInputRef: any, { component, initialProps, useSafeArea }: {
+        component?: string | undefined;
+        initialProps: any;
+        useSafeArea?: boolean | undefined;
+    }) => void;
+    static removeInputComponent: (textInputRef: any) => void;
+    static dismissKeyboard: () => void;
+    static toggleExpandKeyboard: (textInputRef: any, expand: boolean, performLayoutAnimation?: boolean) => void;
+}

package/components/Keyboard/KeyboardInput/TextInputKeyboardManager/{TextInputKeyboardManager.ios.ts → TextInputKeyboardManager.ios.js}

@@ -1,20 +1,24 @@
-import ReactNative, {NativeModules, LayoutAnimation} from 'react-native';
-
+import ReactNative, { NativeModules, LayoutAnimation } from 'react-native';
 const CustomInputControllerTemp = NativeModules.CustomInputControllerTemp;
-
 export default class TextInputKeyboardManager {
-  static setInputComponent = (textInputRef: any,
-    {component, initialProps, useSafeArea}: {component?: string; initialProps: any; useSafeArea?: boolean}) => {
+  static setInputComponent = (textInputRef, {
+    component,
+    initialProps,
+    useSafeArea
+  }) => {
     if (!textInputRef || !CustomInputControllerTemp) {
       return;
     }
     const reactTag = findNodeHandle(textInputRef);
     if (reactTag) {
-      CustomInputControllerTemp.presentCustomInputComponent(reactTag, {component, initialProps, useSafeArea});
+      CustomInputControllerTemp.presentCustomInputComponent(reactTag, {
+        component,
+        initialProps,
+        useSafeArea
+      });
     }
   };
-
-  static removeInputComponent = (textInputRef: any) => {
+  static removeInputComponent = textInputRef => {
     if (!textInputRef || !CustomInputControllerTemp) {
       return;
     }
@@ -23,12 +27,10 @@ export default class TextInputKeyboardManager {
       CustomInputControllerTemp.resetInput(reactTag);
     }
   };
-
   static dismissKeyboard = () => {
     CustomInputControllerTemp.dismissKeyboard();
   };
-
-  static toggleExpandKeyboard = (textInputRef: any, expand: boolean, performLayoutAnimation = false) => {
+  static toggleExpandKeyboard = (textInputRef, expand, performLayoutAnimation = false) => {
     if (textInputRef) {
       if (performLayoutAnimation) {
         LayoutAnimation.configureNext(springAnimation);
@@ -42,11 +44,9 @@ export default class TextInputKeyboardManager {
     }
   };
 }
-
-function findNodeHandle(ref: any) {
+function findNodeHandle(ref) {
   return ReactNative.findNodeHandle(ref.current || ref);
 }
-
 const springAnimation = {
   duration: 400,
   create: {
@@ -61,4 +61,4 @@ const springAnimation = {
     type: LayoutAnimation.Types.linear,
     property: LayoutAnimation.Properties.opacity
   }
-};
+};

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

@@ -0,0 +1,4 @@
+import { default as TextInputKeyboardManagerIOS } from './TextInputKeyboardManager.ios';
+import { default as TextInputKeyboardManagerAndroid } from './TextInputKeyboardManager.android';
+declare const TextInputKeyboardManager: typeof TextInputKeyboardManagerIOS | typeof TextInputKeyboardManagerAndroid;
+export default TextInputKeyboardManager;

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

@@ -0,0 +1,6 @@
+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/KeyboardInput/utils/EventEmitterManager.d.ts

@@ -0,0 +1,10 @@
+export default class EventEmitterManager {
+    handlerCallbacks: {
+        [key: string]: Function[];
+    };
+    constructor();
+    listenOn(eventName: string, handlerCallback: Function): void;
+    emitEvent(eventName: string, params?: {}): void;
+    removeListeners(eventName: string): void;
+    removeListener(eventName: string, listener: Function): void;
+}

package/components/Keyboard/KeyboardInput/utils/{EventEmitterManager.ts → EventEmitterManager.js}

@@ -1,33 +1,27 @@
-import _ from 'lodash';
-
+import _indexOf from "lodash/indexOf";
 export default class EventEmitterManager {
-  handlerCallbacks: {[key: string]: Function[]} = {};
+  handlerCallbacks = {};
   constructor() {
     this.handlerCallbacks = {};
   }
-
-  listenOn(eventName: string, handlerCallback: Function) {
+  listenOn(eventName, handlerCallback) {
     if (!this.handlerCallbacks[eventName]) {
       this.handlerCallbacks[eventName] = [];
     }
-    if (_.indexOf(this.handlerCallbacks[eventName], handlerCallback) === -1) {
+    if (_indexOf(this.handlerCallbacks[eventName], handlerCallback) === -1) {
       this.handlerCallbacks[eventName].push(handlerCallback);
     }
   }
-
-  emitEvent(eventName: string, params = {}) {
+  emitEvent(eventName, params = {}) {
     if (this.handlerCallbacks[eventName]) {
       this.handlerCallbacks[eventName].forEach(callback => callback(params));
     }
   }
-
-  removeListeners(eventName: string) {
+  removeListeners(eventName) {
     delete this.handlerCallbacks[eventName];
   }
-
-  removeListener(eventName: string, listener: Function) {
+  removeListener(eventName, listener) {
     const handlers = this.handlerCallbacks[eventName];
-
     if (handlers) {
       handlers.forEach((handler, index) => {
         if (handler === listener) {
@@ -36,4 +30,4 @@ export default class EventEmitterManager {
       });
     }
   }
-}
+}

package/components/Keyboard/KeyboardInput/utils/KeyboardUtils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @description: util for managing the keyboard.
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/nativeComponentScreens/keyboardInput/KeyboardInputViewScreen.js
+ */
+export default class KeyboardUtils {
+    static displayName: string;
+    /**
+     * Used to dismiss (close) the keyboard.
+     */
+    static dismiss: () => void;
+}

package/components/Keyboard/KeyboardInput/utils/{KeyboardUtils.ts → KeyboardUtils.js}

@@ -1,5 +1,5 @@
-import {Keyboard} from 'react-native';
-import TextInputKeyboardManager from '../TextInputKeyboardManager';
+import { Keyboard } from 'react-native';
+import TextInputKeyboardManager from "../TextInputKeyboardManager";
 
 /**
  * @description: util for managing the keyboard.
@@ -14,4 +14,4 @@ export default class KeyboardUtils {
     Keyboard.dismiss();
     TextInputKeyboardManager.dismissKeyboard();
   };
-}
+}

package/components/Keyboard/KeyboardTracking/KeyboardAwareInsetsView.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { KeyboardTrackingViewProps } from './KeyboardTrackingView';
+type Props = KeyboardTrackingViewProps & {
+    offset?: number;
+};
+/**
+ * @description: Used to add an inset when a keyboard is used and might hide part of the screen.
+ *
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TextFieldScreen/InputsScreen.js
+ * @notes: This view is useful only for iOS.
+ */
+declare const KeyboardAwareInsetsView: {
+    (props: Props): React.JSX.Element;
+    displayName: string;
+};
+export default KeyboardAwareInsetsView;