react-native-ui-lib 8.2.2-snapshot.7685 → 8.2.2-snapshot.7707

package/ReactNativeUiLib.podspec

@@ -0,0 +1,22 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, 'lib/package.json')))
+
+Pod::Spec.new do |s|
+  s.name         = "ReactNativeUiLib"
+  s.version      = package['version']
+  s.summary      = "React Native UI Library"
+
+  s.authors      = "Wix.com"
+  s.homepage     = package['homepage']
+  s.license      = package['license']
+  s.platforms    = { :ios => "9.0", :tvos => "9.2" }
+
+  s.module_name  = 'ReactNativeUiLib'
+
+  s.source       = { :git => "https://github.com/wix/react-native-ui-lib.git", :tag => "#{s.version}" }
+  s.source_files  = "lib/ios/**/*.{h,m}"
+
+  s.dependency 'React'
+  s.frameworks = 'UIKit'
+end

package/lib/components/HighlighterOverlayView/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from 'react';
+import React from 'react';
 import { ViewStyle } from 'react-native';
 type HighlightFrameType = {
     x: number;
@@ -28,7 +28,7 @@ export type HighlighterOverlayViewProps = {
     testID?: string;
 };
 declare const HighlighterOverlayView: {
-    (props: HighlighterOverlayViewProps): JSX.Element;
+    (props: HighlighterOverlayViewProps): React.JSX.Element;
     displayName: string;
 };
 export default HighlighterOverlayView;

package/lib/components/HighlighterOverlayView/index.web.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from 'react';
+import React from 'react';
 import { ViewStyle } from 'react-native';
 type HighlightFrameType = {
     x: number;
@@ -28,7 +28,7 @@ export type HighlighterOverlayViewProps = {
     testID?: string;
 };
 declare const HighlighterOverlayView: {
-    (props: HighlighterOverlayViewProps): JSX.Element;
+    (props: HighlighterOverlayViewProps): React.JSX.Element;
     displayName: string;
 };
 export default HighlighterOverlayView;

package/lib/components/Keyboard/KeyboardAccessoryView/CustomKeyboardView/CustomKeyboardViewBase.d.ts

@@ -9,7 +9,7 @@ export type CustomKeyboardViewBaseProps = {
     component?: string;
     onItemSelected?: (component?: string, args?: any) => void;
     onRequestShowKeyboard?: (keyboardId: string) => void;
-    children?: React.ReactNode;
+    children?: React.ReactChild | React.ReactChild[];
 };
 export default class CustomKeyboardViewBase<T extends CustomKeyboardViewBaseProps> extends Component<T> {
     static defaultProps: {

package/lib/components/Keyboard/KeyboardAccessoryView/index.d.ts

@@ -6,7 +6,7 @@ export type KeyboardAccessoryViewProps = kbTrackingViewProps & {
     /**
      * Content to be rendered above the keyboard
      */
-    renderContent?: () => React.ReactElement<any>;
+    renderContent?: () => React.ReactElement;
     /**
      * iOS only.
      * The reference to the actual text input (or the keyboard may not reset when instructed to, etc.).
@@ -37,7 +37,7 @@ export type KeyboardAccessoryViewProps = kbTrackingViewProps & {
      * Callback that will be called once the keyboard has been closed
      */
     onKeyboardResigned?: () => void;
-    children?: React.ReactNode;
+    children?: React.ReactChild;
 };
 /**
  * @description: View that allows replacing the default keyboard with other components

package/lib/components/Keyboard/KeyboardAccessoryView/index.js

@@ -141,9 +141,7 @@ class KeyboardAccessoryView extends Component {
       scrollBehavior,
       ...others
     } = this.props;
-    return <KeyboardTrackingView {...others} scrollBehavior={scrollBehavior} ref={r => {
-      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}>
         <KeyboardHeightListener id={`${this.id}`} onDismiss={this.onDismiss} onKeyboardHeightChange={this.onKeyboardHeightChange} />
         <>{renderContent?.()}</>
         <CustomKeyboardView keyboardHeight={keyboardHeight} shouldFocus={shouldFocus} onKeyboardDismiss={this.onKeyboardDismiss} inputRef={kbInputRef} component={kbComponent} initialProps={this.processInitialProps()} onItemSelected={onItemSelected} onRequestShowKeyboard={onRequestShowKeyboard} useSafeArea={others.useSafeArea} />

package/lib/components/Keyboard/KeyboardTrackingView/KeyboardTrackingView.ios.js

@@ -18,9 +18,7 @@ class KeyboardTrackingView extends PureComponent {
     useSafeArea: false
   };
   render() {
-    return <KeyboardTrackingViewNativeComponent {...this.props} ref={r => {
-      this.ref = r;
-    }} />;
+    return <KeyboardTrackingViewNativeComponent {...this.props} ref={r => this.ref = r} />;
   }
   async getNativeProps() {
     if (this.ref && KeyboardTrackingViewTempManager && KeyboardTrackingViewTempManager.getNativeProps) {

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

@@ -73,13 +73,9 @@ export type KeyboardTrackingViewProps = ViewProps & {
     usesBottomTabs?: boolean;
     ref?: any;
     style?: StyleProp<ViewStyle>;
-    children?: React.ReactNode;
+    children?: React.ReactChild | React.ReactChild[];
 };
-declare const defaultProps: KeyboardTrackingViewProps;
-declare const KeyboardTrackingView: React.ForwardRefExoticComponent<Omit<KeyboardTrackingViewProps, "ref"> & React.RefAttributes<unknown>>;
-type KeyboardTrackingViewType = typeof KeyboardTrackingView & {
+declare const _default: React.ForwardRefExoticComponent<Omit<KeyboardTrackingViewProps, "ref"> & React.RefAttributes<unknown>> & {
     scrollBehaviors: typeof SCROLL_BEHAVIORS;
-    defaultProps: typeof defaultProps;
 };
-declare const _default: KeyboardTrackingViewType;
 export default _default;

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

@@ -8,16 +8,15 @@ const SCROLL_BEHAVIORS = {
   SCROLL_TO_BOTTOM_INVERTED_ONLY: NativeModules.KeyboardTrackingViewTempManager?.KeyboardTrackingScrollBehaviorScrollToBottomInvertedOnly,
   FIXED_OFFSET: NativeModules.KeyboardTrackingViewTempManager?.KeyboardTrackingScrollBehaviorFixedOffset
 };
-const defaultProps = {};
 const KeyboardTrackingView = forwardRef(({
   children,
   ...others
 }, ref) => {
   const KeyboardTrackingViewContainer = isAndroid ? KeyboardTrackingViewAndroid : KeyboardTrackingViewIOS;
-  return <KeyboardTrackingViewContainer {...defaultProps} {...others} ref={ref}>
+  return <KeyboardTrackingViewContainer {...others} ref={ref}>
       {children}
     </KeyboardTrackingViewContainer>;
 });
-KeyboardTrackingView.defaultProps = defaultProps;
-KeyboardTrackingView.scrollBehaviors = SCROLL_BEHAVIORS;
-export default KeyboardTrackingView;
+export default KeyboardTrackingView;
+// @ts-expect-error
+KeyboardTrackingView.scrollBehaviors = SCROLL_BEHAVIORS;

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

@@ -11,7 +11,6 @@ declare const _default: {
             SCROLL_TO_BOTTOM_INVERTED_ONLY: any;
             FIXED_OFFSET: any;
         };
-        defaultProps: KeyboardTrackingViewProps;
     };
     KeyboardAwareInsetsView: {
         (props: import("react-native/types").ViewProps & {
@@ -28,7 +27,7 @@ declare const _default: {
             usesBottomTabs?: boolean | undefined;
             ref?: any;
             style?: import("react-native/types").StyleProp<import("react-native/types").ViewStyle>;
-            children?: import("react").ReactNode;
+            children?: import("react").ReactChild | import("react").ReactChild[] | undefined;
         } & {
             offset?: number | undefined;
         }): import("react").JSX.Element;

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilib-native",
-  "version": "5.1.0",
+  "version": "5.0.1",
   "homepage": "https://github.com/wix/react-native-ui-lib",
   "description": "uilib native components (separated from js components)",
   "main": "components/index",
@@ -10,13 +10,14 @@
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "prop-types": "^15.5.10"
   },
   "devDependencies": {
     "shell-utils": "^1.0.10"
   },
   "peerDependencies": {
-    "react": ">=19.0.0",
-    "react-native": ">=0.78.3"
+    "react": ">=18.3.1",
+    "react-native": ">=0.77.3"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "8.2.2-snapshot.7685",
+  "version": "8.2.2-snapshot.7707",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",
@@ -32,9 +32,11 @@
     "color": "^3.1.0",
     "commons-validator-js": "^1.0.237",
     "date-fns": "^2.29.3",
+    "deprecated-react-native-prop-types": "^2.3.0",
     "hoist-non-react-statics": "^3.0.0",
     "lodash": "^4.17.21",
     "memoize-one": "^5.0.5",
+    "prop-types": "^15.5.10",
     "react-freeze": "^1.0.0",
     "react-native-redash": "^12.0.3",
     "semver": "^5.5.0",
@@ -60,16 +62,17 @@
     "@react-native-community/cli-platform-ios": "15.0.1",
     "@react-native-community/datetimepicker": "8.2.0",
     "@react-native-community/netinfo": "11.3.3",
-    "@react-native/babel-preset": "0.78.3",
-    "@react-native/metro-config": "0.78.3",
-    "@react-native/typescript-config": "0.78.3",
+    "@react-native/babel-preset": "0.77.3",
+    "@react-native/metro-config": "0.77.3",
+    "@react-native/typescript-config": "0.77.3",
     "@shopify/flash-list": "1.7.6",
-    "@testing-library/react-native": "^13.3.3",
-    "@types/hoist-non-react-statics": "^3.3.7",
+    "@testing-library/react-native": "^11.5.1",
+    "@types/hoist-non-react-statics": "^3.3.1",
     "@types/jest": "^29.5.13",
     "@types/lodash": "^4.0.0",
-    "@types/react": "19.0.0",
-    "@types/react-test-renderer": "19.0.0",
+    "@types/prop-types": "^15.5.3",
+    "@types/react": "18.3.24",
+    "@types/react-test-renderer": "^18.3.0",
     "@types/tinycolor2": "^1.4.2",
     "@types/url-parse": "^1.4.3",
     "@welldone-software/why-did-you-render": "^3.2.1",
@@ -82,34 +85,33 @@
     "postcss": "^8.4.21",
     "postcss-js": "^4.0.0",
     "prettier": "^3.2.5",
-    "react": "19.0.0",
+    "react": "18.3.1",
     "react-autobind": "^1.0.6",
-    "react-dom": "19.0.0",
-    "react-native": "0.78.3",
+    "react-dom": "18.3.1",
+    "react-native": "0.77.3",
     "react-native-fs": "^2.20.0",
     "react-native-gesture-handler": "2.24.0",
     "react-native-haptic-feedback": "^1.11.0",
     "react-native-linear-gradient": "2.6.2",
     "react-native-mmkv": "3.2.0",
-    "react-native-navigation": "8.4.3",
-    "react-native-reanimated": "3.19.4",
+    "react-native-navigation": "8.1.2",
+    "react-native-reanimated": "3.18.0",
     "react-native-shimmer-placeholder": "^2.0.6",
     "react-native-svg": "15.11.2",
     "react-native-svg-transformer": "1.5.0",
-    "react-test-renderer": "19.0.0",
+    "react-test-renderer": "18.3.1",
     "reassure": "^0.4.1",
     "setimmediate": "^1.0.5",
     "shell-utils": "^1.0.10",
     "typescript": "5.0.4",
-    "uilib-native": "5.1.0-snapshot.7635"
+    "uilib-native": "^5.0.1"
   },
   "peerDependencies": {
-    "react": ">=19.0.0",
+    "react": ">=18.3.1",
     "react-native": ">=0.77.3",
     "react-native-gesture-handler": ">=2.24.0",
-    "react-native-reanimated": ">=3.19.4",
-    "react-native-ui-lib": "*",
-    "uilib-native": "5.1.0-snapshot.7635"
+    "react-native-reanimated": ">=3.17.5",
+    "uilib-native": "^5.0.1"
   },
   "jest": {
     "preset": "react-native",

package/src/commons/asBaseComponent.js

@@ -32,7 +32,7 @@ function asBaseComponent(WrappedComponent, options = {}) {
       return Modifiers.getThemeProps.call(WrappedComponent, props, context);
     };
     static getDerivedStateFromError(error) {
-      UIComponent.defaultProps?.onError?.(error);
+      UIComponent.defaultProps?.onError?.(error, WrappedComponent.defaultProps);
       return {
         error: true
       };
@@ -55,7 +55,6 @@ function asBaseComponent(WrappedComponent, options = {}) {
   hoistStatics(BaseComponent, WrappedComponent);
   BaseComponent.displayName = WrappedComponent.displayName;
   BaseComponent.propTypes = WrappedComponent.propTypes;
-  // @ts-expect-error class component have defaultProps and functions do not and so should not be affected by this
   BaseComponent.defaultProps = WrappedComponent.defaultProps;
   const ThemeContext = ThemeManager.getThemeContext();
   if (ThemeContext) {

package/src/commons/baseComponent.js

@@ -8,12 +8,20 @@ import _includes from "lodash/includes";
 import _pickBy from "lodash/pickBy";
 import _pick from "lodash/pick";
 import React from 'react';
+// import PropTypes from 'prop-types';
 import { StyleSheet } from 'react-native';
 import { Colors } from "../style";
 import * as Modifiers from "./modifiers";
 export default function baseComponent(usePure) {
   const parent = usePure ? React.PureComponent : React.Component;
   class BaseComponent extends parent {
+    // static propTypes = {
+    //   ..._.mapValues(Typography, () => PropTypes.bool),
+    //   ..._.mapValues(Colors, () => PropTypes.bool),
+    //   useNativeDriver: PropTypes.bool,
+    // };
+
+    static extractOwnProps = Modifiers.extractOwnProps;
     constructor(props) {
       super(props);
       if (!this.styles) {

package/src/commons/forwardRef.js

@@ -8,8 +8,11 @@ export default function forwardRef(WrappedComponent) {
   // @ts-expect-error
   const ForwardedComponent = React.forwardRef(forwardRef);
   hoistStatics(ForwardedComponent, WrappedComponent);
+  //@ts-ignore
   ForwardedComponent.displayName = WrappedComponent.displayName;
-  // @ts-expect-error
+  //@ts-ignore
+  ForwardedComponent.propTypes = WrappedComponent.propTypes;
+  //@ts-ignore
   ForwardedComponent.defaultProps = WrappedComponent.defaultProps;
   return ForwardedComponent;
 }

package/src/commons/modifiers.d.ts

@@ -105,6 +105,12 @@ export declare function extractAccessibilityProps(props?: any): Partial<any>;
 export declare function extractAnimationProps(props?: any): Pick<any, "animation" | "duration" | "delay" | "direction" | "easing" | "iterationCount" | "transition" | "onAnimationBegin" | "onAnimationEnd" | "useNativeDriver">;
 export declare function extractBorderRadiusValue(props: Dictionary<any>): number | undefined;
 export declare function extractModifierProps(props: Dictionary<any>): _.Dictionary<any>;
+/**
+ * TODO:
+ * @deprecated switch to Modifiers#extractComponentProps
+ */
+export declare function extractOwnProps(props: Dictionary<any>, ignoreProps: string[]): _.Omit<_.Dictionary<any>, string>;
+export declare function extractComponentProps(component: any, props: Dictionary<any>, ignoreProps?: string[]): _.Omit<_.Dictionary<any>, string>;
 export declare function getComponentName(componentDisplayName: string): any;
 export declare function getThemeProps<T extends object>(props?: T, context?: any, componentDisplayName?: string): T;
 export declare function generateModifiersStyle(options: ModifiersOptions | undefined, props: Dictionary<any>): ExtractedStyle;

package/src/commons/modifiers.js

@@ -2,6 +2,8 @@ import _isEqual from "lodash/isEqual";
 import _keys from "lodash/keys";
 import _union from "lodash/union";
 import _isFunction from "lodash/isFunction";
+import _omit from "lodash/omit";
+import _flow from "lodash/flow";
 import _find from "lodash/find";
 import _pick from "lodash/pick";
 import _pickBy from "lodash/pickBy";
@@ -230,6 +232,22 @@ export function extractModifierProps(props) {
   });
   return modifierProps;
 }
+
+/**
+ * TODO:
+ * @deprecated switch to Modifiers#extractComponentProps
+ */
+export function extractOwnProps(props, ignoreProps) {
+  //@ts-ignore
+  const ownPropTypes = this.propTypes;
+  const ownProps = _flow(props => _pickBy(props, (_value, key) => _includes(Object.keys(ownPropTypes), key)), props => _omit(props, ignoreProps))(props);
+  return ownProps;
+}
+export function extractComponentProps(component, props, ignoreProps = []) {
+  const componentPropTypes = component.propTypes;
+  const componentProps = _flow(props => _pickBy(props, (_value, key) => _includes(Object.keys(componentPropTypes), key)), props => _omit(props, ignoreProps))(props);
+  return componentProps;
+}
 export function getComponentName(componentDisplayName) {
   //@ts-ignore
   return componentDisplayName || this.displayName || this.constructor.displayName || this.constructor.name;

package/src/commons/withScrollEnabler.js

@@ -8,10 +8,8 @@ function withScrollEnabler(WrappedComponent) {
     const layoutSize = useRef(0);
     const checkScroll = useCallback(() => {
       const isScrollEnabled = Math.floor(contentSize.current) > layoutSize.current;
-      if (isScrollEnabled !== scrollEnabled) {
-        setScrollEnabled(isScrollEnabled);
-      }
-    }, [scrollEnabled]);
+      setScrollEnabled(isScrollEnabled);
+    }, []);
     const onContentSizeChange = useCallback((contentWidth, contentHeight) => {
       const size = props.horizontal ? contentWidth : contentHeight;
       if (size !== contentSize.current) {
@@ -46,6 +44,10 @@ function withScrollEnabler(WrappedComponent) {
   };
   hoistStatics(ScrollEnabler, WrappedComponent);
   ScrollEnabler.displayName = WrappedComponent.displayName;
+  //@ts-ignore
+  ScrollEnabler.propTypes = WrappedComponent.propTypes;
+  //@ts-ignore
+  ScrollEnabler.defaultProps = WrappedComponent.defaultProps;
   return forwardRef(ScrollEnabler);
 }
 export default withScrollEnabler;

package/src/commons/withScrollReached.js

@@ -57,6 +57,10 @@ function withScrollReached(WrappedComponent, options = {}) {
   };
   hoistStatics(ScrollReachedDetector, WrappedComponent);
   ScrollReachedDetector.displayName = WrappedComponent.displayName;
+  //@ts-ignore
+  ScrollReachedDetector.propTypes = WrappedComponent.propTypes;
+  //@ts-ignore
+  ScrollReachedDetector.defaultProps = WrappedComponent.defaultProps;
   return forwardRef(ScrollReachedDetector);
 }
 export default withScrollReached;

package/src/components/KeyboardAwareScrollView/KeyboardAwareBase.js

@@ -1,5 +1,6 @@
 import _ from 'lodash';
 import {Component} from 'react';
+import PropTypes from 'prop-types';
 import ReactNative, {DeviceEventEmitter, Keyboard} from 'react-native';
 
 export default class KeyboardAwareBase extends Component {
@@ -21,6 +22,12 @@ export default class KeyboardAwareBase extends Component {
     this._addKeyboardEventListeners();
   }
 
+  static propTypes = {
+    startScrolledToBottom: PropTypes.bool,
+    scrollToBottomOnKBShow: PropTypes.bool,
+    scrollToInputAdditionalOffset: PropTypes.number
+  };
+
   static defaultProps = {
     startScrolledToBottom: false,
     scrollToBottomOnKBShow: false,

package/src/components/KeyboardAwareScrollView/KeyboardAwareFlatList.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import {FlatList} from 'react-native';
 import KeyboardAwareBase from './KeyboardAwareBase';
 
@@ -9,6 +10,11 @@ import KeyboardAwareBase from './KeyboardAwareBase';
 export default class KeyboardAwareFlatList extends KeyboardAwareBase {
   static displayName = 'KeyboardAwareFlatList';
 
+  static PropTypes = {
+    getTextInputRefs: PropTypes.func,
+    onScroll: PropTypes.func
+  };
+
   static defaultProps = {
     ...KeyboardAwareBase.defaultProps,
     getTextInputRefs: () => {

package/src/components/KeyboardAwareScrollView/KeyboardAwareScrollView.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import {ScrollView} from 'react-native';
 import KeyboardAwareBase from './KeyboardAwareBase';
 
@@ -9,6 +10,11 @@ import KeyboardAwareBase from './KeyboardAwareBase';
 export default class KeyboardAwareScrollView extends KeyboardAwareBase {
   static displayName = 'KeyboardAwareScrollView';
 
+  static PropTypes = {
+    getTextInputRefs: PropTypes.func,
+    onScroll: PropTypes.func
+  };
+
   static defaultProps = {
     ...KeyboardAwareBase.defaultProps,
     getTextInputRefs: () => {

package/src/components/WheelPicker/WheelPicker.driver.d.ts

@@ -4,11 +4,11 @@ export declare const WheelPickerDriver: (props: ComponentProps) => {
     moveToItem: (index: number, itemHeight?: number, numberOfRows?: number) => void;
     getLabel: () => string | (string | import("react-test-renderer").ReactTestInstance)[];
     scroll: (contentOffset: Partial<import("react-native/types").NativeScrollPoint>, options?: {
+        contentInset: import("react-native/types").NativeScrollRectangle;
+        zoomScale: number;
         layoutMeasurement: import("react-native/types").NativeScrollSize;
         contentSize: import("react-native/types").NativeScrollSize;
         velocity?: import("react-native/types").NativeScrollVelocity | undefined;
-        contentInset: import("react-native/types").NativeScrollRectangle;
-        zoomScale: number;
         targetContentOffset?: import("react-native/types").NativeScrollPoint | undefined;
     } | undefined) => void;
     triggerEvent: (eventName?: string | undefined, event?: Partial<import("react-native/types").NativeScrollEvent> | undefined) => void;

package/src/components/WheelPicker/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from 'react';
+import React from 'react';
 import { TextStyle, ViewStyle, FlatListProps } from 'react-native';
 import { TextProps } from '../text';
 import { FaderProps } from '../fader';
@@ -81,7 +81,7 @@ export type WheelPickerProps<T = WheelPickerItemValue> = {
     flatListProps?: Partial<FlatListProps<WheelPickerItemProps<T>>>;
 };
 declare const WheelPicker: {
-    <T extends WheelPickerItemValue>(props: WheelPickerProps<T>): JSX.Element;
+    <T extends WheelPickerItemValue>(props: WheelPickerProps<T>): React.JSX.Element;
     alignments: typeof WheelPickerAlign;
 };
 export default WheelPicker;

package/src/components/WheelPicker/index.js

@@ -39,7 +39,7 @@ const WheelPicker = props => {
     faderProps,
     flatListProps
   } = themeProps;
-  const scrollView = useRef(undefined);
+  const scrollView = useRef();
   const offset = useSharedValue(0);
   const scrollHandler = useAnimatedScrollHandler(e => {
     offset.value = e.contentOffset.y;

package/src/components/WheelPicker/usePresenter.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from 'react';
+/// <reference types="react" />
 import { WheelPickerItemValue } from './types';
 import { WheelPickerItemProps } from './Item';
 type PropTypes<T> = {

package/src/components/actionSheet/index.d.ts

@@ -1,4 +1,4 @@
-import React, { type JSX } from 'react';
+import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ButtonProps } from '../button';
 import { type DialogProps } from '../dialog';

package/src/components/animatedImage/index.d.ts

@@ -13,7 +13,7 @@ export interface AnimatedImageProps extends ImageProps {
     /**
      * A component to render while the image is loading
      */
-    loader?: React.ReactElement<any>;
+    loader?: React.ReactElement;
 }
 /**
  * @description: Image component that fades-in the image with animation once it's loaded

package/src/components/animatedScanner/index.js

@@ -1,6 +1,8 @@
 import _ from 'lodash';
+import PropTypes from 'prop-types';
 import React from 'react';
 import {StyleSheet, Animated} from 'react-native';
+import {ViewPropTypes} from 'deprecated-react-native-prop-types';
 import {Colors} from '../../style';
 import {BaseComponent} from '../../commons';
 import View from '../../components/view';
@@ -14,6 +16,41 @@ import View from '../../components/view';
  */
 export default class AnimatedScanner extends BaseComponent {
   static displayName = 'AnimatedScanner';
+  static propTypes = {
+    /**
+     * animated value between 0 and 100
+     */
+    // progress: PropTypes.object,
+    progress: PropTypes.number,
+    /**
+     * Duration of current break (can be change between breaks)
+     */
+    duration: PropTypes.number,
+    /**
+     * scanner opacity
+     */
+    opacity: PropTypes.number,
+    /**
+     * scanner background color
+     */
+    backgroundColor: PropTypes.string,
+    /**
+     * breakpoint callback - ({progress, isDone}) => {}
+     */
+    onBreakpoint: PropTypes.func,
+    /**
+     * should hide the scanner line
+     */
+    hideScannerLine: PropTypes.bool,
+    /**
+     * the container style
+     */
+    containerStyle: ViewPropTypes.style,
+    /**
+     * Used as a testing identifier
+     */
+    testID: PropTypes.string
+  };
 
   static defaultProps = {
     progress: 0,

package/src/components/avatar/index.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, type JSX } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { StyleProp, ViewStyle, ImagePropsBase, ImageStyle, TextStyle, TextProps, AccessibilityProps } from 'react-native';
 import { BadgeProps } from '../badge';
 import { ImageProps } from '../image';

package/src/components/badge/index.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, type JSX } from 'react';
+import React, { PureComponent } from 'react';
 import { ImageSourcePropType, ImageStyle, StyleProp, TextStyle, TouchableOpacityProps, ViewStyle, ViewProps } from 'react-native';
 declare const LABEL_FORMATTER_VALUES: readonly [1, 2, 3, 4];
 type LabelFormatterValues = typeof LABEL_FORMATTER_VALUES[number];
@@ -89,10 +89,10 @@ declare class Badge extends PureComponent<BadgeProps> {
     getBadgeSizeStyle(): any;
     getFormattedLabel(): any;
     getBorderStyling(): ViewStyle;
-    renderLabel(): JSX.Element | undefined;
+    renderLabel(): React.JSX.Element | undefined;
     renderCustomElement(): JSX.Element | undefined;
-    renderIcon(): 0 | JSX.Element | undefined;
-    render(): JSX.Element;
+    renderIcon(): 0 | React.JSX.Element | undefined;
+    render(): React.JSX.Element;
 }
 declare function createStyles(props: BadgeProps): {
     badge: {

package/src/components/baseInput/index.d.ts

@@ -2,6 +2,7 @@ import 'react';
 import { BaseComponent } from '../../commons';
 export default class BaseInput extends BaseComponent {
     static displayName: string;
+    static propTypes: any;
     static defaultProps: {
         validateOnBlur: boolean;
     };