New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-native-toggle-element

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-toggle-element - npm Package Compare versions

Comparing version 1.0.1 to 2.0.0

lib/constants.d.ts

46

package.json
{
"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 [![CircleCI](https://circleci.com/gh/mymai91/react-native-toggle-element.svg?style=svg)](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 |
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc