Release 2.2.0

Resolve #49 #48

Author: hyochan

.github/workflows/ci.yml

@@ -22,9 +22,6 @@ jobs:
     - name: Build typescript
       run: yarn build
 
-    - name: Remove dist (to test `tsx`)
-      run: rm -rf ./lib
-
     - name: Test
       run: yarn test --coverage
 

CHANGELOG.md

@@ -1,3 +1,8 @@
+[2.2.0]
+Fix typescript not being exposed during deploy. [#49](https://github.com/hyochan/react-native-switch-toggle/issues/49)
+
+Fix transition `inputRange` start from `0` [#48](https://github.com/hyochan/react-native-switch-toggle/issues/48).
+
 [2.0.1]
 Update readme.
 

__tests__/__snapshots__/SwitchToggle.test.tsx.snap

@@ -40,7 +40,7 @@ exports[`[SwitchToggle] Accessibility should render AccessibilityHint 1`] = `
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "transform": Array [
             Object {
               "translateX": 10,
@@ -113,7 +113,7 @@ exports[`[SwitchToggle] Accessibility should render AccessibilityLabel 1`] = `
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "transform": Array [
             Object {
               "translateX": 10,
@@ -186,7 +186,7 @@ exports[`[SwitchToggle] Accessibility should render AccessibilityRole 1`] = `
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "transform": Array [
             Object {
               "translateX": 10,
@@ -259,7 +259,7 @@ exports[`[SwitchToggle] Accessibility should render AccessibilityState 1`] = `
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "transform": Array [
             Object {
               "translateX": 10,
@@ -332,7 +332,7 @@ exports[`[SwitchToggle] Accessibility should render AccessibilityValue 1`] = `
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "transform": Array [
             Object {
               "translateX": 10,
@@ -402,7 +402,7 @@ exports[`[SwitchToggle] Rendering should render \`containerStyle\` and \`circleW
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "transform": Array [
             Object {
               "translateX": 80,
@@ -472,7 +472,7 @@ exports[`[SwitchToggle] Rendering should render \`containerStyle\` and \`circleW
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "transform": Array [
             Object {
               "translateX": "NaN[object Object]",
@@ -541,7 +541,7 @@ exports[`[SwitchToggle] Rendering should render \`containerStyle\` and \`contain
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "borderRadius": 16,
           "height": 32,
           "transform": Array [
@@ -616,7 +616,7 @@ exports[`[SwitchToggle] Rendering should render RTL 1`] = `
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "transform": Array [
             Object {
               "translateX": 10,
@@ -689,7 +689,7 @@ exports[`[SwitchToggle] Rendering should render type === 0 1`] = `
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "borderRadius": 16,
           "height": 32,
           "transform": Array [
@@ -764,7 +764,7 @@ exports[`[SwitchToggle] Rendering should render when \`containerStyle\` is not d
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "transform": Array [
             Object {
               "translateX": 10,
@@ -837,7 +837,7 @@ exports[`[SwitchToggle] Rendering should render without crashing 1`] = `
     <View
       style={
         Object {
-          "backgroundColor": "rgba(-37, -37, -37, 1)",
+          "backgroundColor": "rgba(109, 109, 109, 1)",
           "borderRadius": 16,
           "height": 32,
           "transform": Array [

index.tsx

@@ -153,7 +153,7 @@ function SwitchToggle(props: Props): React.ReactElement {
             props.circleStyle,
             {
               backgroundColor: animXValue.interpolate({
-                inputRange: [0.5, 1],
+                inputRange: [0, 1],
                 outputRange: [
                   circleColorOff as string | number,
                   circleColorOn as string | number,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-switch-toggle",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "Highly customizable animating react native switch toggle component.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",