fix: remove usage of PropTypes (#139)

* chore: remove usage of PropTypes

Co-authored-by: Benedikt Viebahn <[email protected]>

.eslintrc

@@ -26,6 +26,7 @@
   },
   "rules": {
     "@typescript-eslint/explicit-module-boundary-types": 0,
-    "@typescript-eslint/no-explicit-any": 0
+    "@typescript-eslint/no-explicit-any": 0,
+    "react/prop-types": 0
   }
 }

package.json

@@ -36,7 +36,6 @@
   "devDependencies": {
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/git": "^9.0.0",
-    "@types/prop-types": "^15.7.3",
     "@types/react": "^17.0.3",
     "@types/react-native": "^0.64.2",
     "@typescript-eslint/eslint-plugin": "^4.22.0",
@@ -49,7 +48,6 @@
     "husky": "^4.2.5",
     "lint-staged": "^10.2.11",
     "prettier": "^2.0.5",
-    "prop-types": "^15.7.2",
     "semantic-release": "^17.1.2",
     "typescript": "^4.2.4"
   },

src/Button.tsx

@@ -7,11 +7,9 @@ import {
   TouchableOpacity,
   PlatformColor,
   TextProps,
-  TextPropTypes,
   ColorValue,
 } from "react-native";
 import useTheme, { StyleBuilder } from "./useTheme";
-import PropTypes from "prop-types";
 
 const COLOR = Platform.OS === "ios" ? "#007ff9" : "#169689";
 
@@ -52,15 +50,6 @@ const DialogButton: React.FC<DialogButtonProps> = (props) => {
   );
 };
 
-DialogButton.propTypes = {
-  ...TextPropTypes,
-  label: PropTypes.string.isRequired,
-  color: PropTypes.string,
-  bold: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onPress: PropTypes.func.isRequired,
-};
-
 DialogButton.displayName = "DialogButton";
 
 const buildStyles: StyleBuilder = (isDark) =>

src/CodeInput.tsx

@@ -9,12 +9,10 @@ import {
   PlatformColor,
   TextInputProps,
   ViewStyle,
-  ViewPropTypes,
   StyleProp,
   TextStyle,
 } from "react-native";
 import useTheme from "./useTheme";
-import PropTypes from "prop-types";
 
 export interface DialogCodeInputProps extends TextInputProps {
   wrapperStyle?: StyleProp<ViewStyle>;
@@ -104,18 +102,6 @@ const DialogCodeInput: React.FC<DialogCodeInputProps> = (props) => {
     </View>
   );
 };
-
-DialogCodeInput.propTypes = {
-  ...ViewPropTypes,
-  wrapperStyle: ViewPropTypes.style,
-  digitContainerStyle: ViewPropTypes.style,
-  digitContainerFocusedStyle: ViewPropTypes.style,
-  digitStyle: ViewPropTypes.style,
-  codeLength: PropTypes.number,
-  onCodeChange: PropTypes.func,
-  style: (Text as any).propTypes.style,
-};
-
 DialogCodeInput.displayName = "DialogCodeInput";
 
 const buildStyles = (isDark: boolean) =>

src/Container.tsx

@@ -8,11 +8,9 @@ import {
   PlatformColor,
   ViewStyle,
   StyleProp,
-  ViewPropTypes,
 } from "react-native";
 import Modal from "./Modal";
 import useTheme, { StyleBuilder } from "./useTheme";
-import PropTypes from "prop-types";
 import DialogTitle, { DialogTitleProps } from "./Title";
 import DialogDescription, { DialogDescriptionProps } from "./Description";
 import DialogButton, { DialogButtonProps } from "./Button";
@@ -136,21 +134,6 @@ const DialogContainer: React.FC<DialogContainerProps> = (props) => {
   );
 };
 
-DialogContainer.propTypes = {
-  blurComponentIOS: PropTypes.node,
-  buttonSeparatorStyle: ViewPropTypes.style,
-  contentStyle: ViewPropTypes.style,
-  footerStyle: ViewPropTypes.style,
-  headerStyle: ViewPropTypes.style,
-  blurStyle: ViewPropTypes.style,
-  visible: PropTypes.bool,
-  verticalButtons: PropTypes.bool,
-  onBackdropPress: PropTypes.func,
-  keyboardVerticalOffset: PropTypes.number,
-  useNativeDriver: PropTypes.bool,
-  children: PropTypes.node.isRequired,
-};
-
 const buildStyles: StyleBuilder = () =>
   StyleSheet.create({
     centeredView: {

src/Description.tsx

@@ -4,7 +4,6 @@ import {
   StyleSheet,
   Text,
   PlatformColor,
-  TextPropTypes,
   TextProps,
 } from "react-native";
 import useTheme, { StyleBuilder } from "./useTheme";
@@ -22,8 +21,6 @@ const DialogDescription: React.FC<DialogDescriptionProps> = (props) => {
   );
 };
 
-DialogDescription.propTypes = TextPropTypes;
-
 DialogDescription.displayName = "DialogDescription";
 
 const buildStyles: StyleBuilder = (isDark) =>

src/Input.tsx

@@ -9,11 +9,9 @@ import {
   PlatformColor,
   TextInputProps,
   ViewStyle,
-  ViewPropTypes,
   StyleProp,
 } from "react-native";
 import useTheme, { StyleBuilder } from "./useTheme";
-import PropTypes from "prop-types";
 
 export interface DialogInputProps extends TextInputProps {
   label?: ReactNode;
@@ -63,16 +61,6 @@ const DialogInput: React.FC<DialogInputProps> = (props) => {
   );
 };
 
-DialogInput.propTypes = {
-  ...ViewPropTypes,
-  label: PropTypes.string,
-  textInputRef: PropTypes.any,
-  wrapperStyle: ViewPropTypes.style,
-  numberOfLines: PropTypes.number,
-  multiline: PropTypes.bool,
-  style: (Text as any).propTypes.style,
-};
-
 DialogInput.displayName = "DialogInput";
 
 const buildStyles: StyleBuilder = (isDark) =>

src/Modal.tsx

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { Component } from "react";
-import PropTypes from "prop-types";
 import {
   Animated,
   Easing,
@@ -10,7 +9,6 @@ import {
   StyleProp,
   StyleSheet,
   TouchableWithoutFeedback,
-  ViewPropTypes,
   ViewStyle,
 } from "react-native";
 
@@ -73,14 +71,6 @@ interface ModalState {
 }
 
 export class Modal extends Component<ModalProps, ModalState> {
-  static propTypes = {
-    onBackdropPress: PropTypes.func,
-    onHide: PropTypes.func,
-    visible: PropTypes.bool,
-    contentStyle: ViewPropTypes.style,
-    useNativeDriver: PropTypes.bool,
-  };
-
   static defaultProps: Partial<ModalProps> = {
     onBackdropPress: () => null,
     onHide: () => null,

src/Switch.tsx

@@ -8,10 +8,8 @@ import {
   View,
   PlatformColor,
   SwitchProps,
-  ViewPropTypes,
 } from "react-native";
 import useTheme, { StyleBuilder } from "./useTheme";
-import PropTypes from "prop-types";
 
 export interface DialogSwitchProps extends SwitchProps {
   label?: ReactNode;
@@ -28,11 +26,6 @@ const DialogSwitch: React.FC<DialogSwitchProps> = (props) => {
   );
 };
 
-DialogSwitch.propTypes = {
-  ...ViewPropTypes,
-  label: PropTypes.node,
-};
-
 DialogSwitch.displayName = "DialogSwitch";
 
 const buildStyles: StyleBuilder = (isDark) =>

src/Title.tsx

@@ -4,7 +4,6 @@ import {
   StyleSheet,
   Text,
   PlatformColor,
-  TextPropTypes,
   TextProps,
 } from "react-native";
 import useTheme, { StyleBuilder } from "./useTheme";
@@ -22,8 +21,6 @@ const DialogTitle: React.FC<DialogTitleProps> = (props) => {
   );
 };
 
-DialogTitle.propTypes = TextPropTypes;
-
 DialogTitle.displayName = "DialogTitle";
 
 const buildStyles: StyleBuilder = (isDark) =>