@sanity/ui 0.38.2 → 0.38.3-next.10

package/src/utils/portal/portal.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-import {vi} from 'vitest'
 import {render} from '../../../test'
 import {PortalContext} from './portalContext'
 import {PortalContextValue} from './types'
@@ -8,7 +6,7 @@ import {usePortal} from './usePortal'
 describe('utils/portal', () => {
   describe('usePortal', () => {
     it('should get context value', async () => {
-      const log = vi.fn()
+      const log = jest.fn()
 
       function Debug() {
         const rootPortal = usePortal()
@@ -40,7 +38,7 @@ describe('utils/portal', () => {
     })
 
     it('should fail when no context value is provided', async () => {
-      const log = vi.fn()
+      const log = jest.fn()
 
       function Debug() {
         try {
@@ -68,7 +66,7 @@ describe('utils/portal', () => {
     })
 
     it('should fail when context value is not compatible', async () => {
-      const log = vi.fn()
+      const log = jest.fn()
 
       function Debug() {
         try {

package/src/utils/portal/portal.ts

@@ -1,5 +1,4 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
+import {createPortal} from 'react-dom'
 import {usePortal} from './usePortal'
 
 /**
@@ -26,5 +25,5 @@ export function Portal(props: PortalProps): React.ReactPortal | null {
     return null
   }
 
-  return ReactDOM.createPortal(children, portalElement)
+  return createPortal(children, portalElement)
 }

package/src/utils/portal/portalProvider.tsx

@@ -1,4 +1,4 @@
-import React, {useMemo} from 'react'
+import {useMemo} from 'react'
 import {useUnique} from '../../hooks/_internal'
 import {PortalContext} from './portalContext'
 import {PortalContextValue} from './types'

package/src/utils/srOnly/srOnly.tsx

@@ -1,4 +1,4 @@
-import React, {forwardRef} from 'react'
+import {forwardRef} from 'react'
 import styled from 'styled-components'
 
 /**

package/src/utils/virtualList/__workshop__/changingProps.tsx

@@ -1,5 +1,5 @@
 import {Box, Card, Text, VirtualList} from '@sanity/ui'
-import React, {useCallback, useState} from 'react'
+import {useCallback, useState} from 'react'
 
 const data = Array.from(new Array(1000)).map((_, key) => ({key}))
 

package/src/utils/virtualList/__workshop__/elementScroll.tsx

@@ -1,5 +1,5 @@
 import {Box, Card, Container, Text, VirtualList} from '@sanity/ui'
-import React, {useCallback} from 'react'
+import {useCallback} from 'react'
 
 const data = Array.from(new Array(1000)).map((_, key) => ({key}))
 

package/src/utils/virtualList/__workshop__/infiniteList.tsx

@@ -1,5 +1,5 @@
 import {Box, Card, Text, VirtualList, VirtualListChangeOpts} from '@sanity/ui'
-import React, {useCallback, useRef, useState} from 'react'
+import {useCallback, useRef, useState} from 'react'
 
 interface Item {
   key: string

package/src/utils/virtualList/__workshop__/windowScrolll.tsx

@@ -1,5 +1,5 @@
 import {Box, Card, Container, Text, VirtualList} from '@sanity/ui'
-import React, {useCallback} from 'react'
+import {useCallback} from 'react'
 
 const data = Array.from(new Array(1000)).map((_, key) => ({key}))
 

package/src/utils/virtualList/virtualList.tsx

@@ -1,4 +1,4 @@
-import React, {forwardRef, useEffect, useMemo, useRef, useState} from 'react'
+import {forwardRef, useEffect, useMemo, useRef, useState} from 'react'
 import styled from 'styled-components'
 import {_isScrollable} from '../../helpers'
 import {useForwardedRef} from '../../hooks'