react-native-toggle-element
Advanced tools
Comparing version 1.0.1 to 2.0.0
{ | ||
"name": "react-native-toggle-element", | ||
"version": "1.0.1", | ||
"version": "2.0.0", | ||
"description": "Switch toggle component for React Native. You can add title, icon, modify component for toggle button.", | ||
"main": "src/index.js", | ||
"main": "lib/index.js", | ||
"types": "lib/index.d.ts", | ||
"scripts": { | ||
"test": "jest" | ||
"build": "tsc --project ./tsconfig.json", | ||
"test": "jest", | ||
"lint": "tslint --project ./tsconfig.json" | ||
}, | ||
"files": [ | ||
"lib/**/*" | ||
], | ||
"repository": { | ||
@@ -24,5 +30,3 @@ "type": "git", | ||
"dependencies": { | ||
"prop-types": "^15.7.2", | ||
"react-native-testing-library": "^1.13.2", | ||
"react-test-renderer": "^16.13.1" | ||
"prop-types": "^15.7.2" | ||
}, | ||
@@ -32,10 +36,30 @@ "devDependencies": { | ||
"@babel/preset-env": "^7.9.5", | ||
"babel-jest": "^25.5.0", | ||
"jest": "^25.5.0", | ||
"@babel/preset-typescript": "^7.18.6", | ||
"@testing-library/jest-native": "^4.0.5", | ||
"@testing-library/react-native": "^10.1.1", | ||
"@types/jest": "^28.1.6", | ||
"@types/react": "^16.13.1", | ||
"@types/react-native": "^0.69.3", | ||
"@types/react-test-renderer": "^18.0.0", | ||
"jest": "^28.1.3", | ||
"metro-react-native-babel-preset": "^0.71.3", | ||
"react": "^16.13.1", | ||
"react-native": "^0.62.2" | ||
"react-native": "^0.62.2", | ||
"react-test-renderer": "^16.13.1", | ||
"ts-jest": "^28.0.7", | ||
"tslint": "^6.1.3", | ||
"tslint-config-prettier": "^1.18.0", | ||
"tslint-config-standard": "^9.0.0", | ||
"tslint-react": "^5.0.0", | ||
"typescript": "^4.7.4" | ||
}, | ||
"jest": { | ||
"preset": "react-native" | ||
"preset": "react-native", | ||
"setupFilesAfterEnv": [ | ||
"@testing-library/jest-native/extend-expect" | ||
], | ||
"modulePathIgnorePatterns": [ | ||
"<rootDir>/lib/" | ||
] | ||
} | ||
} | ||
} |
@@ -43,3 +43,3 @@ # React-Native-Toggle-Element [](https://circleci.com/gh/mymai91/react-native-toggle-element) | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
leftTitle="On" | ||
@@ -56,3 +56,3 @@ /> | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
leftTitle="Right" | ||
@@ -69,3 +69,3 @@ /> | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
leftTitle="Left" | ||
@@ -83,3 +83,3 @@ rightTitle="Right" | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
leftComponent={ | ||
@@ -98,3 +98,3 @@ <Icon name="credit" width="30" height="30" fill={"#3BD2B5"} /> | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
rightComponent={ | ||
@@ -113,3 +113,3 @@ <Icon name="plus" width="30" height="30" fill={'#3BD2B5'} /> | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
disabled | ||
@@ -132,3 +132,3 @@ leftComponent={ | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
thumbActiveComponent={ | ||
@@ -159,3 +159,3 @@ <Icon name="sun" width="40" height="40" fill={'#3BD2B5'} /> | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
leftTitle="Left" | ||
@@ -175,3 +175,3 @@ rightTitle="Right" | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
leftTitle="Left" | ||
@@ -196,3 +196,3 @@ rightTitle="Right" | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
trackBarStyle={{ | ||
@@ -214,3 +214,3 @@ borderColor: 'green', | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
leftTitle="Left" | ||
@@ -236,3 +236,3 @@ rightTitle="Right" | ||
value={toggleValue} | ||
onToggle={(newState) => setToggleValue(newState)} | ||
onPress={(newState) => setToggleValue(newState)} | ||
leftTitle="Left" | ||
@@ -259,2 +259,3 @@ rightTitle="Right" | ||
- trackBarStyle | ||
- animationDuration | ||
@@ -393,1 +394,9 @@ ## Reference | ||
| View style (object) |none | | ||
`animationDuration` duration of the thumb button animation (optional). | ||
| Type | Default | | ||
| ------------- |:-------------:| | ||
| number |350 | |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
39549
1
18
389
20
409
1
- Removedreact-native-testing-library@^1.13.2
- Removedreact-test-renderer@^16.13.1
- Removed@jest/types@26.6.2(transitive)
- Removed@types/istanbul-lib-coverage@2.0.6(transitive)
- Removed@types/istanbul-lib-report@3.0.3(transitive)
- Removed@types/istanbul-reports@3.0.4(transitive)
- Removed@types/node@22.13.1(transitive)
- Removed@types/yargs@15.0.19(transitive)
- Removed@types/yargs-parser@21.0.3(transitive)
- Removedansi-regex@5.0.1(transitive)
- Removedansi-styles@4.3.0(transitive)
- Removedchalk@4.1.2(transitive)
- Removedcolor-convert@2.0.1(transitive)
- Removedcolor-name@1.1.4(transitive)
- Removedhas-flag@4.0.0(transitive)
- Removedpretty-format@26.6.2(transitive)
- Removedreact@16.14.019.0.0(transitive)
- Removedreact-is@17.0.2(transitive)
- Removedreact-native-testing-library@1.14.0(transitive)
- Removedreact-test-renderer@16.14.0(transitive)
- Removedscheduler@0.19.1(transitive)
- Removedsupports-color@7.2.0(transitive)
- Removedundici-types@6.20.0(transitive)