chore(imports): update the imports declarations of type annotations a…

…nd declarations to `import type` (#606)

examples/mega-form/src/App.tsx

@@ -1,5 +1,6 @@
 import { useCallback, useMemo } from 'react'
-import { PrimitiveAtom, Provider, atom, useAtom } from 'jotai'
+import { Provider, atom, useAtom } from 'jotai'
+import type { PrimitiveAtom } from 'jotai'
 import { focusAtom } from 'jotai/optics'
 import { useAtomCallback } from 'jotai/utils'
 import initialValue from './initialValue'

examples/mega-form/src/useAtomSlice.ts

@@ -1,5 +1,6 @@
 import { useMemo } from 'react'
-import { PrimitiveAtom, useAtom } from 'jotai'
+import { useAtom } from 'jotai'
+import type { PrimitiveAtom } from 'jotai'
 import { splitAtom } from 'jotai/utils'
 
 const useAtomSlice = <Item>(arrAtom: PrimitiveAtom<Item[]>) => {

examples/todos/src/App.tsx

@@ -1,8 +1,9 @@
-import { FormEvent } from 'react'
+import type { FormEvent } from 'react'
 import { CloseOutlined } from '@ant-design/icons'
 import { a, useTransition } from '@react-spring/web'
 import { Radio } from 'antd'
-import { PrimitiveAtom, Provider, atom, useAtom } from 'jotai'
+import { Provider, atom, useAtom } from 'jotai'
+import type { PrimitiveAtom } from 'jotai'
 import { useUpdateAtom } from 'jotai/utils'
 
 type Todo = {

examples/todos_with_atomFamily/src/App.tsx

@@ -1,4 +1,4 @@
-import { FormEvent } from 'react'
+import type { FormEvent } from 'react'
 import { CloseOutlined } from '@ant-design/icons'
 import { a, useTransition } from '@react-spring/web'
 import { Radio } from 'antd'

src/core/Provider.ts

@@ -1,4 +1,5 @@
-import { PropsWithChildren, createElement, useDebugValue, useRef } from 'react'
+import { createElement, useDebugValue, useRef } from 'react'
+import type { PropsWithChildren } from 'react'
 import type { Atom, Scope } from './atom'
 import { createStore, getStoreContext, isDevStore } from './contexts'
 import type { StoreForDevelopment } from './contexts'

src/devtools/useAtomDevtools.ts

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from 'react'
-import { WritableAtom, useAtom } from 'jotai'
+import { useAtom } from 'jotai'
+import type { WritableAtom } from 'jotai'
 
 type Config = {
   instanceID?: number

src/immer/atomWithImmer.ts

@@ -1,6 +1,8 @@
 /* eslint-disable import/named */
-import { Draft, produce } from 'immer'
-import { WritableAtom, atom } from 'jotai'
+import { produce } from 'immer'
+import type { Draft } from 'immer'
+import { atom } from 'jotai'
+import type { WritableAtom } from 'jotai'
 
 export function atomWithImmer<Value>(
   initialValue: Value

src/immer/useImmerAtom.ts

@@ -1,7 +1,9 @@
 /* eslint-disable import/named */
 import { useCallback } from 'react'
-import { Draft, produce } from 'immer'
-import { WritableAtom, useAtom } from 'jotai'
+import { produce } from 'immer'
+import type { Draft } from 'immer'
+import { useAtom } from 'jotai'
+import type { WritableAtom } from 'jotai'
 
 export function useImmerAtom<Value>(
   anAtom: WritableAtom<Value, (draft: Draft<Value>) => void>

src/immer/withImmer.ts

@@ -1,6 +1,8 @@
 /* eslint-disable import/named */
-import { Draft, produce } from 'immer'
-import { PrimitiveAtom, WritableAtom, atom } from 'jotai'
+import { produce } from 'immer'
+import type { Draft } from 'immer'
+import { atom } from 'jotai'
+import type { PrimitiveAtom, WritableAtom } from 'jotai'
 import { getWeakCacheItem, setWeakCacheItem } from '../utils/weakCache'
 
 const withImmerCache = new WeakMap()

src/optics/focusAtom.ts

@@ -1,11 +1,8 @@
 import * as O from 'optics-ts'
 import { atom } from 'jotai'
 import type { SetStateAction, WritableAtom } from 'jotai'
-import {
-  WeakCache,
-  getWeakCacheItem,
-  setWeakCacheItem,
-} from '../utils/weakCache'
+import { getWeakCacheItem, setWeakCacheItem } from '../utils/weakCache'
+import type { WeakCache } from '../utils/weakCache'
 
 const focusAtomCache: WeakCache<WritableAtom<any, any>> = new WeakMap()
 

src/query/atomWithInfiniteQuery.ts

@@ -1,12 +1,11 @@
-import {
+import { InfiniteQueryObserver, isCancelledError } from 'react-query'
+import type {
   InfiniteData,
-  InfiniteQueryObserver,
   InfiniteQueryObserverOptions,
   InitialDataFunction,
   QueryClient,
   QueryKey,
   QueryObserverResult,
-  isCancelledError,
 } from 'react-query'
 import { atom } from 'jotai'
 import type { Getter, WritableAtom } from 'jotai'

src/query/atomWithQuery.ts

@@ -1,8 +1,8 @@
-import {
+import { QueryObserver } from 'react-query'
+import type {
   InitialDataFunction,
   QueryClient,
   QueryKey,
-  QueryObserver,
   QueryObserverOptions,
   QueryObserverResult,
 } from 'react-query'

src/urql/atomWithMutation.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   Client,
   OperationContext,
   OperationResult,

src/urql/atomWithQuery.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   Client,
   OperationContext,
   OperationResult,

src/urql/atomWithSubscription.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   Client,
   OperationContext,
   OperationResult,

src/utils/atomFamily.ts

@@ -1,4 +1,4 @@
-import { Atom, WritableAtom } from 'jotai'
+import type { Atom, WritableAtom } from 'jotai'
 
 type ShouldRemove<Param> = (createdAt: number, param: Param) => boolean
 

src/utils/atomWithReducer.ts

@@ -1,4 +1,5 @@
-import { WritableAtom, atom } from 'jotai'
+import { atom } from 'jotai'
+import type { WritableAtom } from 'jotai'
 
 export function atomWithReducer<Value, Action>(
   initialValue: Value,

src/utils/selectAtom.ts

@@ -1,4 +1,5 @@
-import { Atom, atom } from 'jotai'
+import { atom } from 'jotai'
+import type { Atom } from 'jotai'
 import { getWeakCacheItem, setWeakCacheItem } from './weakCache'
 
 const selectAtomCache = new WeakMap()

src/utils/useAtomValue.ts

@@ -1,4 +1,5 @@
-import { Atom, useAtom } from 'jotai'
+import { useAtom } from 'jotai'
+import type { Atom } from 'jotai'
 
 export function useAtomValue<Value>(anAtom: Atom<Value>) {
   return useAtom(anAtom)[0]

src/utils/useReducerAtom.ts

@@ -1,5 +1,6 @@
 import { useCallback } from 'react'
-import { PrimitiveAtom, useAtom } from 'jotai'
+import { useAtom } from 'jotai'
+import type { PrimitiveAtom } from 'jotai'
 
 /* this doesn't seem to work as expected in TS4.1
 export function useReducerAtom<Value, Action>(

src/xstate/atomWithMachine.ts

@@ -1,12 +1,12 @@
-import {
+import { interpret } from 'xstate'
+import type {
   EventObject,
   Interpreter,
   InterpreterOptions,
   MachineOptions,
   State,
   StateMachine,
   Typestate,
-  interpret,
 } from 'xstate'
 import { atom } from 'jotai'
 import type { Atom, Getter } from 'jotai'

tests/async.test.tsx

@@ -1,6 +1,7 @@
 import { StrictMode, Suspense, useEffect, useRef } from 'react'
 import { fireEvent, render, waitFor } from '@testing-library/react'
-import { Atom, atom, useAtom } from '../src/index'
+import { atom, useAtom } from 'jotai'
+import type { Atom } from 'jotai'
 import { getTestProvider } from './testUtils'
 
 const Provider = getTestProvider()

tests/basic.test.tsx

@@ -7,7 +7,8 @@ import {
   useState,
 } from 'react'
 import { fireEvent, render, waitFor } from '@testing-library/react'
-import { WritableAtom, atom, useAtom } from '../src/index'
+import type { WritableAtom } from 'jotai'
+import { atom, useAtom } from '../src/index'
 import { getTestProvider } from './testUtils'
 
 const Provider = getTestProvider()

tests/items.test.tsx

@@ -1,5 +1,6 @@
 import { fireEvent, render, waitFor } from '@testing-library/react'
-import { PrimitiveAtom, atom, useAtom } from '../src/index'
+import type { PrimitiveAtom } from 'jotai'
+import { atom, useAtom } from '../src/index'
 import { getTestProvider } from './testUtils'
 
 const Provider = getTestProvider()

tests/types.test.tsx

@@ -1,6 +1,7 @@
 import { expectType } from 'ts-expect'
-import { SetAtom } from '../src/core/atom'
-import { Atom, PrimitiveAtom, WritableAtom, atom, useAtom } from '../src/index'
+import { atom, useAtom } from 'jotai'
+import type { Atom, PrimitiveAtom, WritableAtom } from 'jotai'
+import type { SetAtom } from '../src/core/atom'
 
 it('atom() should return the correct types', () => {
   function Component() {

tests/urql/atomWithMutation.test.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from 'react'
 import { fireEvent, render } from '@testing-library/react'
-import { Client } from '@urql/core'
+import type { Client } from '@urql/core'
 import { delay, fromValue, pipe, take, toPromise } from 'wonka'
 import { atom, useAtom } from '../../src/'
 import { atomWithMutation } from '../../src/urql'

tests/urql/atomWithQuery.test.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from 'react'
 import { fireEvent, render } from '@testing-library/react'
-import { Client } from '@urql/core'
+import type { Client } from '@urql/core'
 import { interval, map, pipe, take, toPromise } from 'wonka'
 import { atom, useAtom } from '../../src/'
 import { atomWithQuery } from '../../src/urql'

tests/urql/atomWithSubscription.test.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from 'react'
 import { render } from '@testing-library/react'
-import { Client, TypedDocumentNode } from '@urql/core'
+import type { Client, TypedDocumentNode } from '@urql/core'
 import { interval, map, pipe, take, toPromise } from 'wonka'
 import { useAtom } from '../../src/'
 import { atomWithSubscription } from '../../src/urql'

tests/utils/splitAtom.test.tsx

@@ -1,4 +1,5 @@
-import { ChangeEvent, useEffect, useRef } from 'react'
+import { useEffect, useRef } from 'react'
+import type { ChangeEvent } from 'react'
 import { fireEvent, render, waitFor } from '@testing-library/react'
 import { atom, useAtom } from 'jotai'
 import type { Atom, PrimitiveAtom } from 'jotai'

tests/utils/useUpdateAtom.test.tsx

@@ -1,4 +1,5 @@
-import { PropsWithChildren, StrictMode, useEffect, useRef } from 'react'
+import { StrictMode, useEffect, useRef } from 'react'
+import type { PropsWithChildren } from 'react'
 import { fireEvent, render, waitFor } from '@testing-library/react'
 import { atom, useAtom } from '../../src/index'
 import { useUpdateAtom } from '../../src/utils'

tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "es2019",
     "strict": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "moduleResolution": "node",