uilib-native 4.1.3 → 4.3.2

package/components/Keyboard/KeyboardTracking/KeyboardTrackingView/KeyboardTrackingView.android.d.ts

@@ -0,0 +1,12 @@
+import React, { PureComponent } from 'react';
+declare class KeyboardTrackingView extends PureComponent {
+    static displayName: string;
+    render(): React.JSX.Element;
+    getNativeProps(): Promise<{
+        trackingViewHeight: number;
+        keyboardHeight: number;
+        contentTopInset: number;
+    }>;
+    scrollToStart(): void;
+}
+export default KeyboardTrackingView;

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

@@ -0,0 +1,17 @@
+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/KeyboardTrackingView.ios.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Created by artald on 15/05/2016.
+ */
+import React, { PureComponent } from 'react';
+import { KeyboardTrackingViewProps } from './index';
+/**
+ * @description: A UI component that enables “keyboard tracking" for this view and it's sub-views.
+ * Would typically be used when you have a TextField or TextInput inside this view.
+ *
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/nativeComponentScreens/KeyboardTrackingViewScreen.js
+ * @notes: This view is useful only for iOS.
+ * @gif: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/KeyboardTrackingView/KeyboardTrackingView.gif?raw=true
+ */
+declare class KeyboardTrackingView extends PureComponent<KeyboardTrackingViewProps> {
+    static displayName: string;
+    static defaultProps: {
+        useSafeArea: boolean;
+    };
+    ref?: any;
+    render(): React.JSX.Element;
+    getNativeProps(): Promise<any>;
+    scrollToStart(): void;
+}
+export default KeyboardTrackingView;

package/components/Keyboard/KeyboardTracking/KeyboardTrackingView/{KeyboardTrackingView.ios.tsx → KeyboardTrackingView.ios.js}

@@ -2,10 +2,8 @@
  * Created by artald on 15/05/2016.
  */
 
-import React, {PureComponent} from 'react';
-import ReactNative, {requireNativeComponent, NativeModules} from 'react-native';
-import {KeyboardTrackingViewProps} from './index';
-
+import React, { PureComponent } from 'react';
+import ReactNative, { requireNativeComponent, NativeModules } from 'react-native';
 const NativeKeyboardTrackingView = requireNativeComponent('KeyboardTrackingViewTemp');
 const KeyboardTrackingViewTempManager = NativeModules.KeyboardTrackingViewTempManager;
 
@@ -17,31 +15,24 @@ const KeyboardTrackingViewTempManager = NativeModules.KeyboardTrackingViewTempMa
  * @notes: This view is useful only for iOS.
  * @gif: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/KeyboardTrackingView/KeyboardTrackingView.gif?raw=true
  */
-class KeyboardTrackingView extends PureComponent<KeyboardTrackingViewProps> {
+class KeyboardTrackingView extends PureComponent {
   static displayName = 'KeyboardTrackingView';
-
   static defaultProps = {
     useSafeArea: false
   };
-
-  ref?: any;
-
   render() {
-    return <NativeKeyboardTrackingView {...this.props} ref={r => (this.ref = r)}/>;
+    return <NativeKeyboardTrackingView {...this.props} ref={r => this.ref = r} />;
   }
-
   async getNativeProps() {
     if (this.ref && KeyboardTrackingViewTempManager && KeyboardTrackingViewTempManager.getNativeProps) {
       return await KeyboardTrackingViewTempManager.getNativeProps(ReactNative.findNodeHandle(this.ref));
     }
     return {};
   }
-
   scrollToStart() {
     if (this.ref && KeyboardTrackingViewTempManager && KeyboardTrackingViewTempManager.scrollToStart) {
       KeyboardTrackingViewTempManager.scrollToStart(ReactNative.findNodeHandle(this.ref));
     }
   }
 }
-
-export default KeyboardTrackingView;
+export default KeyboardTrackingView;

package/components/Keyboard/KeyboardTracking/KeyboardTrackingView/index.d.ts

@@ -0,0 +1,81 @@
+import React from 'react';
+import { ViewStyle, ViewProps } from 'react-native';
+declare const SCROLL_BEHAVIORS: {
+    NONE: any;
+    SCROLL_TO_BOTTOM_INVERTED_ONLY: any;
+    FIXED_OFFSET: any;
+};
+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[];
+};
+declare const _default: React.ForwardRefExoticComponent<Omit<KeyboardTrackingViewProps, "ref"> & React.RefAttributes<unknown>> & {
+    scrollBehaviors: typeof SCROLL_BEHAVIORS;
+};
+export default _default;

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

@@ -0,0 +1,22 @@
+import React, { forwardRef } from 'react';
+import { Platform, NativeModules } 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
+};
+const KeyboardTrackingView = forwardRef(({
+  children,
+  ...others
+}, ref) => {
+  const KeyboardTrackingViewContainer = isAndroid ? KeyboardTrackingViewAndroid : KeyboardTrackingViewIOS;
+  return <KeyboardTrackingViewContainer {...others} ref={ref}>
+      {children}
+    </KeyboardTrackingViewContainer>;
+});
+export default KeyboardTrackingView;
+// @ts-expect-error
+KeyboardTrackingView.scrollBehaviors = SCROLL_BEHAVIORS;

package/components/Keyboard/KeyboardTracking/KeyboardTrackingView/{index.web.tsx → index.web.js}

@@ -1,11 +1,7 @@
 import 'react';
-
 console.log('KeyboardTrackingView not supported on web');
 const KeyboardTrackingView = () => {
-  return (null
-  );
+  return null;
 };
-
 export default KeyboardTrackingView;
-
-KeyboardTrackingView.scrollBehaviors = {};
+KeyboardTrackingView.scrollBehaviors = {};

package/components/Keyboard/KeyboardTracking/keyboardAwareInsetsView.api.json

@@ -4,7 +4,7 @@
   "description": "Used to add an inset when a keyboard is used and might hide part of the screen.",
   "note": "This view is useful only for iOS.",
   "extends": ["infra/KeyboardTrackingView"],
-  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/incubatorScreens/IncubatorTextFieldScreen.tsx",
+  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TextFieldScreen.tsx",
   "snippet": ["<ScrollView>",
     "  <TextField/>",
     "  <TextField/>",

package/components/Keyboard/index.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { KeyboardTrackingViewProps } from './KeyboardTracking/KeyboardTrackingView';
+import KeyboardRegistry from './KeyboardInput/KeyboardRegistry';
+import KeyboardAccessoryView, { KeyboardAccessoryViewProps } from './KeyboardInput/KeyboardAccessoryView';
+import KeyboardUtils from './KeyboardInput/utils/KeyboardUtils';
+export { KeyboardTrackingViewProps, KeyboardAccessoryViewProps };
+declare const _default: {
+    KeyboardTrackingView: import("react").ForwardRefExoticComponent<Omit<KeyboardTrackingViewProps, "ref"> & import("react").RefAttributes<unknown>> & {
+        scrollBehaviors: {
+            NONE: any;
+            SCROLL_TO_BOTTOM_INVERTED_ONLY: any;
+            FIXED_OFFSET: any;
+        };
+    };
+    KeyboardAwareInsetsView: {
+        (props: import("react-native/types").ViewProps & {
+            trackInteractive?: boolean | undefined;
+            revealKeyboardInteractive?: boolean | undefined;
+            manageScrollView?: boolean | undefined;
+            requiresSameParentToManageScrollView?: boolean | undefined;
+            allowHitsOutsideBounds?: boolean | undefined;
+            scrollToFocusedInput?: boolean | undefined;
+            scrollBehavior?: number | undefined;
+            addBottomView?: boolean | undefined;
+            bottomViewColor?: string | undefined;
+            useSafeArea?: boolean | undefined;
+            usesBottomTabs?: boolean | undefined;
+            ref?: any;
+            style?: import("react-native/types").ViewStyle | undefined;
+            children?: import("react").ReactChild | import("react").ReactChild[] | undefined;
+        } & {
+            offset?: number | undefined;
+        }): import("react").JSX.Element;
+        displayName: string;
+    };
+    KeyboardRegistry: typeof KeyboardRegistry;
+    KeyboardAccessoryView: typeof KeyboardAccessoryView;
+    KeyboardUtils: typeof KeyboardUtils;
+};
+export default _default;

package/components/Keyboard/index.js

@@ -0,0 +1,13 @@
+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/SafeAreaInsetsManager.d.ts

@@ -0,0 +1,20 @@
+type SafeAreaInsetsType = {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+} | null;
+declare class SafeAreaInsetsManager {
+    _defaultInsets: SafeAreaInsetsType;
+    _safeAreaInsets: SafeAreaInsetsType;
+    _safeAreaChangedDelegates: Array<any>;
+    constructor();
+    addSafeAreaChangedListener(): void;
+    _updateInsets(): Promise<void>;
+    getSafeAreaInsets(): Promise<SafeAreaInsetsType>;
+    addSafeAreaChangedDelegate(delegate: any): void;
+    removeSafeAreaChangedDelegate(delegateToRemove: any): void;
+    get defaultInsets(): SafeAreaInsetsType;
+}
+declare const _default: SafeAreaInsetsManager;
+export default _default;

package/components/SafeArea/{SafeAreaInsetsManager.ts → SafeAreaInsetsManager.js}

@@ -1,33 +1,36 @@
+import _remove from "lodash/remove";
+import _forEach from "lodash/forEach";
 /* eslint no-underscore-dangle: 0 */
 
-import {NativeModules, NativeEventEmitter} from 'react-native';
-import _ from 'lodash';
-
-type SafeAreaInsetsType = { top: number; left: number; bottom: number; right: number; } | null 
-
-let SafeAreaInsetsCache: SafeAreaInsetsType = null;
-
+import { NativeModules, NativeEventEmitter } from 'react-native';
+let SafeAreaInsetsCache = null;
 const NativeSafeAreaManager = NativeModules.SafeAreaManager;
-
 class SafeAreaInsetsManager {
-
-  _defaultInsets: SafeAreaInsetsType = {top: 0, left: 0, bottom: 0, right: 0};
-  _safeAreaInsets: SafeAreaInsetsType = {top: 0, left: 0, bottom: 0, right: 0};
-  _safeAreaChangedDelegates: Array<any> = [];
-
+  _defaultInsets = {
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0
+  };
+  _safeAreaInsets = {
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0
+  };
+  _safeAreaChangedDelegates = [];
   constructor() {
     this.addSafeAreaChangedListener();
   }
-
   addSafeAreaChangedListener() {
     if (!NativeSafeAreaManager) {
       return;
     }
     const NativeSafeAreaEvents = new NativeEventEmitter(NativeSafeAreaManager);
-    NativeSafeAreaEvents.addListener('SafeAreaInsetsDidChangeEvent', (safeAreaInsets) => {
+    NativeSafeAreaEvents.addListener('SafeAreaInsetsDidChangeEvent', safeAreaInsets => {
       SafeAreaInsetsCache = safeAreaInsets;
       this._safeAreaInsets = SafeAreaInsetsCache;
-      _.forEach(this._safeAreaChangedDelegates, (delegate) => {
+      _forEach(this._safeAreaChangedDelegates, delegate => {
         if (delegate.onSafeAreaInsetsDidChangeEvent) {
           delegate.onSafeAreaInsetsDidChangeEvent(this._safeAreaInsets);
         } else {
@@ -36,32 +39,26 @@ class SafeAreaInsetsManager {
       });
     });
   }
-
   async _updateInsets() {
     if (NativeSafeAreaManager && SafeAreaInsetsCache === null) {
       SafeAreaInsetsCache = await NativeSafeAreaManager.getSafeAreaInsets();
       this._safeAreaInsets = SafeAreaInsetsCache;
     }
   }
-
   async getSafeAreaInsets() {
     await this._updateInsets();
     return this._safeAreaInsets;
   }
-
-  addSafeAreaChangedDelegate(delegate: any) {
+  addSafeAreaChangedDelegate(delegate) {
     this._safeAreaChangedDelegates.push(delegate);
   }
-
-  removeSafeAreaChangedDelegate(delegateToRemove: any) {
-    _.remove(this._safeAreaChangedDelegates, (currentDelegate) => {
+  removeSafeAreaChangedDelegate(delegateToRemove) {
+    _remove(this._safeAreaChangedDelegates, currentDelegate => {
       return currentDelegate === delegateToRemove;
     });
   }
-
   get defaultInsets() {
     return this._defaultInsets;
   }
 }
-
-export default new SafeAreaInsetsManager();
+export default new SafeAreaInsetsManager();

package/components/SafeArea/SafeAreaSpacerView.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export type SafeAreaSpacerViewProps = {
+    style?: ViewStyle;
+};
+declare const SafeAreaSpacerView: {
+    ({ style }: SafeAreaSpacerViewProps): React.JSX.Element;
+    displayName: string;
+};
+export default SafeAreaSpacerView;

package/components/SafeArea/SafeAreaSpacerView.js

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

package/components/SafeArea/SafeAreaSpacerView.web.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export type SafeAreaSpacerViewProps = {
+    style?: ViewStyle;
+};
+declare const SafeAreaSpacerView: {
+    ({ style }: SafeAreaSpacerViewProps): React.JSX.Element;
+    displayName: string;
+};
+export default SafeAreaSpacerView;

package/components/SafeArea/SafeAreaSpacerView.web.js

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

package/components/index.d.ts

@@ -0,0 +1,6 @@
+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 };

package/components/index.js

@@ -0,0 +1,6 @@
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilib-native",
-  "version": "4.1.3",
+  "version": "4.3.2",
   "homepage": "https://github.com/wix/react-native-ui-lib",
   "description": "uilib native components (separated from js components)",
   "main": "components/index.js",

package/components/DynamicFonts/RNFSPackage.ts

@@ -1,6 +0,0 @@
-let RNFS: typeof import('react-native-fs') | undefined;
-try {
-  RNFS = require('react-native-fs');
-} catch (error) {}
-
-export default RNFS;