Skip to content

Commit 9aa5b39

Browse files
muratonermuratoner
committed
New components.
1 parent e4f1be2 commit 9aa5b39

40 files changed

+1327
-898
lines changed

‎.eslintrc‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,24 @@
11
{
2-
"extends": ["prettier"],
3-
"parser": "babel-eslint",
4-
"rules": {
5-
"indent": ["error", "tab"],
6-
"react/require-extension": "off",
7-
"no-undef": "off",
8-
"import/order": "off",
9-
"func-names": "off",
10-
"import/prefer-default-export": "off",
11-
"no-prototype-builtins": "off",
12-
"no-nested-ternary": "warn",
13-
"no-underscore-dangle": "off",
14-
"no-unused-expressions": "off",
15-
"react/jsx-filename-extension": "off",
16-
"react/no-did-update-set-state": "off",
17-
"react/prop-types": "off"
18-
},
19-
"plugins": ["react", "react-native"],
20-
"parserOptions": {
21-
"sourceType": "module",
22-
"ecmaVersion": 2015
23-
}
2+
"extends": ["prettier"],
3+
"parser": "babel-eslint",
4+
"rules": {
5+
"indent": ["error", "tab"],
6+
"react/require-extension": "off",
7+
"no-undef": "off",
8+
"import/order": "off",
9+
"func-names": "off",
10+
"import/prefer-default-export": "off",
11+
"no-prototype-builtins": "off",
12+
"no-nested-ternary": "off",
13+
"no-underscore-dangle": "off",
14+
"no-unused-expressions": "off",
15+
"react/jsx-filename-extension": "off",
16+
"react/no-did-update-set-state": "off",
17+
"react/prop-types": "off"
18+
},
19+
"plugins": ["react", "react-native"],
20+
"parserOptions": {
21+
"sourceType": "module",
22+
"ecmaVersion": 2015
23+
}
2424
}

‎.prettierrc‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
{
2-
"printWidth": 80,
3-
"singleQuote": true,
4-
"tabWidth": 2,
5-
"semi": true
2+
"printWidth": 80,
3+
"singleQuote": true,
4+
"tabWidth": 1,
5+
"semi": false,
6+
"bracketSpacing": false,
7+
"trailingComma": "none",
8+
"jsxSingleQuote": true
69
}

‎example/navigation/DrawerNavigation.tsx‎

Lines changed: 16 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,33 @@
1-
import { createDrawerNavigator } from '@react-navigation/drawer';
2-
import React from 'react';
3-
import { RouteNames } from '../utils';
1+
import {createDrawerNavigator} from '@react-navigation/drawer'
2+
import React from 'react'
3+
import {RouteNames} from '../utils'
44
import {
55
StackNavigatorAvatar,
6+
StackNavigatorBadge,
67
StackNavigatorButton,
78
StackNavigatorCheckbox,
89
StackNavigatorDivider,
910
StackNavigatorIcon,
1011
StackNavigatorLabeledButton,
1112
StackNavigatorProgressBar,
1213
StackNavigatorSocialIcon,
13-
StackNavigatorTitle
14-
} from './StackNavigator';
14+
StackNavigatorTitle,
15+
StackNavigatorUI
16+
} from './StackNavigator'
1517

16-
const Drawer = createDrawerNavigator();
18+
const Drawer = createDrawerNavigator()
1719

1820
const DrawerNavigator = () => {
1921
return (
2022
<Drawer.Navigator>
21-
<Drawer.Screen
22-
name={RouteNames.Avatar}
23-
component={StackNavigatorAvatar}
24-
/>
25-
<Drawer.Screen
26-
name={RouteNames.Button}
27-
component={StackNavigatorButton}
28-
/>
23+
<Drawer.Screen name={RouteNames.Avatar} component={StackNavigatorAvatar} />
24+
<Drawer.Screen name={RouteNames.Badge} component={StackNavigatorBadge} />
25+
<Drawer.Screen name={RouteNames.Button} component={StackNavigatorButton} />
2926
<Drawer.Screen
3027
name={RouteNames.Checkbox}
3128
component={StackNavigatorCheckbox}
3229
/>
33-
<Drawer.Screen
34-
name={RouteNames.Divider}
35-
component={StackNavigatorDivider}
36-
/>
30+
<Drawer.Screen name={RouteNames.Divider} component={StackNavigatorDivider} />
3731
<Drawer.Screen name={RouteNames.Icon} component={StackNavigatorIcon} />
3832

3933
<Drawer.Screen
@@ -50,7 +44,8 @@ const DrawerNavigator = () => {
5044
component={StackNavigatorSocialIcon}
5145
/>
5246
<Drawer.Screen name={RouteNames.Title} component={StackNavigatorTitle} />
47+
<Drawer.Screen name={RouteNames.UI} component={StackNavigatorUI} />
5348
</Drawer.Navigator>
54-
);
55-
};
56-
export default DrawerNavigator;
49+
)
50+
}
51+
export default DrawerNavigator

‎example/navigation/StackNavigator/Badge.tsx‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import React from 'react';
2+
import { ScreenBadge } from '../../screens';
3+
import { RouteNames } from '../../utils';
4+
import Base from './Base';
5+
6+
const Stack = Base.Stack;
7+
const Screen = Stack.Screen;
8+
const options = {
9+
cardStyle: {
10+
backgroundColor: 'white'
11+
}
12+
};
13+
14+
export default () => {
15+
return (
16+
<Stack.Navigator screenOptions={Base.ScreenOptionStyle}>
17+
<Screen
18+
name={RouteNames.Badge}
19+
options={{
20+
...options
21+
}}
22+
component={ScreenBadge}
23+
/>
24+
</Stack.Navigator>
25+
);
26+
};

‎example/navigation/StackNavigator/UI.tsx‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import React from 'react';
2+
import { ScreenUI } from '../../screens';
3+
import { RouteNames } from '../../utils';
4+
import Base from './Base';
5+
6+
const Stack = Base.Stack;
7+
const Screen = Stack.Screen;
8+
const options = {
9+
cardStyle: {
10+
backgroundColor: 'white'
11+
}
12+
};
13+
14+
export default () => {
15+
return (
16+
<Stack.Navigator screenOptions={Base.ScreenOptionStyle}>
17+
<Screen
18+
name={RouteNames.UI}
19+
options={{
20+
...options
21+
}}
22+
component={ScreenUI}
23+
/>
24+
</Stack.Navigator>
25+
);
26+
};

‎example/navigation/StackNavigator/index.ts‎

Lines changed: 23 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,25 @@
1-
import StackNavigatorAvatar from './Avatar';
2-
import StackNavigatorButton from './Button';
3-
import StackNavigatorCheckbox from './Checkbox';
4-
import StackNavigatorDivider from './Divider';
5-
import StackNavigatorIcon from './Icon';
6-
import StackNavigatorLabeledButton from './LabeledButton';
7-
import StackNavigatorProgressBar from './ProgressBar';
8-
import StackNavigatorSocialIcon from './SocialIcon';
9-
import StackNavigatorTitle from './Title';
1+
import StackNavigatorAvatar from './Avatar'
2+
import StackNavigatorBadge from './Badge'
3+
import StackNavigatorButton from './Button'
4+
import StackNavigatorCheckbox from './Checkbox'
5+
import StackNavigatorDivider from './Divider'
6+
import StackNavigatorIcon from './Icon'
7+
import StackNavigatorLabeledButton from './LabeledButton'
8+
import StackNavigatorProgressBar from './ProgressBar'
9+
import StackNavigatorSocialIcon from './SocialIcon'
10+
import StackNavigatorTitle from './Title'
11+
import StackNavigatorUI from './UI'
1012

1113
export {
12-
StackNavigatorButton,
13-
StackNavigatorLabeledButton,
14-
StackNavigatorIcon,
15-
StackNavigatorDivider,
16-
StackNavigatorTitle,
17-
StackNavigatorProgressBar,
18-
StackNavigatorAvatar,
19-
StackNavigatorCheckbox,
20-
StackNavigatorSocialIcon,
21-
};
14+
StackNavigatorButton,
15+
StackNavigatorLabeledButton,
16+
StackNavigatorIcon,
17+
StackNavigatorDivider,
18+
StackNavigatorTitle,
19+
StackNavigatorProgressBar,
20+
StackNavigatorAvatar,
21+
StackNavigatorCheckbox,
22+
StackNavigatorSocialIcon,
23+
StackNavigatorBadge,
24+
StackNavigatorUI
25+
}

‎example/package.json‎

Lines changed: 52 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,54 @@
11
{
2-
"name": "test_project",
3-
"version": "0.0.1",
4-
"private": true,
5-
"scripts": {
6-
"android": "react-native run-android",
7-
"ios": "react-native run-ios",
8-
"start": "react-native start --reset-cache --verbose",
9-
"test": "jest",
10-
"lint": "eslint . --ext .js,.jsx,.ts,.tsx"
11-
},
12-
"dependencies": {
13-
"@muratoner/semantic-ui-react-native": "^1.0.22",
14-
"@react-native-community/masked-view": "^0.1.10",
15-
"@react-navigation/bottom-tabs": "^5.11.2",
16-
"@react-navigation/drawer": "^5.11.4",
17-
"@react-navigation/native": "^5.8.10",
18-
"@react-navigation/stack": "^5.12.8",
19-
"react": "16.13.1",
20-
"react-native": "0.63.3",
21-
"react-native-gesture-handler": "^1.9.0",
22-
"react-native-reanimated": "^1.13.2",
23-
"react-native-safe-area-context": "^3.1.9",
24-
"react-native-screens": "^2.16.1",
25-
"react-native-spacing-system": "^1.2.0-rc.0",
26-
"react-native-vector-icons": "^7.1.0"
27-
},
28-
"devDependencies": {
29-
"@babel/core": "^7.8.4",
30-
"@babel/runtime": "^7.8.4",
31-
"@react-native-community/eslint-config": "^1.1.0",
32-
"@types/jest": "^25.2.3",
33-
"@types/react-native": "^0.63.2",
34-
"@types/react-test-renderer": "^16.9.2",
35-
"@typescript-eslint/eslint-plugin": "^2.27.0",
36-
"@typescript-eslint/parser": "^2.27.0",
37-
"babel-jest": "^25.1.0",
38-
"eslint": "^6.5.1",
39-
"jest": "^25.1.0",
40-
"metro-react-native-babel-preset": "^0.59.0",
41-
"react-test-renderer": "16.13.1",
42-
"typescript": "^3.8.3"
43-
},
44-
"jest": {
45-
"preset": "react-native",
46-
"moduleFileExtensions": [
47-
"ts",
48-
"tsx",
49-
"js",
50-
"jsx",
51-
"json",
52-
"node"
53-
]
54-
}
2+
"name": "test_project",
3+
"version": "0.0.1",
4+
"private": true,
5+
"scripts": {
6+
"android": "react-native run-android",
7+
"ios": "react-native run-ios",
8+
"start": "react-native start --reset-cache --verbose",
9+
"test": "jest",
10+
"lint": "eslint . --ext .js,.jsx,.ts,.tsx"
11+
},
12+
"dependencies": {
13+
"@muratoner/semantic-ui-react-native": "^1.0.22",
14+
"@react-native-community/masked-view": "^0.1.10",
15+
"@react-navigation/bottom-tabs": "^5.11.2",
16+
"@react-navigation/drawer": "^5.11.4",
17+
"@react-navigation/native": "^5.8.10",
18+
"@react-navigation/stack": "^5.12.8",
19+
"react": "16.13.1",
20+
"react-native": "0.63.3",
21+
"react-native-gesture-handler": "^1.9.0",
22+
"react-native-reanimated": "^1.13.2",
23+
"react-native-safe-area-context": "^3.1.9",
24+
"react-native-screens": "^2.16.1",
25+
"react-native-vector-icons": "^7.1.0"
26+
},
27+
"devDependencies": {
28+
"@babel/core": "^7.8.4",
29+
"@babel/runtime": "^7.8.4",
30+
"@react-native-community/eslint-config": "^1.1.0",
31+
"@types/jest": "^25.2.3",
32+
"@types/react-native": "^0.63.2",
33+
"@types/react-test-renderer": "^16.9.2",
34+
"@typescript-eslint/eslint-plugin": "^2.27.0",
35+
"@typescript-eslint/parser": "^2.27.0",
36+
"babel-jest": "^25.1.0",
37+
"eslint": "^6.5.1",
38+
"jest": "^25.1.0",
39+
"metro-react-native-babel-preset": "^0.59.0",
40+
"react-test-renderer": "16.13.1",
41+
"typescript": "^3.8.3"
42+
},
43+
"jest": {
44+
"preset": "react-native",
45+
"moduleFileExtensions": [
46+
"ts",
47+
"tsx",
48+
"js",
49+
"jsx",
50+
"json",
51+
"node"
52+
]
53+
}
5554
}

0 commit comments

Comments
 (0)