npm - @sanity/ui - Versions diffs - 0.38.2 → 0.38.3-next.18 - Mend

@sanity/ui 0.38.2 → 0.38.3-next.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (201) hide show

package/src/utils/errorBoundary.tsx CHANGED Viewed

@@ -1,13 +1,13 @@
-import React from 'react'
+import {Component, PropsWithChildren} from 'react'
 import {Code} from '../primitives/code'
 /**
  * DO NOT USE IN PRODUCTION
  * @beta
  */
-export interface ErrorBoundaryProps {
+export type ErrorBoundaryProps = PropsWithChildren<{
   onCatch: (params: {error: Error; info: React.ErrorInfo}) => void
-}
+}>
 /**
  * DO NOT USE IN PRODUCTION
@@ -21,7 +21,7 @@ export interface ErrorBoundaryState {
  * DO NOT USE IN PRODUCTION
  * @beta
  */
-export class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
   state: ErrorBoundaryState = {error: null}
   static getDerivedStateFromError(error: Error): ErrorBoundaryState {

package/src/utils/layer/__workshop__/_debug.tsx CHANGED Viewed

@@ -1,5 +1,4 @@
 import {Code, useLayer} from '@sanity/ui'
-import React from 'react'
 export function LayerDebugInfo() {
   const layer = useLayer()

package/src/utils/layer/__workshop__/multipleRoots.tsx CHANGED Viewed

@@ -1,5 +1,4 @@
 import {Card, Layer, LayerProvider, Stack} from '@sanity/ui'
-import React from 'react'
 import {LayerDebugInfo} from './_debug'
 export default function MultipleRootsStory() {

package/src/utils/layer/__workshop__/plain.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import {CloseIcon} from '@sanity/icons'
 import {Box, Button, Card, Flex, Layer, LayerProvider, Stack, Text} from '@sanity/ui'
-import React, {useCallback, useState} from 'react'
+import {useCallback, useState} from 'react'
 import {LayerDebugInfo} from './_debug'
 export default function PlainStory() {

package/src/utils/layer/__workshop__/responsiveZOffset.tsx CHANGED Viewed

@@ -1,5 +1,4 @@
 import {Card, Layer} from '@sanity/ui'
-import React from 'react'
 import {LayerDebugInfo} from './_debug'
 export default function ResponsiveZOffsetStory() {

package/src/utils/layer/layer.test.tsx CHANGED Viewed

@@ -1,5 +1,3 @@
-import React from 'react'
-import {vi} from 'vitest'
 import {render} from '../../../test'
 import {LayerContext} from './layerContext'
 import {LayerContextValue} from './types'
@@ -8,7 +6,7 @@ import {useLayer} from './useLayer'
 describe('utils/layer', () => {
   describe('useLayer', () => {
     it('should get context value', async () => {
-      const log = vi.fn()
+      const log = jest.fn()
       function Debug() {
         const rootLayer = useLayer()
@@ -44,7 +42,7 @@ describe('utils/layer', () => {
     })
     it('should fail when no context value is provided', async () => {
-      const log = vi.fn()
+      const log = jest.fn()
       function Debug() {
         try {
@@ -72,7 +70,7 @@ describe('utils/layer', () => {
     })
     it('should fail when context value is not compatible', async () => {
-      const log = vi.fn()
+      const log = jest.fn()
       function Debug() {
         try {

package/src/utils/layer/layer.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, {forwardRef} from 'react'
+import {forwardRef} from 'react'
 import styled from 'styled-components'
 import {EMPTY_RECORD} from '../../constants'
 import {LayerProvider} from './layerProvider'

package/src/utils/layer/layerProvider.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, {useCallback, useContext, useEffect, useMemo, useState} from 'react'
+import {useCallback, useContext, useEffect, useMemo, useState} from 'react'
 import {useMediaIndex, useArrayProp} from '../../hooks'
 import {LayerContext} from './layerContext'
 import {LayerContextValue} from './types'

package/src/utils/portal/__workshop__/named.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import {Card, Container, Portal, PortalProvider, Stack, Text} from '@sanity/ui'
-import React, {useState} from 'react'
+import {useState} from 'react'
 export default function NamedStory() {
   const [portal1Element, setPortal1Element] = useState<HTMLDivElement | null>(null)

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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'