Use Typescript for package sources implementation

.github/workflows/ReactNativeSlider-CI.yml

@@ -21,7 +21,7 @@ jobs:
           key: ${{ hashFiles('./package/package.json') }}
 
 
-  lint:
+  verify-package-sources:
     name: Lint the sources
     runs-on: ubuntu-latest
     needs: install
@@ -39,6 +39,9 @@ jobs:
       - name: Run ESLint on the sources
         run: cd package && npx eslint src
 
+      - name: Run TypeScript on the sources
+        run: cd package && npx tsc --noEmit
+
 
   test:
     name: Run the unit tests
@@ -59,7 +62,7 @@ jobs:
         run: cd package && npx jest src
 
 
-  verify:
+  verify-example-sources:
     name: Verify example app sources
     runs-on: ubuntu-latest
 
@@ -73,11 +76,13 @@ jobs:
       - name: Run ESLint on the sources
         run: cd example && npx eslint .
 
+      - name: Run TypeScript on the sources
+        run: cd example && npx tsc --noEmit
 
   build-android-app:
     name: Build example app Android
     runs-on: ubuntu-latest
-    needs: [verify]
+    needs: [verify-example-sources]
 
     steps:
       - uses: actions/checkout@v3
@@ -97,7 +102,7 @@ jobs:
   build-iOS-app:
     name: Build example app iOS
     runs-on: macos-latest
-    needs: [verify]
+    needs: [verify-example-sources]
     steps:
       - uses: actions/checkout@v3
 

example/SliderExample.tsx

@@ -174,7 +174,7 @@ export const examples = [
   {
     title: 'Vertical slider',
     platform: 'windows',
-    render(): Element<any> {
+    render() {
       return <SliderExample value={0.6} vertical />;
     },
   },

example/tsconfig.json

@@ -1,5 +1,6 @@
 // prettier-ignore
 {
+  "include": ["./SliderExample.tsx", "./App.tsx", "./index.tsx"],
   "extends": "@tsconfig/react-native/tsconfig.json",     /* Recommended React Native TSConfig base */
   "compilerOptions": {
     /* Visit https://aka.ms/tsconfig.json to read more about this file */

package/babel.config.json

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-typescript", "module:metro-react-native-babel-preset"]
+}