Merge pull request #1 from troberts-28/release-v1.1.0

Add tests and README, plus various bug fixes

Author: troberts-28

.github/workflows/release.yml

@@ -0,0 +1,24 @@
+name: "🚀 release"
+on:
+ push:
+  branches:
+    - main
+
+jobs:
+  release:
+    name: 🚀 release
+    runs-on: ubuntu-latest
+    steps:
+    - name: checkout
+      uses: actions/checkout@v1
+    - name: Setup Node.js
+      uses: actions/setup-node@v1
+      with:
+        node-version: 16
+        registry-url: https://registry.npmjs.org
+    - name: Install dependencies
+      run: yarn install
+    - name: Release
+      run: npm publish
+      env:
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/unit-test.yml

@@ -0,0 +1,26 @@
+name: "🧪 unit-test"
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  release:
+    name: 🧪 unit-test
+    runs-on: ubuntu-latest
+    steps:
+    - name: checkout
+      uses: actions/checkout@v1
+    - name: Setup Node.js
+      uses: actions/setup-node@v1
+      with:
+        node-version: 16
+        registry-url: https://registry.npmjs.org
+    - name: Install react
+      run: yarn add [email protected]
+    - name: Install react-native
+      run: yarn add [email protected]
+    - name: Install dependencies
+      run: yarn install -D
+    - name: Test
+      run: yarn test

README.md

@@ -0,0 +1,8 @@
+module.exports = {
+    presets: ["module:metro-react-native-babel-preset"],
+    plugins: [
+        ["@babel/plugin-transform-flow-strip-types", { loose: true }],
+        ["@babel/plugin-transform-class-properties", { loose: true }],
+        ["@babel/plugin-transform-private-methods", { loose: true }],
+    ],
+};

babel.config.js

@@ -7,6 +7,7 @@ import {
     TouchableOpacity,
     View,
 } from "react-native";
+import { LinearGradient } from "expo-linear-gradient";
 
 import { TimerPicker, TimerPickerModal } from "./src";
 
@@ -63,7 +64,7 @@ export default function App() {
                     modalTitle="Set Alarm"
                     onCancel={() => setShowPickerExample1(false)}
                     closeOnOverlayPress
-                    disableInfiniteScroll
+                    LinearGradient={LinearGradient}
                     styles={{
                         theme: "dark",
                     }}
@@ -114,13 +115,10 @@ export default function App() {
                     modalTitle="Set Alarm"
                     onCancel={() => setShowPickerExample2(false)}
                     closeOnOverlayPress
-                    disableInfiniteScroll
+                    LinearGradient={LinearGradient}
                     styles={{
                         theme: "light",
                     }}
-                    modalProps={{
-                        overlayOpacity: 0.2,
-                    }}
                 />
             </View>
         );
@@ -134,6 +132,7 @@ export default function App() {
                     hourLabel=":"
                     minuteLabel=":"
                     secondLabel=""
+                    LinearGradient={LinearGradient}
                     styles={{
                         theme: "dark",
                         backgroundColor: "#202020",
@@ -161,6 +160,7 @@ export default function App() {
                     hideHours
                     minuteLabel="min"
                     secondLabel="sec"
+                    LinearGradient={LinearGradient}
                     styles={{
                         theme: "light",
                         pickerItem: {
@@ -194,7 +194,6 @@ export default function App() {
 
 const styles = StyleSheet.create({
     container: {
-        backgroundColor: "#514242",
         alignItems: "center",
         justifyContent: "center",
         width: screenWidth,
@@ -244,7 +243,6 @@ const styles = StyleSheet.create({
     },
     buttonLight: { borderColor: "#8C8C8C", color: "#8C8C8C" },
     buttonContainer: {
-        flexDirection: "row",
         marginTop: 30,
     },
 });

demos/example1.gif

@@ -1,6 +1,6 @@
-module.exports = function(api) {
-  api.cache(true);
-  return {
-    presets: ['babel-preset-expo'],
-  };
+module.exports = function (api) {
+    api.cache(true);
+    return {
+        presets: ["babel-preset-expo"],
+    };
 };