feat: ts migration of all the tools

- rollup config
- jest config
- commitlint config

- updated jest snapshots

commitlint.config.ts

@@ -0,0 +1,11 @@
+import type { UserConfig } from '@commitlint/types'
+
+const Configuration: UserConfig = {
+  /*
+   * Resolve and load @commitlint/config-conventional from node_modules.
+   * Referenced packages must be installed
+   */
+  extends: ['@commitlint/config-conventional']
+}
+
+module.exports = Configuration

jest.config.ts

@@ -0,0 +1,34 @@
+import type { Config } from '@jest/types'
+
+const config: Config.InitialOptions = {
+  verbose: true,
+  preset: 'ts-jest',
+  roots: ['<rootDir>/src'],
+  testMatch: [
+    '**/__tests__/**/*.+(ts|tsx|js)',
+    '**/?(*.)+(spec|test).+(ts|tsx|js)'
+  ],
+  transform: {
+    '^.+\\.(ts|tsx)$': 'ts-jest'
+  },
+  transformIgnorePatterns: ['<rootDir>/node_modules/'],
+  setupFilesAfterEnv: ['<rootDir>/setupTests.ts'],
+  testEnvironment: 'jest-environment-jsdom'
+}
+
+export default config
+
+// module.exports = {
+//   preset: 'ts-jest',
+//   roots: ['<rootDir>/src'],
+//   testMatch: [
+//     '**/__tests__/**/*.+(ts|tsx|js)',
+//     '**/?(*.)+(spec|test).+(ts|tsx|js)'
+//   ],
+//   transform: {
+//     '^.+\\.(ts|tsx)$': 'ts-jest'
+//   },
+//   transformIgnorePatterns: ['<rootDir>/node_modules/'],
+//   setupFilesAfterEnv: ['<rootDir>/setupTests.ts'],
+//   testEnvironment: 'jest-environment-jsdom'
+// }

package.json

@@ -14,7 +14,7 @@
     "dist/"
   ],
   "scripts": {
-    "build": "package-check && rollup -c ",
+    "build": "package-check && rollup --config rollup.config.ts --configPlugin typescript",
     "test": "jest",
     "tsc": "tsc",
     "prepare": "husky install"
@@ -40,27 +40,29 @@
     "@babel/preset-react": "^7.0.0",
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
+    "@commitlint/types": "^17.4.4",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-node-resolve": "^13.0.5",
     "@rollup/plugin-typescript": "^8.3.4",
     "@skypack/package-check": "^0.2.2",
     "@testing-library/react": "12.1.5",
-    "@types/jest": "^28.1.6",
+    "@types/jest": "^29.5.3",
     "@types/node": "^18.6.3",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
     "@types/react-test-renderer": "^18.0.0",
     "babel-jest": "^28.1.3",
     "husky": "^8.0.0",
-    "jest": "^28.1.3",
+    "jest": "^29.6.2",
     "jest-environment-jsdom": "^28.1.3",
     "react": "^16.5.2",
     "react-dom": "^16.5.2",
     "react-test-renderer": "^16.5.2",
     "rollup": "^2.57.0",
     "rollup-plugin-filesize": "^9.1.2",
     "rollup-plugin-terser": "^7.0.2",
-    "ts-jest": "^28.0.7",
+    "ts-jest": "^29.1.1",
+    "ts-node": "^10.9.1",
     "tslib": "^2.4.0",
     "typescript": "^4.7.4"
   },

src/__snapshots__/index.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`ScrollInto renders with children 1`] = `
 <div
   className=""
   onClick={[Function]}
-  style={Object {}}
+  style={{}}
 >
   <div>
     Some child content
@@ -16,7 +16,7 @@ exports[`ScrollInto renders with custom className 1`] = `
 <div
   className="custom-class"
   onClick={[Function]}
-  style={Object {}}
+  style={{}}
 >
   <div>
     Some child content
@@ -29,7 +29,7 @@ exports[`ScrollInto renders with custom styles 1`] = `
   className=""
   onClick={[Function]}
   style={
-    Object {
+    {
       "display": "inline",
     }
   }
@@ -45,7 +45,7 @@ exports[`ScrollInto renders with custom styles and className 1`] = `
   className="pinky"
   onClick={[Function]}
   style={
-    Object {
+    {
       "color": "red",
       "display": "inline",
     }