@sanity/ui 2.16.21 → 2.16.23

package/src/core/primitives/tooltip/tooltip.test.tsx

@@ -1,22 +1,25 @@
-/** @jest-environment jsdom */
-import '../../../../test/mocks/resizeObserver.mock'
-import '../../../../test/mocks/matchMedia.mock'
+/** @vitest-environment jsdom */
 
 import {act, fireEvent, screen} from '@testing-library/react'
 
+// oxlint-disable-next-line no-unassigned-import
+import '../../../../test/mocks/resizeObserver.mock'
+// oxlint-disable-next-line no-unassigned-import
+import '../../../../test/mocks/matchMedia.mock'
+import {afterEach, beforeEach, describe, expect, it, vi} from 'vitest'
+
 import {render} from '../../../../test'
 import {Button, Text} from '../../primitives'
 import {Tooltip, TooltipDelayGroupProvider} from '../tooltip'
 
-// Fake timers using Jest
 beforeEach(() => {
-  jest.useFakeTimers()
+  vi.useFakeTimers()
 })
 
-// Running all pending timers and switching to real timers using Jest
+// Run all pending timers and switch back to real timers
 afterEach(() => {
-  jest.runOnlyPendingTimers()
-  jest.useRealTimers()
+  vi.runOnlyPendingTimers()
+  vi.useRealTimers()
 })
 
 describe('Tooltip', () => {
@@ -43,7 +46,7 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
     })
     it('should support delays to show and hide the tooltip.', () => {
-      jest.useFakeTimers()
+      vi.useFakeTimers()
       const delay = 200
 
       render(
@@ -63,10 +66,12 @@ describe('Tooltip', () => {
 
       fireEvent.mouseEnter(button)
 
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
       // Content should not be rendered yet
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
 
       // Validate tooltip content is rendered
       screen.getByText('Tooltip content')
@@ -74,12 +79,13 @@ describe('Tooltip', () => {
       fireEvent.mouseOut(button)
       // Validate tooltip content is still showing.
       screen.getByText('Tooltip content')
-      act(() => jest.advanceTimersByTime(delay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay))
       // Validate tooltip content is not rendered anymore
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
     })
     it('should support different open and close delays to show and hide the tooltip.', () => {
-      jest.useFakeTimers()
+      vi.useFakeTimers()
       const openDelay = 200
       const closeDelay = 150
 
@@ -103,10 +109,12 @@ describe('Tooltip', () => {
 
       fireEvent.mouseEnter(button)
 
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
       // Content should not be rendered yet
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
 
       // Validate tooltip content is rendered
       screen.getByText('Tooltip content')
@@ -114,7 +122,8 @@ describe('Tooltip', () => {
       fireEvent.mouseOut(button)
       // Validate tooltip content is still showing.
       screen.getByText('Tooltip content')
-      act(() => jest.advanceTimersByTime(closeDelay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(closeDelay))
       // Validate tooltip content is not rendered anymore
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
     })
@@ -124,7 +133,7 @@ describe('Tooltip', () => {
     it('should support groups with the same delay to open and close.', () => {
       const delay = 150
 
-      jest.useFakeTimers()
+      vi.useFakeTimers()
       render(
         <TooltipDelayGroupProvider delay={delay}>
           <Tooltip content={<Text size={1}>{'Tooltip 1'}</Text>} placement={'top'} delay={400}>
@@ -149,11 +158,13 @@ describe('Tooltip', () => {
 
       // Hovers on first button, it should show first tooltip only
       fireEvent.mouseEnter(button1)
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
       // Content should not be rendered yet, we have a delay of 150ms
       expect(screen.queryByText('Tooltip 1')).not.toBeInTheDocument()
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
 
       // Validate Tooltip 1 is rendered
       screen.getByText('Tooltip 1')
@@ -164,38 +175,45 @@ describe('Tooltip', () => {
       fireEvent.mouseEnter(button2)
 
       // Validate Tooltip 1 is not rendered, now tooltip 2 is open.
-      act(() => jest.advanceTimersByTime(1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(1))
       expect(screen.queryByText('Tooltip 1')).not.toBeInTheDocument()
       screen.getByText('Tooltip 2')
 
       // Validate tooltip content is not rendered anymore
       fireEvent.mouseOut(button2)
-      act(() => jest.advanceTimersByTime(delay + 1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay + 1))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
 
       // Hovering again, should trigger the tooltip to show immediately, as the group is not deactivated yet
       fireEvent.mouseEnter(button2)
-      act(() => jest.advanceTimersByTime(1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(1))
       screen.getByText('Tooltip 2')
 
       // Validate tooltip content is not rendered anymore
       fireEvent.mouseOut(button2)
-      act(() => jest.advanceTimersByTime(delay + 1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay + 1))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
 
       // Wait 200ms, the group is deactivated, hovering again should trigger the delay
-      act(() => jest.advanceTimersByTime(200))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(200))
       fireEvent.mouseEnter(button2)
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
       screen.getByText('Tooltip 2')
     })
     it('should support groups with different open and close delay.', () => {
       const openDelay = 250
       const closeDelay = 150
 
-      jest.useFakeTimers()
+      vi.useFakeTimers()
       render(
         <TooltipDelayGroupProvider
           delay={{
@@ -225,11 +243,13 @@ describe('Tooltip', () => {
 
       // Hovers on first button, it should show first tooltip only
       fireEvent.mouseEnter(button1)
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
       // Content should not be rendered yet, we have a delay of2150ms
       expect(screen.queryByText('Tooltip 1')).not.toBeInTheDocument()
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
 
       // Validate Tooltip 1 is rendered
       screen.getByText('Tooltip 1')
@@ -240,31 +260,38 @@ describe('Tooltip', () => {
       fireEvent.mouseEnter(button2)
 
       // Validate Tooltip 1 is not rendered, now tooltip 2 is open.
-      act(() => jest.advanceTimersByTime(1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(1))
       expect(screen.queryByText('Tooltip 1')).not.toBeInTheDocument()
       screen.getByText('Tooltip 2')
 
       // Validate tooltip content is not rendered anymore
       fireEvent.mouseOut(button2)
-      act(() => jest.advanceTimersByTime(closeDelay + 1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(closeDelay + 1))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
 
       // Hovering again, should trigger the tooltip to show immediately, as the group is not deactivated yet
       fireEvent.mouseEnter(button2)
-      act(() => jest.advanceTimersByTime(1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(1))
       screen.getByText('Tooltip 2')
 
       // Validate tooltip content is not rendered anymore
       fireEvent.mouseOut(button2)
-      act(() => jest.advanceTimersByTime(closeDelay + 1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(closeDelay + 1))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
 
       // Wait 200ms, the group is deactivated, hovering again should trigger the delay
-      act(() => jest.advanceTimersByTime(200))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(200))
       fireEvent.mouseEnter(button2)
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
       screen.getByText('Tooltip 2')
     })
   })
@@ -273,7 +300,7 @@ describe('Tooltip', () => {
     it('Standalone tooltip closes immediately with Escape key', () => {
       const delay = 150
 
-      jest.useFakeTimers()
+      vi.useFakeTimers()
 
       render(
         <Tooltip
@@ -290,7 +317,8 @@ describe('Tooltip', () => {
       // Validate tooltip content is not rendered
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
       fireEvent.focus(button)
-      act(() => jest.advanceTimersByTime(delay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay))
 
       // Validate tooltip content is rendered
       screen.getByText('Tooltip content')
@@ -304,7 +332,7 @@ describe('Tooltip', () => {
     it('With <TooltipDelayGroupProvider />  closes immediately with Escape key', () => {
       const delay = 150
 
-      jest.useFakeTimers()
+      vi.useFakeTimers()
 
       render(
         <TooltipDelayGroupProvider delay={{close: delay}}>
@@ -324,7 +352,8 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
       fireEvent.focus(button)
 
-      act(() => jest.advanceTimersByTime(delay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay))
 
       // Validate tooltip content is rendered
       screen.getByText('Tooltip content')
@@ -353,11 +382,13 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
       fireEvent.focus(button)
 
-      act(() => jest.advanceTimersByTime(delay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay))
 
       // Assertion: the tooltip is not visible
       expect(screen.queryByText('Tooltip content')).toBeVisible()
 
+      // oxlint-disable-next-line no-floating-promises
       act(() => fireEvent.click(button))
 
       // Assertion: tooltip does not exist in the document
@@ -379,11 +410,13 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
       fireEvent.focus(button)
 
-      act(() => jest.advanceTimersByTime(delay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay))
 
       // Assertion: the tooltip is not visible
       expect(screen.queryByText('Tooltip content')).toBeVisible()
 
+      // oxlint-disable-next-line no-floating-promises
       act(() => fireEvent.contextMenu(button))
 
       // Assertion: tooltip does not exist in the document
@@ -392,12 +425,12 @@ describe('Tooltip', () => {
   })
 
   describe('Used defined events on <Tooltip /> child should fire correctly', () => {
-    const handleBlur = jest.fn()
-    const handleClick = jest.fn()
-    const handleContextMenu = jest.fn()
-    const handleFocus = jest.fn()
-    const handleMouseEnter = jest.fn()
-    const handleMouseLeave = jest.fn()
+    const handleBlur = vi.fn()
+    const handleClick = vi.fn()
+    const handleContextMenu = vi.fn()
+    const handleFocus = vi.fn()
+    const handleMouseEnter = vi.fn()
+    const handleMouseLeave = vi.fn()
 
     beforeEach(() => {
       render(
@@ -417,7 +450,7 @@ describe('Tooltip', () => {
       )
     })
 
-    afterEach(() => jest.clearAllMocks())
+    afterEach(() => vi.clearAllMocks())
 
     it('should fire the onBlur event', () => {
       fireEvent.blur(screen.getByTestId('btn'))

package/src/core/primitives/tooltip/tooltip.tsx

@@ -9,7 +9,7 @@ import {
   useFloating,
 } from '@floating-ui/react-dom'
 import type {ThemeColorSchemeKey} from '@sanity/ui/theme'
-import {AnimatePresence} from 'framer-motion'
+import {AnimatePresence} from 'motion/react'
 import {
   cloneElement,
   forwardRef,
@@ -156,6 +156,7 @@ export const Tooltip = forwardRef(function Tooltip(
 
     // Place arrow
     if (arrowProp) {
+      // oxlint-disable-next-line react-compiler
       ret.push(arrow({element: arrowRef, padding: DEFAULT_TOOLTIP_PADDING}))
     }
 
@@ -297,6 +298,7 @@ export const Tooltip = forwardRef(function Tooltip(
 
     window.addEventListener('keydown', handleWindowKeyDown)
 
+    // oxlint-disable-next-line consistent-return
     return () => {
       window.removeEventListener('keydown', handleWindowKeyDown)
     }
@@ -312,11 +314,13 @@ export const Tooltip = forwardRef(function Tooltip(
       portalElement?.offsetWidth || document.body.offsetWidth,
     ]
 
+    // oxlint-disable-next-line react-compiler
     setTooltipMaxWidth(Math.min(...availableWidths) - DEFAULT_TOOLTIP_PADDING * 2)
   }, [boundaryElement, portalElement])
 
   const setArrow = useCallback(
     (arrowEl: HTMLDivElement | null) => {
+      // oxlint-disable-next-line react-compiler
       arrowRef.current = arrowEl
       update()
     },
@@ -460,6 +464,7 @@ function useCloseOnMouseLeave({
 
     window.addEventListener('mousemove', handleMouseMove)
 
+    // oxlint-disable-next-line consistent-return
     return () => window.removeEventListener('mousemove', handleMouseMove)
   }, [isInsideGroup, showTooltip])
 }

package/src/core/primitives/tooltip/tooltipCard.tsx

@@ -1,5 +1,5 @@
 import {ThemeColorSchemeKey} from '@sanity/ui/theme'
-import {motion, type MotionProps} from 'framer-motion'
+import {motion, type MotionProps} from 'motion/react'
 import React, {CSSProperties, forwardRef, memo, useMemo} from 'react'
 import {styled} from 'styled-components'
 
@@ -79,6 +79,7 @@ export const TooltipCard = memo(
     return (
       <MotionCard
         data-ui="Tooltip__card"
+        // oxlint-disable-next-line no-unsafe-type-assertion
         {...(restProps as CardProps & MotionProps)}
         data-placement={placement}
         padding={padding}

package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts

@@ -2,7 +2,9 @@
  * @beta
  */
 export interface TooltipDelayGroupContextValue {
+  // oxlint-disable-next-line no-duplicate-type-constituents
   setIsGroupActive: (nextState: React.SetStateAction<boolean>, delay?: number | undefined) => void
+  // oxlint-disable-next-line no-duplicate-type-constituents
   setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void
   openDelay: number
   closeDelay: number

package/src/core/styles/flex/types.ts

@@ -21,5 +21,4 @@ export interface ResponsiveFlexItemStyleProps {
 /**
  * @internal
  */
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface FlexItemStyleProps extends ResponsiveFlexItemStyleProps {}

package/src/core/styles/font/responsiveFont.ts

@@ -17,7 +17,6 @@ export function responsiveFont(
   const {family, sizes, weights} = font[fontKey]
   const fontWeight = ($weight && weights[$weight]) || weights.regular
 
-  // eslint-disable-next-line no-warning-comments
   // @todo: make this configurable
   const defaultSize = sizes[2]
 
@@ -49,12 +48,10 @@ export function responsiveFont(
     },
   }
 
-  // eslint-disable-next-line no-warning-comments
   // @TODO fix the real condition that is causing $size to be undefined sometimes
   if (!$size) {
     // @ts-expect-error: `warned` isn't typed, the underlying issue should be solved rather than typing it
     if (!responsiveFont.warned) {
-      // eslint-disable-next-line no-console
       console.warn('No size specified for responsive font', {fontKey, $size, props, base})
       // @ts-expect-error: `warned` isn't typed, the underlying issue should be solved rather than typing it
       responsiveFont.warned = true

package/src/core/styles/font/types.ts

@@ -27,9 +27,7 @@ export interface ResponsiveTextAlignStyleProps {
  * @internal
  */
 export interface ResponsiveFontStyleProps
-  extends FontWeightStyleProps,
-    ResponsiveFontSizeStyleProps,
-    ResponsiveTextAlignStyleProps {
+  extends FontWeightStyleProps, ResponsiveFontSizeStyleProps, ResponsiveTextAlignStyleProps {
   $accent?: boolean
   $muted?: boolean
 }

package/src/core/styles/grid/gridStyle.ts

@@ -87,6 +87,7 @@ function responsiveGridGapStyle(props: ResponsiveGridStyleProps & ThemeProps) {
   const {media, space} = getTheme_v2(props.theme)
 
   return _responsive(media, props.$gap, (gap) => ({
+    // oxlint-disable-next-line no-deprecated
     gridGap: gap ? rem(space[gap]) : undefined,
   }))
 }

package/src/core/styles/margin/marginStyle.ts

@@ -9,6 +9,7 @@ export function responsiveMarginStyle(
 ): CSSObject[][] {
   const {theme} = props
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return [
     _getResponsiveSpace(theme, ['margin'], props.$margin),
     _getResponsiveSpace(theme, ['marginLeft', 'marginRight'], props.$marginX),

package/src/core/styles/margin/marginsStyle.test.ts

@@ -1,6 +1,7 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
 
 import {buildTheme, getScopedTheme} from '@sanity/ui/theme'
+import {describe, expect, it} from 'vitest'
 
 import {responsiveMarginStyle} from './marginStyle'
 

package/src/core/styles/padding/paddingStyle.test.ts

@@ -1,6 +1,7 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
 
 import {buildTheme, getScopedTheme} from '@sanity/ui/theme'
+import {describe, expect, it} from 'vitest'
 
 import {responsivePaddingStyle} from './paddingStyle'
 

package/src/core/styles/padding/paddingStyle.ts

@@ -9,6 +9,7 @@ export function responsivePaddingStyle(
 ): CSSObject[][] {
   const {theme} = props
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return [
     _getResponsiveSpace(theme, ['padding'], props.$padding),
     _getResponsiveSpace(theme, ['paddingLeft', 'paddingRight'], props.$paddingX),

package/src/core/theme/theme.test.tsx

@@ -1,6 +1,7 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
 
 import {buildTheme} from '@sanity/ui/theme'
+import {describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../test'
 import {ThemeContext} from './themeContext'
@@ -10,7 +11,7 @@ import {useRootTheme} from './useRootTheme'
 describe('theme', () => {
   describe('useRootTheme', () => {
     it('should get context value', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         const rootTheme = useRootTheme()
@@ -22,6 +23,7 @@ describe('theme', () => {
 
       function Root() {
         const value: ThemeContextValue = {
+          // oxlint-disable-next-line no-deprecated
           version: 0.0,
           scheme: 'light',
           theme: buildTheme(),
@@ -29,6 +31,7 @@ describe('theme', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values
           <ThemeContext.Provider value={value}>
             <Debug />
           </ThemeContext.Provider>
@@ -43,7 +46,7 @@ describe('theme', () => {
     })
 
     it('should fail when no context value is provided', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         try {
@@ -59,6 +62,7 @@ describe('theme', () => {
         const value = undefined
 
         return (
+          // oxlint-disable-next-line no-unsafe-type-assertion
           <ThemeContext.Provider value={value as any}>
             <Debug />
           </ThemeContext.Provider>

package/src/core/theme/useRootTheme.ts

@@ -13,5 +13,6 @@ export function useRootTheme(): ThemeContextValue {
     throw new Error('useRootTheme(): missing context value')
   }
 
+  // oxlint-disable-next-line no-unnecessary-type-assertion, no-unsafe-type-assertion
   return value as unknown as ThemeContextValue
 }

package/src/core/theme/useTheme.ts

@@ -5,6 +5,7 @@ import {useTheme as useStyledTheme} from 'styled-components'
  * @public
  */
 export function useTheme(): Theme {
+  // oxlint-disable-next-line no-unnecessary-type-assertion
   return useStyledTheme() as Theme
 }
 
@@ -12,5 +13,6 @@ export function useTheme(): Theme {
  * @public
  */
 export function useTheme_v2(): Theme_v2 {
+  // oxlint-disable-next-line no-unnecessary-type-assertion
   return getTheme_v2(useStyledTheme() as Theme)
 }

package/src/core/utils/arrow/arrow.tsx

@@ -105,6 +105,7 @@ export const Arrow = forwardRef(function Arrow(
   const cmds = getRoundedCommands(points)
   const path = compileCommands(cmds)
 
+  // oxlint-disable-next-line no-unnecessary-template-expression
   const strokePath = `${path}`
   const fillPath = `${path} M ${w} -1 M 0 -1 Z`
 

package/src/core/utils/boundaryElement/boundaryElement.test.tsx

@@ -1,4 +1,6 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
+
+import {describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {BoundaryElementContext} from './boundaryElementContext'
@@ -8,7 +10,7 @@ import {useBoundaryElement} from './useBoundaryElement'
 describe('utils/boundaryElement', () => {
   describe('useBoundaryElement', () => {
     it('should get context value', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         const rootBoundaryElement = useBoundaryElement()
@@ -25,6 +27,7 @@ describe('utils/boundaryElement', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values
           <BoundaryElementContext.Provider value={value}>
             <Debug />
           </BoundaryElementContext.Provider>
@@ -38,7 +41,7 @@ describe('utils/boundaryElement', () => {
     })
 
     it('should provide default value when no context value is provided', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         const rootBoundaryElement = useBoundaryElement()
@@ -52,6 +55,7 @@ describe('utils/boundaryElement', () => {
         const value = undefined
 
         return (
+          // oxlint-disable-next-line no-unsafe-type-assertion
           <BoundaryElementContext.Provider value={value as any}>
             <Debug />
           </BoundaryElementContext.Provider>
@@ -65,7 +69,7 @@ describe('utils/boundaryElement', () => {
     })
 
     it('should fail when context value is not compatible', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         try {
@@ -84,6 +88,7 @@ describe('utils/boundaryElement', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values, no-unsafe-type-assertion
           <BoundaryElementContext.Provider value={value as any}>
             <Debug />
           </BoundaryElementContext.Provider>

package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx

@@ -18,4 +18,5 @@ export function ConditionalWrapper({
   return wrapper(children)
 }
 
+// oxlint-disable-next-line no-deprecated
 ConditionalWrapper.displayName = 'ConditionalWrapper'