dev: fix leftover typescript migration issues (#1691)

* dev: fix leftover typescript migration issues

* update tsconfigs

* replace docusaurus rootdir

* fix jest ts errors

Author: silviuaavram

docusaurus.config.js

@@ -29,6 +29,12 @@ const config = {
       ({
         docs: false,
         blog: false,
+        theme: {
+          customCss: [
+            require.resolve('./docusaurus/pages/shared.css'),
+            require.resolve('./docusaurus/pages/useTagGroupCombobox.css'),
+          ],
+        },
         pages: {
           path: 'docusaurus/pages',
           include: ['**/*.{js,jsx,tsx}'],
@@ -42,6 +48,7 @@ const config = {
       name: 'configure-webpack-target',
       configureWebpack(webpackConfig, isServer) {
         webpackConfig.target = isServer ? 'node' : 'web'
+        return {devtool: 'source-map'}
       },
     }),
     require.resolve('./docusaurus/plugins/webpack5polyfills.js'),

docusaurus/pages/combobox.tsx

@@ -3,7 +3,6 @@ import * as React from 'react'
 import Downshift from '../../src'
 import {type ControllerStateAndHelpers} from '../../src/downshift.types'
 import {colors} from '../utils'
-import './shared.css'
 
 export default function ComboBox() {
   return (

docusaurus/pages/useCombobox.tsx

@@ -2,7 +2,6 @@ import * as React from 'react'
 
 import {useCombobox} from '../../src'
 import {colors} from '../utils'
-import './shared.css'
 
 export default function DropdownCombobox() {
   const [inputItems, setInputItems] = React.useState(colors)

docusaurus/pages/useMultipleCombobox.tsx

@@ -3,7 +3,6 @@ import * as React from 'react'
 import {useCombobox, useMultipleSelection} from '../../src'
 import {type UseMultipleSelectionReturnValue} from '../../src/hooks/useMultipleSelection/index.types'
 import {colors} from '../utils'
-import './shared.css'
 
 const initialSelectedItems = colors.slice(0, 2)
 

docusaurus/pages/useMultipleSelect.tsx

@@ -3,7 +3,6 @@ import * as React from 'react'
 import {useSelect, useMultipleSelection} from '../../src'
 import {type UseMultipleSelectionReturnValue} from '../../src/hooks/useMultipleSelection/index.types'
 import {colors} from '../utils'
-import './shared.css'
 
 const initialSelectedItems = colors.slice(0, 2)
 

docusaurus/pages/useSelect.tsx

@@ -2,7 +2,6 @@ import * as React from 'react'
 
 import {useSelect} from '../../src'
 import {colors} from '../utils'
-import './shared.css'
 
 export default function DropdownSelect() {
   const {

docusaurus/pages/useTagGroup.tsx

@@ -3,7 +3,6 @@ import * as React from 'react'
 import {useTagGroup} from '../../src'
 import {colors} from '../utils'
 
-import './shared.css'
 
 export default function TagGroup() {
   const initialItems = colors.slice(0, 5)

docusaurus/pages/useTagGroupCombobox.tsx

@@ -3,8 +3,6 @@ import * as React from 'react'
 import {useTagGroup, useCombobox} from '../../src'
 import {colors} from '../utils'
 
-import './shared.css'
-import './useTagGroupCombobox.css'
 
 export default function TagGroup() {
   const initialItems = colors.slice(0, 5)

docusaurus/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "noEmit": true
+    "noEmit": true,
+    "rootDir": ".."
   },
   "include": ["./**/*.tsx*", "../typings/**/*.d.ts"]
 }

tsconfig.json

@@ -3,22 +3,20 @@
     "allowJs": true,
     "esModuleInterop": true,
     "jsx": "react",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "strict": true,
     "skipLibCheck": true,
     "resolveJsonModule": true,
     "noUncheckedIndexedAccess": true,
     "module": "ESNext",
     "typeRoots": ["./node_modules/@types", "./node_modules/@testing-library"],
+    "types": ["jest", "jest-dom", "node"],
     "strictNullChecks": true,
+    "rootDir": "src",
     "outDir": "dist",
     "declaration": true,
     "declarationDir": "dist",
-    "emitDeclarationOnly": true,
-    "baseUrl": ".",
-    "paths": {
-      "*": ["*"]
-    }
+    "emitDeclarationOnly": true
   },
   "include": ["src/**/*.ts", "src/**/*.tsx"],
   "exclude": ["dist"]