{
+ vi.restoreAllMocks()
+ await cleanupTestApp()
+})
it('unmount TreeNodes on collapse', async () => {
await dispatch(
@@ -34,3 +38,35 @@ it('unmount TreeNodes on collapse', async () => {
// collapse a and unmount b
expect(document.querySelectorAll('[aria-label="tree-node"]').length).toBe(2)
})
+
+it('unmounts distant thoughts after navigation and remounts them on return', async () => {
+ vi.spyOn(HTMLElement.prototype, 'getBoundingClientRect').mockReturnValue(new DOMRect(0, 0, 100, 20))
+
+ await dispatch(
+ importText({
+ text: `
+ - a
+ - b
+ - c
+ - d
+ - e
+ - f
+ - g
+ `,
+ }),
+ )
+
+ await dispatch(setCursor(['a']))
+ expect(await queryThoughtByText('a')).not.toBeNull()
+
+ await dispatch(setCursor(['a', 'b', 'c', 'd', 'e', 'f']))
+ await act(vi.runOnlyPendingTimersAsync)
+
+ expect(await queryThoughtByText('a')).toBeNull()
+ // hide-parent thoughts stay mounted so they can fade back in when navigating up.
+ expect(await queryThoughtByText('d')).not.toBeNull()
+ expect(await queryThoughtByText('f')).not.toBeNull()
+
+ await dispatch(setCursor(['a']))
+ expect(await queryThoughtByText('a')).not.toBeNull()
+})
diff --git a/src/components/icons/LottieAnimation.tsx b/src/components/icons/LottieAnimation.tsx
index 61a1449b4c3..c183471f325 100644
--- a/src/components/icons/LottieAnimation.tsx
+++ b/src/components/icons/LottieAnimation.tsx
@@ -1,6 +1,6 @@
import _ from 'lodash'
-import Player, { LottieRefCurrentProps } from 'lottie-react'
-import React, { useEffect, useLayoutEffect, useMemo, useRef } from 'react'
+import { Lottie, LottieHandle } from 'lottie-react'
+import React, { useMemo, useRef } from 'react'
import AnimatedColor from '../../@types/lottie/AnimatedColor'
import ColorProperty from '../../@types/lottie/ColorProperty'
import LottieData from '../../@types/lottie/LottieData'
@@ -124,7 +124,7 @@ const changeLineColor = (data: LottieData, newColor: string): LottieData => {
/**
* LottieAnimation Component.
*
- * This component utilizes the 'lottie-react' Player to render a Lottie animation.
+ * This component utilizes the 'lottie-react' Lottie component to render a Lottie animation.
* It accepts animation data and supports customizable speed and color properties,
* allowing for dynamic control over the animation's playback rate and the stroke
* and fill colors of its elements.
@@ -137,45 +137,43 @@ const changeLineColor = (data: LottieData, newColor: string): LottieData => {
* This does not affect the Lottie animation's JSON content or alter its visual elements.
*/
const LottieAnimation: React.FC
= ({ animationData, speed = 1, color, onComplete }) => {
- const lottieRef = useRef(null)
+ const lottieRef = useRef(null)
const animationDataWithColor = useMemo(() => {
return animationData ? changeLineColor(animationData, color) : null
}, [animationData, color])
- // skip the animation in Puppeteer tests to avoid inconsistent snapshots
- if (navigator.webdriver) {
- useLayoutEffect(() => {
- if (!lottieRef.current) return
-
- const lastFrame = lottieRef.current.getDuration(true)! - 1
- lottieRef.current.goToAndStop(lastFrame)
- onComplete?.()
- }, [onComplete])
- }
-
- useEffect(() => {
- if (lottieRef.current && animationDataWithColor) {
- lottieRef.current.setSpeed(speed)
- }
- }, [speed, animationDataWithColor])
+ const subscriptions = useMemo(
+ () => ({
+ complete: onComplete,
+ // skip the animation in Puppeteer tests to avoid inconsistent snapshots
+ ...(navigator.webdriver && {
+ ready: () => {
+ lottieRef.current?.seek({ percent: 100 })
+ onComplete?.()
+ },
+ }),
+ }),
+ [onComplete],
+ )
if (!animationDataWithColor) {
return null
}
return (
-
)
}
diff --git a/src/e2e/puppeteer/__tests__/cursor.ts b/src/e2e/puppeteer/__tests__/cursor.ts
index 743f87461a8..bf4e48ccece 100644
--- a/src/e2e/puppeteer/__tests__/cursor.ts
+++ b/src/e2e/puppeteer/__tests__/cursor.ts
@@ -12,6 +12,19 @@ import { usePersistentTreecrdtStorage } from '../setup'
vi.setConfig({ testTimeout: 20000, hookTimeout: 20000 })
usePersistentTreecrdtStorage()
+/** Returns the persistent tree node that contains the editable with the given value. */
+const getTreeNode = async (value: string) => {
+ const editable = (await waitForEditable(value)).asElement()
+ if (!editable) throw new Error(`Editable "${value}" not found.`)
+
+ const treeNode = (
+ await editable.evaluateHandle(element => (element as Element).closest('[aria-label="tree-node"]'))
+ ).asElement()
+ if (!treeNode) throw new Error(`Tree node for "${value}" not found.`)
+
+ return treeNode
+}
+
it('set the cursor to a thought in the home context on load', async () => {
const importText = `
- a
@@ -94,8 +107,10 @@ it('do nothing when clicking on a hidden ancestor', async () => {
- d`
await paste(importText)
await waitForEditable('d')
+ const ancestorTreeNode = await getTreeNode('a')
await clickThought('d')
- await clickThought('a')
+ await ancestorTreeNode.waitForSelector('[data-editable]', { hidden: true })
+ await click(ancestorTreeNode)
const thoughtValue = await getEditingText()
expect(thoughtValue).toBe('d')
@@ -109,6 +124,8 @@ it('do nothing when clicking on a hidden great uncle', async () => {
- d`
await paste(importText)
+ const greatUncleTreeNode = await getTreeNode('d')
+
// click a to expand b and c
await waitForEditable('a')
await clickThought('a')
@@ -117,7 +134,8 @@ it('do nothing when clicking on a hidden great uncle', async () => {
// for some reason we need to sleep before clicking c, otherwise the cursor is moved to d
await waitForEditable('c')
await clickThought('c')
- await clickThought('d')
+ await greatUncleTreeNode.waitForSelector('[data-editable]', { hidden: true })
+ await click(greatUncleTreeNode)
const thoughtValue = await getEditingText()
expect(thoughtValue).toBe('c')
diff --git a/src/e2e/puppeteer/__tests__/escape-html.ts b/src/e2e/puppeteer/__tests__/escape-html.ts
index 84d3af1daaa..fe3d59318ea 100644
--- a/src/e2e/puppeteer/__tests__/escape-html.ts
+++ b/src/e2e/puppeteer/__tests__/escape-html.ts
@@ -1,39 +1,13 @@
+import getEditingText from '../helpers/getEditingText'
+import getSelection from '../helpers/getSelection'
import keyboard from '../helpers/keyboard'
import press from '../helpers/press'
+import setClipboard from '../helpers/setClipboard'
import waitForEditable from '../helpers/waitForEditable'
-import { page } from '../session'
+import waitForEditingTextChange from '../helpers/waitForEditingTextChange'
vi.setConfig({ testTimeout: 20000 })
-/** Custom helper for pasting plain text, avoiding the existing `paste` helper that uses `importText` internally. */
-const pastePlainText = async (text: string) => {
- // Load text into clipboard
- await page.evaluate(async text => {
- await navigator.clipboard.write([
- new ClipboardItem({
- 'text/plain': new Blob([text], { type: 'text/plain' }),
- }),
- ])
- }, text)
-
- await press('Insert', { shift: true })
-}
-
-/** Custom helper for pasting HTML, avoiding the existing `paste` helper that uses `importText` internally. */
-const pasteHTML = async (html: string) => {
- // Load HTML into clipboard
- await page.evaluate(async html => {
- await navigator.clipboard.write([
- new ClipboardItem({
- 'text/plain': new Blob(['Plain text should be ignored when pasting as HTML.'], { type: 'text/plain' }),
- 'text/html': new Blob([html], { type: 'text/html' }),
- }),
- ])
- }, html)
-
- await press('Insert', { shift: true })
-}
-
it('escapes typed HTML', async () => {
await press('Enter', { delay: 10 })
await keyboard.type('hello world')
@@ -45,7 +19,8 @@ it('escapes typed HTML', async () => {
it('preserves pasted HTML as text/html in bold case', async () => {
await press('Enter', { delay: 10 })
- await pasteHTML('hello world')
+ await setClipboard({ html: 'hello world', text: 'Plain text should be ignored when pasting as HTML.' })
+ await press('Insert', { shift: true })
const editable = await waitForEditable('hello world')
expect(editable).toBeTruthy()
})
@@ -53,9 +28,11 @@ it('preserves pasted HTML as text/html in bold case', async () => {
// TODO: Broken in due to reverting related code. See: #2814.
it.skip('preserves pasted HTML as text/html with text color and background color', async () => {
await press('Enter', { delay: 10 })
- await pasteHTML(
- 'Hello World',
- )
+ await setClipboard({
+ html: 'Hello World',
+ text: 'Plain text should be ignored when pasting as HTML.',
+ })
+ await press('Insert', { shift: true })
const editable = await waitForEditable(
'Hello World',
@@ -65,8 +42,24 @@ it.skip('preserves pasted HTML as text/html with text color and background color
it('escapes pasted HTML as text/plain', async () => {
await press('Enter', { delay: 10 })
- await pastePlainText('hello world')
+ await setClipboard({ text: 'hello world' })
+ await press('Insert', { shift: true })
const editable = await waitForEditable('hello <b>world</b>')
expect(editable).toBeTruthy()
})
+
+// https://github.com/cybersemics/em/issues/4730
+it('inserts a space immediately after an emoji pasted at the beginning of a thought', async () => {
+ await press('Enter')
+ await keyboard.type('Hello')
+ await waitForEditable('Hello')
+ await press('Home')
+ await setClipboard({ text: '🧠' })
+
+ await press('Insert', { shift: true })
+
+ await waitForEditingTextChange('Hello')
+ expect(await getEditingText()).toBe('🧠 Hello')
+ expect(await getSelection().focusOffset).toBe('🧠 '.length)
+})
diff --git a/src/e2e/puppeteer/helpers/setClipboard.ts b/src/e2e/puppeteer/helpers/setClipboard.ts
new file mode 100644
index 00000000000..e0de7963db9
--- /dev/null
+++ b/src/e2e/puppeteer/helpers/setClipboard.ts
@@ -0,0 +1,18 @@
+import { page } from '../session'
+
+/** Loads plain text and optional HTML into the browser clipboard for a subsequent user paste action. */
+const setClipboard = async ({ html, text }: { html?: string; text: string }) => {
+ await page.evaluate(
+ async ({ html, text }) => {
+ await navigator.clipboard.write([
+ new ClipboardItem({
+ 'text/plain': new Blob([text], { type: 'text/plain' }),
+ ...(html ? { 'text/html': new Blob([html], { type: 'text/html' }) } : null),
+ }),
+ ])
+ },
+ { html, text },
+ )
+}
+
+export default setClipboard
diff --git a/src/e2e/puppeteer/helpers/waitForEditingTextChange.ts b/src/e2e/puppeteer/helpers/waitForEditingTextChange.ts
new file mode 100644
index 00000000000..f6379e766d3
--- /dev/null
+++ b/src/e2e/puppeteer/helpers/waitForEditingTextChange.ts
@@ -0,0 +1,11 @@
+import { page } from '../session'
+
+/** Waits for the current editable text to differ from the given value. */
+const waitForEditingTextChange = (previousValue: string) =>
+ page.waitForFunction(
+ previousValue => document.querySelector('[data-editing=true] [data-editable]')?.innerHTML !== previousValue,
+ {},
+ previousValue,
+ )
+
+export default waitForEditingTextChange
diff --git a/src/hooks/__tests__/useDelayedAutofocus.ts b/src/hooks/__tests__/useDelayedAutofocus.ts
new file mode 100644
index 00000000000..f27b961d4ba
--- /dev/null
+++ b/src/hooks/__tests__/useDelayedAutofocus.ts
@@ -0,0 +1,45 @@
+import { renderHook } from '@testing-library/react'
+import { act } from 'react'
+import Autofocus from '../../@types/Autofocus'
+import useDelayedAutofocus from '../useDelayedAutofocus'
+
+beforeEach(() => {
+ vi.useFakeTimers()
+})
+
+afterEach(() => {
+ vi.useRealTimers()
+})
+
+it('updates the selected autofocus after the delay', () => {
+ const { result, rerender } = renderHook(
+ ({ autofocus }: { autofocus: Autofocus }) =>
+ useDelayedAutofocus(autofocus, {
+ delay: 750,
+ selector: autofocusNew => autofocusNew === 'hide',
+ }),
+ { initialProps: { autofocus: 'show' as Autofocus } },
+ )
+
+ rerender({ autofocus: 'hide' })
+
+ act(() => vi.advanceTimersByTime(749))
+ expect(result.current).toBe(false)
+
+ act(() => vi.advanceTimersByTime(1))
+ expect(result.current).toBe(true)
+})
+
+it('cancels a delayed update on unmount', () => {
+ const { rerender, unmount } = renderHook(
+ ({ autofocus }: { autofocus: Autofocus }) =>
+ useDelayedAutofocus(autofocus, { delay: 750, selector: value => value }),
+ { initialProps: { autofocus: 'show' as Autofocus } },
+ )
+
+ rerender({ autofocus: 'hide' })
+ expect(vi.getTimerCount()).toBe(1)
+
+ unmount()
+ expect(vi.getTimerCount()).toBe(0)
+})
diff --git a/src/hooks/__tests__/useDragLeave.ts b/src/hooks/__tests__/useDragLeave.ts
new file mode 100644
index 00000000000..c706a97e77f
--- /dev/null
+++ b/src/hooks/__tests__/useDragLeave.ts
@@ -0,0 +1,88 @@
+import { renderHook } from '@testing-library/react'
+import { act, createElement } from 'react'
+import { Provider } from 'react-redux'
+import { importTextActionCreator as importText } from '../../actions/importText'
+import { updateHoveringPathActionCreator as updateHoveringPath } from '../../actions/updateHoveringPath'
+import contextToPath from '../../selectors/contextToPath'
+import store from '../../stores/app'
+import initStore from '../../test-helpers/initStore'
+import useDragLeave from '../useDragLeave'
+
+/** Renders useDragLeave against the app store. */
+const renderDragLeave = (props: { isDeepHovering: boolean; canDropThought: boolean }) =>
+ renderHook((propsNew: { isDeepHovering: boolean; canDropThought: boolean }) => useDragLeave(propsNew), {
+ initialProps: props,
+ wrapper: ({ children }) => createElement(Provider, { store, children }),
+ })
+
+/** Imports two thoughts and sets hoveringPath to the first, as if a drag were in progress over it. */
+const startHovering = () => {
+ store.dispatch(importText({ text: '- a\n- b' }))
+ store.dispatch(updateHoveringPath({ path: contextToPath(store.getState(), ['a'])! }))
+}
+
+/** Advances past the hook's 50ms debounce. */
+const flushDebounce = () => act(() => vi.advanceTimersByTimeAsync(100))
+
+beforeEach(async () => {
+ await initStore()
+ vi.useFakeTimers()
+})
+
+afterEach(() => {
+ vi.useRealTimers()
+})
+
+it('keeps hoveringPath while a drop target is hovered and an unrelated thought mounts', async () => {
+ startHovering()
+
+ // the cursor enters a drop target
+ const target = renderDragLeave({ isDeepHovering: false, canDropThought: true })
+ target.rerender({ isDeepHovering: true, canDropThought: true })
+
+ // an unrelated thought mounts while the drag is still over the target
+ renderDragLeave({ isDeepHovering: false, canDropThought: true })
+
+ await flushDebounce()
+
+ expect(store.getState().hoveringPath).toBeDefined()
+})
+
+// Guards against over-correcting the hover count: ignoring mounts must not leave the count stuck above zero, or
+// hoveringPath would never be cleared.
+it('still clears hoveringPath after an unrelated thought mounts and the cursor leaves', async () => {
+ startHovering()
+
+ const target = renderDragLeave({ isDeepHovering: false, canDropThought: true })
+ target.rerender({ isDeepHovering: true, canDropThought: true })
+ renderDragLeave({ isDeepHovering: false, canDropThought: true })
+ target.rerender({ isDeepHovering: false, canDropThought: true })
+
+ await flushDebounce()
+
+ expect(store.getState().hoveringPath).toBeUndefined()
+})
+
+it('clears hoveringPath once the cursor leaves the drop target', async () => {
+ startHovering()
+
+ const target = renderDragLeave({ isDeepHovering: false, canDropThought: true })
+ target.rerender({ isDeepHovering: true, canDropThought: true })
+ target.rerender({ isDeepHovering: false, canDropThought: true })
+
+ await flushDebounce()
+
+ expect(store.getState().hoveringPath).toBeUndefined()
+})
+
+it('clears hoveringPath when a hovered drop target unmounts', async () => {
+ startHovering()
+
+ const target = renderDragLeave({ isDeepHovering: false, canDropThought: true })
+ target.rerender({ isDeepHovering: true, canDropThought: true })
+ target.unmount()
+
+ await flushDebounce()
+
+ expect(store.getState().hoveringPath).toBeUndefined()
+})
diff --git a/src/hooks/useDelayedAutofocus.ts b/src/hooks/useDelayedAutofocus.ts
index e780c22cae5..cbfabdbc10b 100644
--- a/src/hooks/useDelayedAutofocus.ts
+++ b/src/hooks/useDelayedAutofocus.ts
@@ -14,7 +14,6 @@ const useDelayedAutofocus = (
// This ensures that the component is only re-rendered when the selector result changes, not every time the delayed autofocus value changes.
const [autofocusDelayed, setAutofocusDelayed] = useState(selector(autofocus))
const lastAutofocusRef = useRef(autofocus)
- const unmounted = useRef(false)
const autofocusTimerRef = useRef(0)
useEffect(
() => {
@@ -25,7 +24,6 @@ const useDelayedAutofocus = (
(lastAutofocusRef.current === 'show' || lastAutofocusRef.current === 'dim')
) {
autofocusTimerRef.current = setTimeout(() => {
- if (unmounted.current) return
setAutofocusDelayed(selector(autofocus))
lastAutofocusRef.current = autofocus
}, delay) as unknown as number
@@ -35,7 +33,7 @@ const useDelayedAutofocus = (
}
return () => {
- unmounted.current = true
+ clearTimeout(autofocusTimerRef.current)
}
},
// eslint-disable-next-line react-hooks/exhaustive-deps
diff --git a/src/hooks/useDragLeave.ts b/src/hooks/useDragLeave.ts
index c8fd2964429..9600246f3a1 100644
--- a/src/hooks/useDragLeave.ts
+++ b/src/hooks/useDragLeave.ts
@@ -21,7 +21,9 @@ const clearHoveringPath: Thunk = (dispatch, getState) => {
const useDragLeave = ({ isDeepHovering, canDropThought }: { isDeepHovering: boolean; canDropThought: boolean }) => {
const dispatch = useDispatch()
const hoverZone = useSelector(state => state.hoverZone)
- const prevIsDeepHoveringRef = useRef(isDeepHovering)
+ // Whether this drop target is currently counted in hoverCount. Starts false so that mounting contributes nothing
+ // until the cursor actually enters.
+ const isCountedRef = useRef(false)
const prevHoverZone = useRef(hoverZone)
// Initialize the debounced function if it hasn't been already
@@ -46,34 +48,46 @@ const useDragLeave = ({ isDeepHovering, canDropThought }: { isDeepHovering: bool
return
}
- if (isDeepHovering && !prevIsDeepHoveringRef.current) {
- // Cursor has entered a drop target, increase hover count
- hoverCount += 1
-
- // Cancel any pending debounce since we're over a drop target
- debouncedSetHoveringPath?.cancel()
- } else {
- // Cursor has left a drop target, decrease hover count
- hoverCount = Math.max(hoverCount - 1, 0)
- if (hoverCount === 0) {
- // No drop targets are being hovered over; start debounce
- debouncedSetHoveringPath?.()
- }
- }
-
- prevIsDeepHoveringRef.current = isDeepHovering
- prevHoverZone.current = hoverZone
-
- return () => {
- // Cleanup on unmount
+ // Only a change in isDeepHovering means the cursor entered or left this drop target. The effect also re-runs when
+ // the component mounts and when canDropThought changes, and those must not touch the shared hoverCount: otherwise
+ // any thought mounting mid-drag decrements the count to zero and clears hoveringPath while a target is still
+ // hovered, dropping the drop indicator.
+ if (isDeepHovering !== isCountedRef.current) {
+ isCountedRef.current = isDeepHovering
if (isDeepHovering) {
+ // Cursor has entered a drop target, increase hover count
+ hoverCount += 1
+
+ // Cancel any pending debounce since we're over a drop target
+ debouncedSetHoveringPath?.cancel()
+ } else {
+ // Cursor has left a drop target, decrease hover count
+ hoverCount = Math.max(hoverCount - 1, 0)
if (hoverCount === 0) {
- // Start debounce when unmounting and no more drop targets are hovered
+ // No drop targets are being hovered over; start debounce
debouncedSetHoveringPath?.()
}
}
}
+
+ prevHoverZone.current = hoverZone
}, [isDeepHovering, dispatch, hoverZone, canDropThought])
+
+ // Release this drop target's contribution to hoverCount when it unmounts mid-drag, e.g. when the layout unmounts a
+ // thought that the cursor is over. Empty deps are load-bearing: React runs an effect's cleanup before every re-run,
+ // not only on unmount, so this cannot be folded into the effect above. It closes over refs and module state only,
+ // so it never goes stale.
+ useEffect(
+ () => () => {
+ if (!isCountedRef.current) return
+ isCountedRef.current = false
+ hoverCount = Math.max(hoverCount - 1, 0)
+ if (hoverCount === 0) {
+ debouncedSetHoveringPath?.()
+ }
+ },
+ [],
+ )
}
export default useDragLeave
diff --git a/yarn.lock b/yarn.lock
index ea2c05deaae..7f55941cfce 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8193,12 +8193,12 @@ __metadata:
languageName: node
linkType: hard
-"@vitest/pretty-format@npm:4.1.9":
- version: 4.1.9
- resolution: "@vitest/pretty-format@npm:4.1.9"
+"@vitest/pretty-format@npm:4.1.10":
+ version: 4.1.10
+ resolution: "@vitest/pretty-format@npm:4.1.10"
dependencies:
tinyrainbow: "npm:^3.1.0"
- checksum: 10c0/5b96295f25ab885616230ad1355fc82f490bebb39cc707688d7c8969c08270d7e076ed8a10af4e762ed57145193c6061a1f549f136f0ded344f8db0c2b3fb3de
+ checksum: 10c0/1a5daba730ffe23f2000bff484b4b2842f3b178d93663cb487b215516b8d3b62caa3e2bb2a3c63307b61a9fe58fb9bfff38559bc0c5e49d8aa403d6803a1d918
languageName: node
linkType: hard
@@ -8245,15 +8245,15 @@ __metadata:
languageName: node
linkType: hard
-"@vitest/snapshot@npm:^4.1.7":
- version: 4.1.9
- resolution: "@vitest/snapshot@npm:4.1.9"
+"@vitest/snapshot@npm:^4.1.10":
+ version: 4.1.10
+ resolution: "@vitest/snapshot@npm:4.1.10"
dependencies:
- "@vitest/pretty-format": "npm:4.1.9"
- "@vitest/utils": "npm:4.1.9"
+ "@vitest/pretty-format": "npm:4.1.10"
+ "@vitest/utils": "npm:4.1.10"
magic-string: "npm:^0.30.21"
pathe: "npm:^2.0.3"
- checksum: 10c0/c3099df12ad1f9c1e180441856c9eb82f1990f87ff16aafedd6fa19978eaff20bc59220b692a99fcc822daef86eab256ba3dadb49544b7bd625b57c49cd9d995
+ checksum: 10c0/e71398725f51af5fd0c07bb4b957d0f987daf9b4c564ac24cb2a4d1afde1a6939f535ac17761a32dcc41b0a1e6d4088af66dc44df89fdebebb92aabed1a92b5f
languageName: node
linkType: hard
@@ -8274,14 +8274,14 @@ __metadata:
languageName: node
linkType: hard
-"@vitest/utils@npm:4.1.9":
- version: 4.1.9
- resolution: "@vitest/utils@npm:4.1.9"
+"@vitest/utils@npm:4.1.10":
+ version: 4.1.10
+ resolution: "@vitest/utils@npm:4.1.10"
dependencies:
- "@vitest/pretty-format": "npm:4.1.9"
+ "@vitest/pretty-format": "npm:4.1.10"
convert-source-map: "npm:^2.0.0"
tinyrainbow: "npm:^3.1.0"
- checksum: 10c0/d55506c077fd72c091eb66f02926f0abf72801c87a085f565698289562f47befa114ae2c680ab8736dfe46abab0cfd6b8031f2ac519bafeb37578aa6e5ad03c5
+ checksum: 10c0/05b0ecec6997ec22fc08377e57dbd8fa37992e05961f3a7a916d98b1ab56d15c2a87dbd83d392b628242bdc156b1705e7fa60a3bf0c54bdb51158c153e05fc5d
languageName: node
linkType: hard
@@ -11865,7 +11865,7 @@ __metadata:
eslint-plugin-react: "npm:^7.37.5"
eslint-plugin-react-hooks: "npm:^7.1.1"
eslint-plugin-react-refresh: "npm:^0.5.4"
- expect-webdriverio: "npm:^5.7.0"
+ expect-webdriverio: "npm:^6.0.2"
fake-indexeddb: "npm:^6.2.5"
fast-json-patch: "npm:^3.1.1"
fp-and-or: "npm:^1.0.2"
@@ -11883,7 +11883,7 @@ __metadata:
jsdom: "npm:^30.0.1"
lockfile-lint: "npm:^5.0.0"
lodash: "npm:^4.18.1"
- lottie-react: "npm:^2.4.1"
+ lottie-react: "npm:^3.1.0"
marked: "npm:^18.0.9"
moize: "npm:^6.1.7"
motion: "npm:^13.1.0"
@@ -13357,11 +13357,11 @@ __metadata:
languageName: node
linkType: hard
-"expect-webdriverio@npm:^5.7.0":
- version: 5.7.0
- resolution: "expect-webdriverio@npm:5.7.0"
+"expect-webdriverio@npm:^6.0.2":
+ version: 6.0.3
+ resolution: "expect-webdriverio@npm:6.0.3"
dependencies:
- "@vitest/snapshot": "npm:^4.1.7"
+ "@vitest/snapshot": "npm:^4.1.10"
deep-eql: "npm:^5.0.2"
expect: "npm:^30.4.1"
jest-matcher-utils: "npm:^30.4.1"
@@ -13376,7 +13376,7 @@ __metadata:
optional: false
webdriverio:
optional: false
- checksum: 10c0/c895f2c451a1bf5a75a1e57ec07d0993203a7834abe85e45aeba8c91f0e779d736219a54702048582c647624cd6452625184810e51e75daa43276a4412cfb680
+ checksum: 10c0/a468020db6d4ce56d2c08d46ddd8c47d0f91e90465eb8655fbd7fba08f5d027b128f09bae7f12524d3150ab4cb470fe46b6d3a232306cb46ad2d3109e7ff36ab
languageName: node
linkType: hard
@@ -17696,22 +17696,22 @@ __metadata:
languageName: node
linkType: hard
-"lottie-react@npm:^2.4.1":
- version: 2.4.1
- resolution: "lottie-react@npm:2.4.1"
+"lottie-react@npm:^3.1.0":
+ version: 3.1.0
+ resolution: "lottie-react@npm:3.1.0"
dependencies:
- lottie-web: "npm:^5.10.2"
+ lottie-web: "npm:^5.13.0"
peerDependencies:
- react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
- react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
- checksum: 10c0/7f6a0a2cf2af25deabe7b4d4c9917e47d12016673613c59dcdd8ef52e10e914dd0c1f71d4a275d56aaba03fe9d85b333087f7c8d40a8f967ece4a0444c7a3cdf
+ react: ^18.2.0 || ^19.0.0
+ react-dom: ^18.2.0 || ^19.0.0
+ checksum: 10c0/501c06309c2e5ce2c3d445801d96359c68ca7ec6315f3c7c9c1be421716a548285c96b1915faf881bb4372b230a13ff47dcc4bda1ac12570ddb44a8b0a022766
languageName: node
linkType: hard
-"lottie-web@npm:^5.10.2":
- version: 5.12.2
- resolution: "lottie-web@npm:5.12.2"
- checksum: 10c0/0aeaf631b10a76afd025df70c2a1486543530708e07a316946c08e55891dac483ffbaf2bf3648ae0b9c54c733118a0a086fd150aa76f7848606214c67ad72c30
+"lottie-web@npm:^5.13.0":
+ version: 5.13.0
+ resolution: "lottie-web@npm:5.13.0"
+ checksum: 10c0/b463ad462169df3f7e04b7f3716274e269842554f1d72b8303ca7245628f2512982a59ae31698b3d57fbcda886228ae160fcb2aa518c6cecd8a95974db2458ee
languageName: node
linkType: hard