Infra/v9 prop types

demo/src/screens/MainScreen.js

@@ -1,8 +1,6 @@
 import _ from 'lodash';
 import React, {Component} from 'react';
-import PropTypes from 'prop-types';
 import {StyleSheet, FlatList, SectionList, ScrollView} from 'react-native';
-import {ViewPropTypes} from 'deprecated-react-native-prop-types';
 import {Navigation} from 'react-native-navigation';
 import {
   Assets,
@@ -27,12 +25,6 @@ const chevronIcon = require('../assets/icons/chevronRight.png');
 const FADER_SIZE = 50;
 
 class MainScreen extends Component {
-  static propTypes = {
-    containerStyle: ViewPropTypes.style,
-    renderItem: PropTypes.func,
-    pageStyle: ViewPropTypes.style
-  };
-
   settingsScreenName = 'unicorn.Settings';
 
   static options() {

demo/src/screens/componentScreens/ConversationListScreen.js

@@ -1,5 +1,4 @@
 import _ from 'lodash';
-import PropTypes from 'prop-types';
 import React, {Component, PureComponent} from 'react';
 import {StyleSheet, Alert, FlatList} from 'react-native';
 import {Colors, ListItem, Text, Avatar, AvatarHelper, Drawer, Button} from 'react-native-ui-lib'; //eslint-disable-line
@@ -121,13 +120,6 @@ class ConversationListScreen extends Component {
 }
 
 class ContactItem extends PureComponent {
-  static propTypes = {
-    item: PropTypes.object,
-    index: PropTypes.number,
-    addRef: PropTypes.func,
-    onSwipeableWillOpen: PropTypes.func
-  };
-
   render() {
     const {item, index, addRef, onSwipeableWillOpen} = this.props;
 

demo/src/screens/foundationScreens/TypographyScreen.js

@@ -1,16 +1,11 @@
 import _ from 'lodash';
-import PropTypes from 'prop-types';
 import React, {Component} from 'react';
 import {ScrollView} from 'react-native';
 import {TabController, Colors, Typography, View, Text} from 'react-native-ui-lib';
 
 const WEIGHTS = ['Thin', 'Light', 'Default', 'Regular', 'Medium', 'Bold', 'Heavy', 'Black'];
 
 export default class TypographyScreen extends Component {
-  static propTypes = {
-    color: PropTypes.string
-  };
-
   static defaultProps = {
     color: Colors.grey10
   };

demo/src/screens/realExamples/ListActions/ActionsList.js

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import React, {Component} from 'react';
 import {Animated, LayoutAnimation, PanResponder, I18nManager} from 'react-native';
 import {Constants, Assets, Colors, View, TouchableOpacity, Button, Text} from 'react-native-ui-lib'; //eslint-disable-line
@@ -17,11 +16,6 @@ const DIRECTIONS = {
 
 export default class ActionsList extends Component {
   static displayName = 'ActionsList';
-
-  static propTypes = {
-    item: PropTypes.object,
-    index: PropTypes.number
-  }
 
   constructor(props) {
     super(props);

expoDemo/package.json

@@ -36,7 +36,7 @@
     "@react-native-community/cli": "15.0.1",
     "@react-native-community/cli-platform-android": "15.0.1",
     "@react-native-community/cli-platform-ios": "15.0.1",
-    "@types/react": "~18.3.24",
+    "@types/react": "19.0.0",
     "typescript": "^4.9.5"
   },
   "private": true

lib/package.json

@@ -10,8 +10,7 @@
   "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"

package.json

@@ -44,7 +44,6 @@
     "@types/hoist-non-react-statics": "^3.3.1",
     "@types/jest": "^29.5.13",
     "@types/lodash": "^4.0.0",
-    "@types/prop-types": "^15.5.3",
     "@types/react": "19.0.0",
     "@types/react-test-renderer": "^19.0.0",
     "@types/tinycolor2": "^1.4.2",

packages/react-native-ui-lib/package.json

@@ -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",
@@ -70,7 +68,6 @@
         "@types/hoist-non-react-statics": "^3.3.1",
         "@types/jest": "^29.5.13",
         "@types/lodash": "^4.0.0",
-        "@types/prop-types": "^15.5.3",
         "@types/react": "19.0.0",
         "@types/react-test-renderer": "19.0.0",
         "@types/tinycolor2": "^1.4.2",

packages/react-native-ui-lib/src/commons/__tests__/modifiers.spec.js

@@ -1,14 +1,9 @@
-import PropTypes from 'prop-types';
 import {ThemeManager, Colors, Typography, BorderRadiuses, Spacings} from '../../style';
 import * as uut from '../modifiers';
 
 describe('Modifiers', () => {
   const SampleComponent = () => {};
   SampleComponent.displayName = 'SampleComponent';
-  SampleComponent.propTypes = {
-    prop1: PropTypes.string,
-    prop2: PropTypes.number
-  };
 
   describe('extractColorValue', () => {
     it('should return color value according to modifier', () => {

packages/react-native-ui-lib/src/commons/baseComponent.tsx

@@ -1,5 +1,4 @@
 import React, {ComponentType} from 'react';
-// import PropTypes from 'prop-types';
 import {StyleSheet} from 'react-native';
 import _ from 'lodash';
 import {Colors} from '../style';
@@ -8,12 +7,6 @@ import * as Modifiers from './modifiers';
 export default function baseComponent(usePure: boolean): ComponentType {
   const parent = usePure ? React.PureComponent : React.Component;
   class BaseComponent extends parent {
-    // static propTypes = {
-    //   ..._.mapValues(Typography, () => PropTypes.bool),
-    //   ..._.mapValues(Colors, () => PropTypes.bool),
-    //   useNativeDriver: PropTypes.bool,
-    // };
-
     styles: any;
     view: any;
 

packages/react-native-ui-lib/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,

packages/react-native-ui-lib/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: () => {

packages/react-native-ui-lib/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: () => {

packages/react-native-ui-lib/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,

packages/react-native-ui-lib/src/components/carousel/types.ts

@@ -1,13 +1,16 @@
 import {ScrollViewProps, StyleProp, ViewStyle, NativeSyntheticEvent, NativeScrollEvent, Animated} from 'react-native';
-// @ts-expect-error No typings available for 'deprecated-react-native-prop-types'
-import {PointPropType} from 'deprecated-react-native-prop-types';
 import {PageControlProps} from '../pageControl';
 
 export enum PageControlPosition {
   OVER = 'over',
   UNDER = 'under'
 }
 
+export type PointPropType = {
+  x: number;
+  y: number;
+};
+
 export interface CarouselProps extends ScrollViewProps {
   /**
    * the first page to start with
@@ -96,7 +99,6 @@ export interface CarouselProps extends ScrollViewProps {
    * Carousel scroll offset (pass new Animated.ValueXY())
    */
   animatedScrollOffset?: Animated.ValueXY;
-
 }
 
 export interface CarouselState {