uilib-native 5.0.0 → 5.1.0-snapshot.7630

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

@@ -1,81 +0,0 @@
-import React from 'react';
-import { StyleProp, 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?: StyleProp<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/KeyboardTrackingView/index.js

@@ -1,22 +0,0 @@
-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/KeyboardTrackingView/index.web.d.ts

@@ -1,6 +0,0 @@
-import 'react';
-declare const KeyboardTrackingView: {
-    (): null;
-    scrollBehaviors: {};
-};
-export default KeyboardTrackingView;

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

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

package/components/Keyboard/index.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import { KeyboardTrackingViewProps } from './KeyboardTrackingView';
-import KeyboardAccessoryView, { KeyboardAccessoryViewProps } from './KeyboardAccessoryView';
-import KeyboardRegistry from './KeyboardAccessoryView/KeyboardRegistry';
-import KeyboardUtils from './KeyboardAccessoryView/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").StyleProp<import("react-native/types").ViewStyle>;
-            children?: import("react").ReactChild | import("react").ReactChild[] | undefined;
-        } & {
-            offset?: number | undefined;
-        }): import("react").JSX.Element;
-        displayName: string;
-    };
-    KeyboardAccessoryView: typeof KeyboardAccessoryView;
-    KeyboardRegistry: typeof KeyboardRegistry;
-    KeyboardUtils: typeof KeyboardUtils;
-};
-export default _default;

package/components/Keyboard/index.js

@@ -1,13 +0,0 @@
-import KeyboardTrackingView, { KeyboardTrackingViewProps } from "./KeyboardTrackingView";
-import KeyboardAwareInsetsView from "./KeyboardAwareInsetsView";
-import KeyboardAccessoryView, { KeyboardAccessoryViewProps } from "./KeyboardAccessoryView";
-import KeyboardRegistry from "./KeyboardAccessoryView/KeyboardRegistry";
-import KeyboardUtils from "./KeyboardAccessoryView/KeyboardUtils";
-export { KeyboardTrackingViewProps, KeyboardAccessoryViewProps };
-export default {
-  KeyboardTrackingView,
-  KeyboardAwareInsetsView,
-  KeyboardAccessoryView,
-  KeyboardRegistry,
-  KeyboardUtils
-};

package/components/SafeArea/SafeAreaInsetsManager.d.ts

@@ -1,34 +0,0 @@
-export type SafeAreaInsetsType = {
-    top: number;
-    left: number;
-    bottom: number;
-    right: number;
-} | null;
-export type SafeAreaChangedDelegateType = {
-    onSafeAreaInsetsDidChangeEvent?: (insets: SafeAreaInsetsType) => void;
-};
-export declare const DEFAULT_INSETS: {
-    top: number;
-    left: number;
-    bottom: number;
-    right: number;
-};
-declare class SafeAreaInsetsManager {
-    _defaultInsets: SafeAreaInsetsType;
-    _safeAreaInsets: SafeAreaInsetsType;
-    _safeAreaChangedDelegates: Array<SafeAreaChangedDelegateType>;
-    _nativeModule: any;
-    constructor();
-    setupNativeConnection(): void;
-    setupEventListener(): void;
-    getInitialInsets(): Promise<void>;
-    notifyDelegates(insets: SafeAreaInsetsType): void;
-    _updateInsets(): Promise<void>;
-    getSafeAreaInsets(): Promise<SafeAreaInsetsType>;
-    addSafeAreaChangedDelegate(delegate: SafeAreaChangedDelegateType): void;
-    removeSafeAreaChangedDelegate(delegateToRemove: SafeAreaChangedDelegateType): void;
-    get defaultInsets(): SafeAreaInsetsType;
-    refreshSafeAreaInsets(): Promise<void>;
-}
-declare const instance: SafeAreaInsetsManager;
-export default instance;

package/components/SafeArea/SafeAreaInsetsManager.js

@@ -1,128 +0,0 @@
-import _isEqual from "lodash/isEqual";
-import _remove from "lodash/remove";
-import _forEach from "lodash/forEach";
-/* eslint no-underscore-dangle: 0 */
-import { NativeModules, DeviceEventEmitter } from 'react-native';
-export const DEFAULT_INSETS = {
-  top: 47,
-  left: 0,
-  bottom: 34,
-  right: 0
-};
-let SafeAreaInsetsCache = null;
-class SafeAreaInsetsManager {
-  _defaultInsets = DEFAULT_INSETS; // Common iPhone safe area values
-
-  _safeAreaChangedDelegates = [];
-  _nativeModule = null;
-  constructor() {
-    // Initialize with default values
-    this._safeAreaInsets = this._defaultInsets;
-
-    // Try to connect to native module
-    this.setupNativeConnection();
-  }
-  setupNativeConnection() {
-    try {
-      // Access the native module directly without causing getConstants
-      this._nativeModule = NativeModules.SafeAreaManager;
-      if (this._nativeModule) {
-        // Set up event listener using DeviceEventEmitter instead of NativeEventEmitter
-        // This avoids getConstants issues
-        this.setupEventListener();
-
-        // Get initial safe area insets
-        this.getInitialInsets();
-      } else {
-        console.log('SafeAreaInsetsManager: Native SafeAreaManager not available, using defaults');
-      }
-    } catch (error) {
-      console.warn('SafeAreaInsetsManager: Failed to connect to native module:', error);
-    }
-  }
-  setupEventListener() {
-    try {
-      // Use DeviceEventEmitter instead of NativeEventEmitter to avoid getConstants
-      DeviceEventEmitter.addListener('SafeAreaInsetsDidChangeEvent', data => {
-        if (data) {
-          SafeAreaInsetsCache = data;
-          this._safeAreaInsets = data;
-          this.notifyDelegates(data);
-        }
-      });
-    } catch (error) {
-      console.warn('SafeAreaInsetsManager: Failed to setup event listener:', error);
-    }
-  }
-  async getInitialInsets() {
-    if (!this._nativeModule) {
-      return;
-    }
-    try {
-      const insets = await this._nativeModule.getSafeAreaInsets();
-      if (insets) {
-        SafeAreaInsetsCache = insets;
-        this._safeAreaInsets = insets;
-        // Don't notify delegates yet as components might not be ready
-      }
-    } catch (error) {
-      console.warn('SafeAreaInsetsManager: Failed to get initial insets:', error);
-    }
-  }
-  notifyDelegates(insets) {
-    _forEach(this._safeAreaChangedDelegates, delegate => {
-      if (delegate.onSafeAreaInsetsDidChangeEvent) {
-        delegate.onSafeAreaInsetsDidChangeEvent(insets);
-      }
-    });
-  }
-  async _updateInsets() {
-    if (this._nativeModule && SafeAreaInsetsCache === null) {
-      try {
-        const insets = await this._nativeModule.getSafeAreaInsets();
-        if (insets) {
-          SafeAreaInsetsCache = insets;
-          this._safeAreaInsets = SafeAreaInsetsCache;
-        } else {
-          this._safeAreaInsets = this._defaultInsets;
-        }
-      } catch (error) {
-        console.warn('SafeAreaInsetsManager: Failed to get native insets:', error);
-        this._safeAreaInsets = this._defaultInsets;
-      }
-    } else if (SafeAreaInsetsCache !== null) {
-      this._safeAreaInsets = SafeAreaInsetsCache;
-    } else {
-      this._safeAreaInsets = this._defaultInsets;
-    }
-  }
-  async getSafeAreaInsets() {
-    await this._updateInsets();
-    return this._safeAreaInsets;
-  }
-  addSafeAreaChangedDelegate(delegate) {
-    this._safeAreaChangedDelegates.push(delegate);
-  }
-  removeSafeAreaChangedDelegate(delegateToRemove) {
-    _remove(this._safeAreaChangedDelegates, currentDelegate => {
-      return currentDelegate === delegateToRemove;
-    });
-  }
-  get defaultInsets() {
-    return this._defaultInsets;
-  }
-
-  // Method to manually refresh safe area insets and notify delegates
-  async refreshSafeAreaInsets() {
-    const previousInsets = this._safeAreaInsets;
-    SafeAreaInsetsCache = null; // Force refresh
-    await this._updateInsets();
-
-    // Notify delegates if insets changed
-    if (!_isEqual(previousInsets, this._safeAreaInsets)) {
-      this.notifyDelegates(this._safeAreaInsets);
-    }
-  }
-}
-const instance = new SafeAreaInsetsManager();
-export default instance;

package/components/SafeArea/SafeAreaSpacerView.d.ts

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

package/components/SafeArea/SafeAreaSpacerView.js

@@ -1,68 +0,0 @@
-import React, { useState, useCallback, useEffect, useMemo } from 'react';
-import { View, Dimensions } from 'react-native';
-import SafeAreaInsetsManager from "./SafeAreaInsetsManager";
-const SafeAreaSpacerView = ({
-  style
-}) => {
-  const [safeAreaInsets, setSafeAreaInsets] = useState({
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0
-  });
-  const [componentHeight, setComponentHeight] = useState(0);
-  const [spacerHeight, setSpacerHeight] = useState(0);
-  useEffect(() => {
-    const getSafeAreaInsets = async () => {
-      try {
-        const insets = await SafeAreaInsetsManager.getSafeAreaInsets();
-        if (insets) {
-          setSafeAreaInsets(insets);
-        }
-      } catch (error) {
-        console.warn('SafeAreaSpacerView: Failed to get initial safe area insets:', error);
-      }
-    };
-    getSafeAreaInsets();
-
-    // Add delegate to listen for safe area changes from native component
-    const delegate = {
-      onSafeAreaInsetsDidChangeEvent: insets => {
-        if (insets) {
-          setSafeAreaInsets(insets);
-        }
-      }
-    };
-    SafeAreaInsetsManager.addSafeAreaChangedDelegate(delegate);
-    return () => {
-      SafeAreaInsetsManager.removeSafeAreaChangedDelegate(delegate);
-    };
-  }, []);
-
-  // Position detection with useCallback
-  const handleLayout = useCallback(event => {
-    const {
-      y
-    } = event.nativeEvent.layout;
-    setComponentHeight(y);
-  }, []);
-  useEffect(() => {
-    const screenHeight = Dimensions.get('window').height;
-    let height = 0;
-    // Check if positioned within safe area bounds
-    if (componentHeight < safeAreaInsets.top) {
-      height = safeAreaInsets.top;
-    } else if (componentHeight > screenHeight - safeAreaInsets.bottom) {
-      height = safeAreaInsets.bottom;
-    }
-    if (height !== spacerHeight) {
-      setSpacerHeight(height);
-    }
-  }, [componentHeight, safeAreaInsets, spacerHeight]);
-  const spacerStyle = useMemo(() => [{
-    height: spacerHeight
-  }, style], [spacerHeight, style]);
-  return <View style={spacerStyle} onLayout={handleLayout} />;
-};
-SafeAreaSpacerView.displayName = 'SafeAreaSpacerView';
-export default SafeAreaSpacerView;

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

@@ -1,10 +0,0 @@
-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

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

package/components/SafeArea/index.d.ts

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

package/components/SafeArea/index.js

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

package/components/index.d.ts

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

package/components/index.js

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

package/specs/HighlighterViewNativeComponent.d.ts

@@ -1,61 +0,0 @@
-/// <reference types="react-native/types/modules/codegen" />
-import type { ViewProps } from 'react-native';
-import type { Float, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
-export interface HighlightFrame {
-    x: Float;
-    y: Float;
-    width: Float;
-    height: Float;
-}
-export interface MinimumRectSize {
-    width: Float;
-    height: Float;
-}
-export interface HighlightViewTagParams {
-    paddingLeft?: WithDefault<Float, 0>;
-    paddingTop?: WithDefault<Float, 0>;
-    paddingRight?: WithDefault<Float, 0>;
-    paddingBottom?: WithDefault<Float, 0>;
-    offsetX?: WithDefault<Float, 0>;
-    offsetY?: WithDefault<Float, 0>;
-}
-export interface NativeProps extends ViewProps {
-    /**
-     * The frame to highlight with x, y, width, height coordinates
-     */
-    highlightFrame?: HighlightFrame;
-    /**
-     * The overlay color (processed color int for Android)
-     */
-    overlayColor?: WithDefault<Int32, 0>;
-    /**
-     * The border radius for the highlighted area
-     */
-    borderRadius?: WithDefault<Float, 0>;
-    /**
-     * The stroke color (processed color int for Android)
-     */
-    strokeColor?: WithDefault<Int32, 0>;
-    /**
-     * The stroke width
-     */
-    strokeWidth?: WithDefault<Float, 0>;
-    /**
-     * The React tag of the view to highlight
-     */
-    highlightViewTag?: Int32;
-    /**
-     * Parameters for view-based highlighting including padding and offset
-     */
-    highlightViewTagParams?: HighlightViewTagParams;
-    /**
-     * Minimum rectangle size for the highlight area
-     */
-    minimumRectSize?: MinimumRectSize;
-    /**
-     * Inner padding for the highlight area
-     */
-    innerPadding?: WithDefault<Float, 0>;
-}
-declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
-export default _default;

package/specs/KeyboardTrackingViewNativeComponent.d.ts

@@ -1,58 +0,0 @@
-/// <reference types="react-native/types/modules/codegen" />
-import type { ViewProps } from 'react-native';
-import type { Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
-export interface NativeProps extends ViewProps {
-    /**
-     * Enables tracking of the keyboard when it's dismissed interactively (false by default).
-     */
-    trackInteractive?: WithDefault<boolean, false>;
-    /**
-     * iOS only.
-     * Show the keyboard on a negative scroll
-     */
-    revealKeyboardInteractive?: WithDefault<boolean, false>;
-    /**
-     * iOS only.
-     * Set to false to turn off inset management and manage it yourself
-     */
-    manageScrollView?: WithDefault<boolean, true>;
-    /**
-     * iOS only.
-     * Set to true manageScrollView is set to true and still does not work
-     */
-    requiresSameParentToManageScrollView?: WithDefault<boolean, false>;
-    /**
-     * iOS only.
-     * Allow hitting sub-views that are placed beyond the view bounds
-     */
-    allowHitsOutsideBounds?: WithDefault<boolean, false>;
-    /**
-     * Should the scrollView scroll to the focused input
-     */
-    scrollToFocusedInput?: WithDefault<boolean, false>;
-    /**
-     * iOS only.
-     * The scrolling behavior (NONE | SCROLL_TO_BOTTOM_INVERTED_ONLY | FIXED_OFFSET)
-     */
-    scrollBehavior?: WithDefault<Int32, 0>;
-    /**
-     * iOS only.
-     * Add a SafeArea view beneath the KeyboardAccessoryView
-     */
-    addBottomView?: WithDefault<boolean, false>;
-    /**
-     * iOS only.
-     * The bottom view's color
-     */
-    bottomViewColor?: string;
-    /**
-     * Allow control safe area
-     */
-    useSafeArea?: WithDefault<boolean, false>;
-    /**
-     * Whether or not to include bottom tab bar inset
-     */
-    usesBottomTabs?: WithDefault<boolean, false>;
-}
-declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
-export default _default;