style(all): fix lint issues

Author: Artur Bien

example/src/MainNavigation.tsx

@@ -8,13 +8,7 @@ import examples from './examples';
 
 const flattenedExamples = examples.map(section => section.items).flat();
 
-type RootStackParamList = {
-  Home: undefined;
-  ButtonExample: undefined;
-  TextInputExample: undefined;
-};
-
-const Stack = createStackNavigator<RootStackParamList>();
+const Stack = createStackNavigator();
 
 const MainNavigation = () => {
   const { theme } = useContext(LocalThemeContext);
@@ -43,7 +37,6 @@ const MainNavigation = () => {
         {flattenedExamples.map(({ name, title, component }) => (
           <Stack.Screen
             key={name}
-            /* @ts-ignore */
             name={name}
             component={component}
             options={{ title }}

example/src/examples/TypographyExample.tsx

@@ -24,9 +24,7 @@ const TypographyExample = () => {
       </Container.Section>
       <Container.Section title='Anchor underlined'>
         <Panel>
-          <Anchor onPress={() => console.warn('underline')} underline>
-            React95 website
-          </Anchor>
+          <Anchor underline>React95 website</Anchor>
         </Panel>
       </Container.Section>
     </Container>

example/src/util/Container.tsx

@@ -23,7 +23,7 @@ const styles = StyleSheet.create({
 
 type ContainerProps = {
   children: React.ReactNode;
-  style?: any;
+  style?: StyleProp<ViewStyle>;
 };
 
 const Container = ({ children, style }: ContainerProps) => (

src/Select/Select.tsx

@@ -8,6 +8,7 @@ import {
   StyleProp,
   ViewStyle,
 } from 'react-native';
+import type { AnyValue } from '../types';
 
 import { ThemeContext } from '../common/theming/Theme';
 import { blockSizes } from '../common/styles';
@@ -25,10 +26,10 @@ const dropdownSymbol = {
 
 type Props = {
   options: Array<Option>;
-  value: any;
+  value: AnyValue;
   disabled?: boolean;
   // TODO: what to put below?
-  onChange: (value: any) => void;
+  onChange: (value: AnyValue) => void;
   style?: StyleProp<ViewStyle>;
   menuMaxHeight?: number;
 };

src/Select/SelectBase.tsx

@@ -1,12 +1,12 @@
 import React, { useContext, useState } from 'react';
 import { StyleSheet, View, Text, TouchableHighlight } from 'react-native';
-
+import type { AnyValue } from '../types';
 import { ThemeContext } from '../common/theming/Theme';
 import { blockSizes } from '../common/styles';
 
 // TODO: allow for no option selected
 export type Option = {
-  value: any;
+  value: AnyValue;
   label: React.ReactNode;
 };
 
@@ -78,7 +78,7 @@ const styles = StyleSheet.create({
 
 type SelectOptionsProps = {
   options: Array<Option>;
-  values: [any];
+  values: [AnyValue];
   onChange: (option: Option) => void;
 };
 

src/Select/SelectBox.tsx

@@ -1,6 +1,7 @@
 import React, { useContext } from 'react';
 import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 import { ThemeContext } from '../common/theming/Theme';
+import type { AnyValue } from '../types';
 
 import getSelectOptions, { Option } from './SelectBase';
 import { Border } from '../common/styleElements';
@@ -10,8 +11,8 @@ import { ScrollView } from '..';
 
 type Props = {
   options: Array<Option>;
-  value: [any] | any;
-  onChange: (value: any) => void;
+  value: [AnyValue] | AnyValue;
+  onChange: (value: AnyValue) => void;
   style?: StyleProp<ViewStyle>;
 };
 

src/Tabs/Tabs.tsx

@@ -6,7 +6,7 @@ import {
   TouchableHighlight,
   View,
 } from 'react-native';
-
+import type { AnyValue } from '../types';
 import { ThemeContext } from '../common/theming/Theme';
 import { padding, margin, blockSizes } from '../common/styles';
 import { Border } from '../common/styleElements';
@@ -15,8 +15,8 @@ import { Text, Panel } from '..';
 type TabsProps = {
   children?: React.ReactNode;
   style?: StyleProp<ViewStyle>;
-  value: any;
-  onChange?: (value: any) => void;
+  value: AnyValue;
+  onChange?: (value: AnyValue) => void;
   stretch?: boolean;
 };
 
@@ -74,8 +74,8 @@ const Body = ({ children, style, ...rest }: TabBodyProps) => {
 type TabProps = {
   children?: React.ReactNode;
   style?: StyleProp<ViewStyle>;
-  value: any;
-  onPress?: (value: any) => void;
+  value: AnyValue;
+  onPress?: (value: AnyValue) => void;
   selected?: boolean;
   stretch?: boolean;
 };

src/TextInput/TextInput.tsx

@@ -44,6 +44,7 @@ const TextInput = ({
         placeholderTextColor={theme.materialTextDisabled}
         defaultValue={defaultValue}
         value={value}
+        editable={!disabled}
         // eslint-disable-next-line react/jsx-props-no-spreading
         {...rest}
       />

src/Typography/Text.spec.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
+import { render } from '@testing-library/react-native';
 
 import { Text } from '..';
 
-const linkUrl = 'https://react95.io';
-
 const mockOpenUrl = jest.fn(url => Promise.resolve(url));
 
 describe('<Text />', () => {

src/common/hooks/useControlledOrUncontrolled.ts

@@ -1,14 +1,15 @@
 import { useState, useCallback } from 'react';
+import type { AnyValue } from '../../types';
 
 type Props = {
-  value: any;
-  defaultValue: any;
+  value: AnyValue;
+  defaultValue: AnyValue;
 };
 
 export default ({
   value,
   defaultValue,
-}: Props): [any, (newValue: any) => void] => {
+}: Props): [AnyValue, (newValue: AnyValue) => void] => {
   const isControlled = value !== undefined;
   const [controlledValue, setControlledValue] = useState(defaultValue);