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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { type JSX } 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): React.JSX.Element;
+    (props: HighlighterOverlayViewProps): JSX.Element;
     displayName: string;
 };
 export default HighlighterOverlayView;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { type JSX } 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): React.JSX.Element;
+    (props: HighlighterOverlayViewProps): 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.ReactChild | React.ReactChild[];
+    children?: React.ReactNode;
 };
 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;
+    renderContent?: () => React.ReactElement<any>;
     /**
      * 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.ReactChild;
+    children?: React.ReactNode;
 };
 /**
  * @description: View that allows replacing the default keyboard with other components

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

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

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

@@ -8,15 +8,16 @@ 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 {...others} ref={ref}>
+  return <KeyboardTrackingViewContainer {...defaultProps} {...others} ref={ref}>
       {children}
     </KeyboardTrackingViewContainer>;
 });
-export default KeyboardTrackingView;
-// @ts-expect-error
-KeyboardTrackingView.scrollBehaviors = SCROLL_BEHAVIORS;
+KeyboardTrackingView.defaultProps = defaultProps;
+KeyboardTrackingView.scrollBehaviors = SCROLL_BEHAVIORS;
+export default KeyboardTrackingView;

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

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

package/lib/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "8.2.1",
+  "version": "8.2.2-snapshot.7685",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",
@@ -32,11 +32,9 @@
     "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",
@@ -62,17 +60,16 @@
     "@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.77.3",
-    "@react-native/metro-config": "0.77.3",
-    "@react-native/typescript-config": "0.77.3",
+    "@react-native/babel-preset": "0.78.3",
+    "@react-native/metro-config": "0.78.3",
+    "@react-native/typescript-config": "0.78.3",
     "@shopify/flash-list": "1.7.6",
-    "@testing-library/react-native": "^11.5.1",
-    "@types/hoist-non-react-statics": "^3.3.1",
+    "@testing-library/react-native": "^13.3.3",
+    "@types/hoist-non-react-statics": "^3.3.7",
     "@types/jest": "^29.5.13",
     "@types/lodash": "^4.0.0",
-    "@types/prop-types": "^15.5.3",
-    "@types/react": "18.3.24",
-    "@types/react-test-renderer": "^18.3.0",
+    "@types/react": "19.0.0",
+    "@types/react-test-renderer": "19.0.0",
     "@types/tinycolor2": "^1.4.2",
     "@types/url-parse": "^1.4.3",
     "@welldone-software/why-did-you-render": "^3.2.1",
@@ -85,33 +82,34 @@
     "postcss": "^8.4.21",
     "postcss-js": "^4.0.0",
     "prettier": "^3.2.5",
-    "react": "18.3.1",
+    "react": "19.0.0",
     "react-autobind": "^1.0.6",
-    "react-dom": "18.3.1",
-    "react-native": "0.77.3",
+    "react-dom": "19.0.0",
+    "react-native": "0.78.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.1.2",
-    "react-native-reanimated": "3.18.0",
+    "react-native-navigation": "8.4.3",
+    "react-native-reanimated": "3.19.4",
     "react-native-shimmer-placeholder": "^2.0.6",
     "react-native-svg": "15.11.2",
     "react-native-svg-transformer": "1.5.0",
-    "react-test-renderer": "18.3.1",
+    "react-test-renderer": "19.0.0",
     "reassure": "^0.4.1",
     "setimmediate": "^1.0.5",
     "shell-utils": "^1.0.10",
     "typescript": "5.0.4",
-    "uilib-native": "^5.0.1"
+    "uilib-native": "5.1.0-snapshot.7635"
   },
   "peerDependencies": {
-    "react": ">=18.3.1",
+    "react": ">=19.0.0",
     "react-native": ">=0.77.3",
     "react-native-gesture-handler": ">=2.24.0",
-    "react-native-reanimated": ">=3.17.5",
-    "uilib-native": "^5.0.1"
+    "react-native-reanimated": ">=3.19.4",
+    "react-native-ui-lib": "*",
+    "uilib-native": "5.1.0-snapshot.7635"
   },
   "jest": {
     "preset": "react-native",

package/scripts/release/prReleaseNotesCommon.js

@@ -3,6 +3,16 @@ const _ = require('lodash');
 const chalk = require('chalk');
 const childProcess = require('child_process');
 const readline = require('readline');
+const BRANCH_CATEGORIES = [
+  {name: 'features', branch: 'feat/', title: ':gift: Features'},
+  {name: 'web', branch: 'web/', title: ':spider_web: Web support'},
+  {name: 'fixes', branch: 'fix/', title: ':wrench: Fixes'},
+  {name: 'infra', branch: 'infra/', title: ':gear: Maintenance & Infra'}
+];
+
+function getBranchPrefixes() {
+  return BRANCH_CATEGORIES.map(category => category.branch);
+}
 
 function fetchLatestReleaseDate(tagPrefix, version) {
   const release = childProcess.execSync(`gh release view ${tagPrefix}${version}`).toString();
@@ -171,10 +181,7 @@ function generateReleaseNotesFromPRs(PRs, categories, header) {
   }
 
   const prCategories = [
-    {name: 'features', branch: 'feat/', title: ':gift: Features'},
-    {name: 'web', branch: 'web/', title: ':spider_web: Web support'},
-    {name: 'fixes', branch: 'fix/', title: ':wrench: Fixes'},
-    {name: 'infra', branch: 'infra/', title: ':gear: Maintenance & Infra'},
+    ...BRANCH_CATEGORIES,
     ...categories,
     {name: 'others', branch: '', title: 'OTHERS'},
     {
@@ -253,4 +260,4 @@ async function generateReleaseNotes(latestVersion,
   });
 }
 
-module.exports = {generateReleaseNotes, generateReleaseNotesFromPRs, parsePR};
+module.exports = {generateReleaseNotes, generateReleaseNotesFromPRs, parsePR, getBranchPrefixes};

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, WrappedComponent.defaultProps);
+      UIComponent.defaultProps?.onError?.(error);
       return {
         error: true
       };
@@ -55,6 +55,7 @@ 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,20 +8,12 @@ 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,11 +8,8 @@ export default function forwardRef(WrappedComponent) {
   // @ts-expect-error
   const ForwardedComponent = React.forwardRef(forwardRef);
   hoistStatics(ForwardedComponent, WrappedComponent);
-  //@ts-ignore
   ForwardedComponent.displayName = WrappedComponent.displayName;
-  //@ts-ignore
-  ForwardedComponent.propTypes = WrappedComponent.propTypes;
-  //@ts-ignore
+  // @ts-expect-error
   ForwardedComponent.defaultProps = WrappedComponent.defaultProps;
   return ForwardedComponent;
 }

package/src/commons/modifiers.d.ts

@@ -105,12 +105,6 @@ 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,8 +2,6 @@ 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";
@@ -232,22 +230,6 @@ 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

@@ -46,10 +46,6 @@ 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,10 +57,6 @@ 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,6 +1,5 @@
 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 {
@@ -22,12 +21,6 @@ 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,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import {FlatList} from 'react-native';
 import KeyboardAwareBase from './KeyboardAwareBase';
 
@@ -10,11 +9,6 @@ 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,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import {ScrollView} from 'react-native';
 import KeyboardAwareBase from './KeyboardAwareBase';
 
@@ -10,11 +9,6 @@ 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 React from 'react';
+import { type JSX } 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>): React.JSX.Element;
+    <T extends WheelPickerItemValue>(props: WheelPickerProps<T>): 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();
+  const scrollView = useRef(undefined);
   const offset = useSharedValue(0);
   const scrollHandler = useAnimatedScrollHandler(e => {
     offset.value = e.contentOffset.y;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type JSX } from '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 from 'react';
+import React, { type JSX } 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;
+    loader?: React.ReactElement<any>;
 }
 /**
  * @description: Image component that fades-in the image with animation once it's loaded

package/src/components/animatedScanner/index.js

@@ -1,8 +1,6 @@
 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';
@@ -16,41 +14,6 @@ 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 } from 'react';
+import React, { PropsWithChildren, type JSX } 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 } from 'react';
+import React, { PureComponent, type JSX } 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(): React.JSX.Element | undefined;
+    renderLabel(): JSX.Element | undefined;
     renderCustomElement(): JSX.Element | undefined;
-    renderIcon(): 0 | React.JSX.Element | undefined;
-    render(): React.JSX.Element;
+    renderIcon(): 0 | JSX.Element | undefined;
+    render(): JSX.Element;
 }
 declare function createStyles(props: BadgeProps): {
     badge: {

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

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