From d8f4092f87f28a4e02ae39263cd6c9f03fb6e557 Mon Sep 17 00:00:00 2001 From: vercel-release-bot Date: Tue, 18 Mar 2025 16:25:06 +0000 Subject: [PATCH 1/6] Update `react@experimental` --- package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 1ba1492edf1ce..41e55b0d0e2c2 100644 --- a/package.json +++ b/package.json @@ -230,13 +230,13 @@ "react-builtin": "npm:react@19.1.0-canary-5398b711-20250314", "react-dom": "19.0.0", "react-dom-builtin": "npm:react-dom@19.1.0-canary-5398b711-20250314", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-5398b711-20250314", - "react-experimental-builtin": "npm:react@0.0.0-experimental-5398b711-20250314", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-c69a5fc5-20250318", + "react-experimental-builtin": "npm:react@0.0.0-experimental-c69a5fc5-20250318", "react-is-builtin": "npm:react-is@19.1.0-canary-5398b711-20250314", "react-server-dom-turbopack": "19.1.0-canary-5398b711-20250314", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-5398b711-20250314", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-c69a5fc5-20250318", "react-server-dom-webpack": "19.1.0-canary-5398b711-20250314", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-5398b711-20250314", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-c69a5fc5-20250318", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -247,7 +247,7 @@ "sass": "1.54.0", "satori": "0.12.1", "scheduler-builtin": "npm:scheduler@0.26.0-canary-5398b711-20250314", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-5398b711-20250314", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-c69a5fc5-20250318", "seedrandom": "3.0.5", "semver": "7.3.7", "shell-quote": "1.7.3", From 36992ca31a1c876c7696c4c38f855b2bca92716c Mon Sep 17 00:00:00 2001 From: vercel-release-bot Date: Tue, 18 Mar 2025 16:25:06 +0000 Subject: [PATCH 2/6] Update `react` --- package.json | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/package.json b/package.json index 41e55b0d0e2c2..8b64ec90ff8e8 100644 --- a/package.json +++ b/package.json @@ -227,15 +227,15 @@ "pretty-ms": "7.0.0", "random-seed": "0.3.0", "react": "19.0.0", - "react-builtin": "npm:react@19.1.0-canary-5398b711-20250314", + "react-builtin": "npm:react@19.1.0-canary-c69a5fc5-20250318", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.1.0-canary-5398b711-20250314", + "react-dom-builtin": "npm:react-dom@19.1.0-canary-c69a5fc5-20250318", "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-c69a5fc5-20250318", "react-experimental-builtin": "npm:react@0.0.0-experimental-c69a5fc5-20250318", - "react-is-builtin": "npm:react-is@19.1.0-canary-5398b711-20250314", - "react-server-dom-turbopack": "19.1.0-canary-5398b711-20250314", + "react-is-builtin": "npm:react-is@19.1.0-canary-c69a5fc5-20250318", + "react-server-dom-turbopack": "19.1.0-canary-c69a5fc5-20250318", "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-c69a5fc5-20250318", - "react-server-dom-webpack": "19.1.0-canary-5398b711-20250314", + "react-server-dom-webpack": "19.1.0-canary-c69a5fc5-20250318", "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-c69a5fc5-20250318", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", @@ -246,7 +246,7 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.12.1", - "scheduler-builtin": "npm:scheduler@0.26.0-canary-5398b711-20250314", + "scheduler-builtin": "npm:scheduler@0.26.0-canary-c69a5fc5-20250318", "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-c69a5fc5-20250318", "seedrandom": "3.0.5", "semver": "7.3.7", @@ -289,10 +289,10 @@ "@types/react": "19.0.8", "@types/react-dom": "19.0.3", "jest-snapshot": "30.0.0-alpha.6", - "react": "19.1.0-canary-5398b711-20250314", - "react-dom": "19.1.0-canary-5398b711-20250314", - "react-is": "19.1.0-canary-5398b711-20250314", - "scheduler": "0.26.0-canary-5398b711-20250314" + "react": "19.1.0-canary-c69a5fc5-20250318", + "react-dom": "19.1.0-canary-c69a5fc5-20250318", + "react-is": "19.1.0-canary-c69a5fc5-20250318", + "scheduler": "0.26.0-canary-c69a5fc5-20250318" }, "patchedDependencies": { "webpack-sources@3.2.3": "patches/webpack-sources@3.2.3.patch", From 233ea42b75bda12e95d96564b25a6548ca8ecb77 Mon Sep 17 00:00:00 2001 From: vercel-release-bot Date: Tue, 18 Mar 2025 16:25:06 +0000 Subject: [PATCH 3/6] Updated peer dependency references in apps From 9c672c0df1e85b3baa7fce69d898c3430fe8c535 Mon Sep 17 00:00:00 2001 From: vercel-release-bot Date: Tue, 18 Mar 2025 16:25:07 +0000 Subject: [PATCH 4/6] Updated peer dependency references in libraries From 1a1d12d5396cd845db0ad58939489f0a9ecb30f9 Mon Sep 17 00:00:00 2001 From: vercel-release-bot Date: Tue, 18 Mar 2025 16:25:19 +0000 Subject: [PATCH 5/6] Update lockfile --- pnpm-lock.yaml | 458 ++++++++++++++++++++++++------------------------- 1 file changed, 229 insertions(+), 229 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ce2fdc55bbeaf..93d5ec972fc75 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -16,10 +16,10 @@ overrides: '@types/react': 19.0.8 '@types/react-dom': 19.0.3 jest-snapshot: 30.0.0-alpha.6 - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 - react-is: 19.1.0-canary-5398b711-20250314 - scheduler: 0.26.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 + react-is: 19.1.0-canary-c69a5fc5-20250318 + scheduler: 0.26.0-canary-c69a5fc5-20250318 patchedDependencies: stacktrace-parser@0.1.10: @@ -71,7 +71,7 @@ importers: version: 11.11.0 '@emotion/react': specifier: 11.11.1 - version: 11.11.1(@types/react@19.0.8)(react@19.1.0-canary-5398b711-20250314) + version: 11.11.1(@types/react@19.0.8)(react@19.1.0-canary-c69a5fc5-20250318) '@fullhuman/postcss-purgecss': specifier: 1.3.0 version: 1.3.0 @@ -83,7 +83,7 @@ importers: version: 2.2.1(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))) '@mdx-js/react': specifier: 2.2.1 - version: 2.2.1(react@19.1.0-canary-5398b711-20250314) + version: 2.2.1(react@19.1.0-canary-c69a5fc5-20250318) '@next/bundle-analyzer': specifier: workspace:* version: link:packages/next-bundle-analyzer @@ -149,7 +149,7 @@ importers: version: 6.1.2(@jest/globals@29.7.0)(@types/jest@29.5.5)(jest@29.7.0(@types/node@20.17.6)(babel-plugin-macros@3.1.0))(vitest@3.0.4(@types/node@20.17.6)(sass@1.54.0)) '@testing-library/react': specifier: ^15.0.5 - version: 15.0.7(@types/react@19.0.8)(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314) + version: 15.0.7(@types/react@19.0.8)(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318) '@types/busboy': specifier: 1.5.3 version: 1.5.3 @@ -472,44 +472,44 @@ importers: specifier: 0.3.0 version: 0.3.0 react: - specifier: 19.1.0-canary-5398b711-20250314 - version: 19.1.0-canary-5398b711-20250314 + specifier: 19.1.0-canary-c69a5fc5-20250318 + version: 19.1.0-canary-c69a5fc5-20250318 react-builtin: - specifier: npm:react@19.1.0-canary-5398b711-20250314 - version: react@19.1.0-canary-5398b711-20250314 + specifier: npm:react@19.1.0-canary-c69a5fc5-20250318 + version: react@19.1.0-canary-c69a5fc5-20250318 react-dom: - specifier: 19.1.0-canary-5398b711-20250314 - version: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + specifier: 19.1.0-canary-c69a5fc5-20250318 + version: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) react-dom-builtin: - specifier: npm:react-dom@19.1.0-canary-5398b711-20250314 - version: react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + specifier: npm:react-dom@19.1.0-canary-c69a5fc5-20250318 + version: react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) react-dom-experimental-builtin: - specifier: npm:react-dom@0.0.0-experimental-5398b711-20250314 - version: react-dom@0.0.0-experimental-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + specifier: npm:react-dom@0.0.0-experimental-c69a5fc5-20250318 + version: react-dom@0.0.0-experimental-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) react-experimental-builtin: - specifier: npm:react@0.0.0-experimental-5398b711-20250314 - version: react@0.0.0-experimental-5398b711-20250314 + specifier: npm:react@0.0.0-experimental-c69a5fc5-20250318 + version: react@0.0.0-experimental-c69a5fc5-20250318 react-is-builtin: - specifier: npm:react-is@19.1.0-canary-5398b711-20250314 - version: react-is@19.1.0-canary-5398b711-20250314 + specifier: npm:react-is@19.1.0-canary-c69a5fc5-20250318 + version: react-is@19.1.0-canary-c69a5fc5-20250318 react-server-dom-turbopack: - specifier: 19.1.0-canary-5398b711-20250314 - version: 19.1.0-canary-5398b711-20250314(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314) + specifier: 19.1.0-canary-c69a5fc5-20250318 + version: 19.1.0-canary-c69a5fc5-20250318(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318) react-server-dom-turbopack-experimental: - specifier: npm:react-server-dom-turbopack@0.0.0-experimental-5398b711-20250314 - version: react-server-dom-turbopack@0.0.0-experimental-5398b711-20250314(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314) + specifier: npm:react-server-dom-turbopack@0.0.0-experimental-c69a5fc5-20250318 + version: react-server-dom-turbopack@0.0.0-experimental-c69a5fc5-20250318(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318) react-server-dom-webpack: - specifier: 19.1.0-canary-5398b711-20250314 - version: 19.1.0-canary-5398b711-20250314(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))) + specifier: 19.1.0-canary-c69a5fc5-20250318 + version: 19.1.0-canary-c69a5fc5-20250318(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))) react-server-dom-webpack-experimental: - specifier: npm:react-server-dom-webpack@0.0.0-experimental-5398b711-20250314 - version: react-server-dom-webpack@0.0.0-experimental-5398b711-20250314(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))) + specifier: npm:react-server-dom-webpack@0.0.0-experimental-c69a5fc5-20250318 + version: react-server-dom-webpack@0.0.0-experimental-c69a5fc5-20250318(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))) react-ssr-prepass: specifier: 1.0.8 - version: 1.0.8(react-is@19.1.0-canary-ff628334-20250205)(react@19.1.0-canary-5398b711-20250314) + version: 1.0.8(react-is@19.1.0-canary-ff628334-20250205)(react@19.1.0-canary-c69a5fc5-20250318) react-virtualized: specifier: 9.22.3 - version: 9.22.3(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314) + version: 9.22.3(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318) relay-compiler: specifier: 13.0.2 version: 13.0.2 @@ -532,11 +532,11 @@ importers: specifier: 0.12.1 version: 0.12.1 scheduler-builtin: - specifier: npm:scheduler@0.26.0-canary-5398b711-20250314 - version: scheduler@0.26.0-canary-5398b711-20250314 + specifier: npm:scheduler@0.26.0-canary-c69a5fc5-20250318 + version: scheduler@0.26.0-canary-c69a5fc5-20250318 scheduler-experimental-builtin: - specifier: npm:scheduler@0.0.0-experimental-5398b711-20250314 - version: scheduler@0.0.0-experimental-5398b711-20250314 + specifier: npm:scheduler@0.0.0-experimental-c69a5fc5-20250318 + version: scheduler@0.0.0-experimental-c69a5fc5-20250318 seedrandom: specifier: 3.0.5 version: 3.0.5 @@ -551,16 +551,16 @@ importers: version: 6.0.0 styled-components: specifier: 6.0.0-rc.3 - version: 6.0.0-rc.3(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314) + version: 6.0.0-rc.3(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318) styled-jsx: specifier: 5.1.6 - version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-5398b711-20250314) + version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-c69a5fc5-20250318) styled-jsx-plugin-postcss: specifier: 3.0.2 version: 3.0.2 swr: specifier: ^2.2.4 - version: 2.2.4(react@19.1.0-canary-5398b711-20250314) + version: 2.2.4(react@19.1.0-canary-c69a5fc5-20250318) tailwindcss: specifier: 3.2.7 version: 3.2.7(postcss@8.4.31) @@ -908,17 +908,17 @@ importers: specifier: 8.4.31 version: 8.4.31 react: - specifier: 19.1.0-canary-5398b711-20250314 - version: 19.1.0-canary-5398b711-20250314 + specifier: 19.1.0-canary-c69a5fc5-20250318 + version: 19.1.0-canary-c69a5fc5-20250318 react-dom: - specifier: 19.1.0-canary-5398b711-20250314 - version: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + specifier: 19.1.0-canary-c69a5fc5-20250318 + version: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) sass: specifier: ^1.3.0 version: 1.77.8 styled-jsx: specifier: 5.1.6 - version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-5398b711-20250314) + version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-c69a5fc5-20250318) optionalDependencies: sharp: specifier: ^0.33.5 @@ -1049,13 +1049,13 @@ importers: version: 1.0.5(@swc/helpers@0.5.15)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)) '@storybook/blocks': specifier: 8.6.0 - version: 8.6.0(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3)) + version: 8.6.0(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3)) '@storybook/react': specifier: 8.6.0 - version: 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + version: 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) '@storybook/react-webpack5': specifier: 8.6.0 - version: 8.6.0(@rspack-canary/core@1.2.9-canary-c009cfc1-20250313053424(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + version: 8.6.0(@rspack-canary/core@1.2.9-canary-c009cfc1-20250313053424(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) '@storybook/test': specifier: 8.6.0 version: 8.6.0(storybook@8.6.0(prettier@3.3.3)) @@ -1529,7 +1529,7 @@ importers: version: 1.0.35 unistore: specifier: 3.4.1 - version: 3.4.1(react@19.1.0-canary-5398b711-20250314) + version: 3.4.1(react@19.1.0-canary-c69a5fc5-20250318) util: specifier: 0.12.4 version: 0.12.4 @@ -1699,8 +1699,8 @@ importers: packages/third-parties: dependencies: react: - specifier: 19.1.0-canary-5398b711-20250314 - version: 19.1.0-canary-5398b711-20250314 + specifier: 19.1.0-canary-c69a5fc5-20250318 + version: 19.1.0-canary-c69a5fc5-20250318 third-party-capital: specifier: 1.0.20 version: 1.0.20 @@ -1763,14 +1763,14 @@ importers: specifier: 29.5.0 version: 29.5.0 react: - specifier: 19.1.0-canary-5398b711-20250314 - version: 19.1.0-canary-5398b711-20250314 + specifier: 19.1.0-canary-c69a5fc5-20250318 + version: 19.1.0-canary-c69a5fc5-20250318 react-test-renderer: specifier: 18.2.0 - version: 18.2.0(react@19.1.0-canary-5398b711-20250314) + version: 18.2.0(react@19.1.0-canary-c69a5fc5-20250318) styled-jsx: specifier: ^5.1.2 - version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-5398b711-20250314) + version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-c69a5fc5-20250318) turbopack/packages/devlow-bench: dependencies: @@ -3509,7 +3509,7 @@ packages: resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==} peerDependencies: '@types/react': '*' - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: '@types/react': optional: true @@ -3526,7 +3526,7 @@ packages: '@emotion/use-insertion-effect-with-fallbacks@1.0.1': resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 '@emotion/utils@1.2.1': resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==} @@ -4025,14 +4025,14 @@ packages: '@floating-ui/react-dom@2.1.0': resolution: {integrity: sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 '@floating-ui/react@0.26.16': resolution: {integrity: sha512-HEf43zxZNAI/E781QIVpYSF3K2VH4TTYZpqecjdsFkjsaU1EbaWcM++kw0HXFffj7gDUcBFevX8s0rQGQpxkow==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 '@floating-ui/utils@0.2.2': resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==} @@ -4720,13 +4720,13 @@ packages: resolution: {integrity: sha512-l9ypojKN3PjwO1CSLIsqxi7mA25+7w+xc71Q+JuCCREI0tuGwkZsKbIOpuTATIJOjPh8ycLiW7QxX1LYsRTq6w==} peerDependencies: '@mantine/hooks': 7.10.1 - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 '@mantine/hooks@7.11.2': resolution: {integrity: sha512-jhyVe/sbDEG2U8rr2lMecUPgQxcfr5hh9HazqGfkS7ZRIMDO7uJ947yAcTMGGkp5Lxtt5TBFt1Cb6tiB2/1agg==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 '@mapbox/node-pre-gyp@1.0.5': resolution: {integrity: sha512-4srsKPXWlIxp5Vbqz5uLfBN+du2fJChBoYn/f2h991WLdk7jUvcSk/McVLSv/X+xQIPI8eGD5GjrnygdyHnhPA==} @@ -4743,13 +4743,13 @@ packages: '@mdx-js/react@2.2.1': resolution: {integrity: sha512-YdXcMcEnqZhzql98RNrqYo9cEhTTesBiCclEtoiQUbJwx87q9453GTapYU6kJ8ZZ2ek1Vp25SiAXEFy5O/eAPw==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 '@mdx-js/react@3.1.0': resolution: {integrity: sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ==} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 '@module-federation/error-codes@0.8.4': resolution: {integrity: sha512-55LYmrDdKb4jt+qr8qE8U3al62ZANp3FhfVaNPOaAmdTh0jHdD8M3yf5HKFlr5xVkVO4eV/F/J2NCfpbh+pEXQ==} @@ -5427,8 +5427,8 @@ packages: '@storybook/blocks@8.6.0': resolution: {integrity: sha512-3PNxlB5Ooj8CIhttbDxeV6kW7ui+2GEdTngtqhnsUHVjzeTKpilsk2lviOeUzqlyq5FDK+rhpZ3L3DJ9pDvioA==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 storybook: ^8.6.0 peerDependenciesMeta: react: @@ -5478,8 +5478,8 @@ packages: resolution: {integrity: sha512-Nz/UzeYQdUZUhacrPyfkiiysSjydyjgg/p0P9HxB4p/WaJUUjMAcaoaLgy3EXx61zZJ3iD36WPuDkZs5QYrA0A==} engines: {node: '>=14.0.0'} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 '@storybook/instrumenter@8.6.0': resolution: {integrity: sha512-eEY/Hfa3Vj5Nv4vHRHlSqjoyW6oAKNK3rKIXfL/eawQwb7rKhzijDLG5YBH44Hh7dEPIqUp0LEdgpyIY7GXezg==} @@ -5495,8 +5495,8 @@ packages: resolution: {integrity: sha512-04T86VG0UJtiozgZkTR5sY1qM3E0Rgwqwllvyy7kFFdkV+Sv/VsPjW9sC38s9C8FtCYRL8pJZz81ey3oylpIMA==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 storybook: ^8.6.0 typescript: '*' peerDependenciesMeta: @@ -5517,16 +5517,16 @@ packages: '@storybook/react-dom-shim@8.6.0': resolution: {integrity: sha512-5Y+vMHhcx0xnaNsLQMbkmjc3zkDn/fGBNsiLH2e4POvW3ZQvOxjoyxAsEQaKwLtFgsdCFSd2tR89F6ItYrA2JQ==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 storybook: ^8.6.0 '@storybook/react-webpack5@8.6.0': resolution: {integrity: sha512-2L9CYDPn1OL0B8K5EU/Wpo9Slg8f0vkYPaPioQnmcK3Q4SJR4JAuDVWHUtNdxhaPOkHIy887Tfrf6BEC/blMaQ==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5538,8 +5538,8 @@ packages: engines: {node: '>=18.0.0'} peerDependencies: '@storybook/test': 8.6.0 - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5775,8 +5775,8 @@ packages: engines: {node: '>=18'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: '@types/react': optional: true @@ -11858,7 +11858,7 @@ packages: lucide-react@0.383.0: resolution: {integrity: sha512-13xlG0CQCJtzjSQYwwJ3WRqMHtRj3EXmLlorrARt7y+IHnxUCp3XyFNL1DfaGySWxHObDvnu1u1dV+0VMKHUSg==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} @@ -14347,23 +14347,23 @@ packages: resolution: {integrity: sha512-APPU8HB2uZnpl6Vt/+0AFoVYgSRtfiP6FLrZgPPTDmqSb2R4qZRbgd0A3VzIFxDt5e+Fozjx79WjLWnF69DK8g==} engines: {node: '>=16.14.0'} - react-dom@0.0.0-experimental-5398b711-20250314: - resolution: {integrity: sha512-5+Cg81jtVEJ+Db7bd3nl678x6MQjKgWSOMuugtbL9LOnwVC3ulnLZgriTk+oG8yGgAZUEWb600tgvaJSnrIOfQ==} + react-dom@0.0.0-experimental-c69a5fc5-20250318: + resolution: {integrity: sha512-3XMVy4ErnVgoWcH6U3EveF+aTRsA1rB0q5c9MV6Sxsw7vIqqFH9XeEhdyg1TsZuMQzUqe2dOVjwusf/EryWjzw==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 - react-dom@19.1.0-canary-5398b711-20250314: - resolution: {integrity: sha512-0crcLt48DTHKjLu+3+opCEg0bI6rXBq5AHCjKh2ZxLmpcCywqTfyuC/XCK0XVcfOMU4jbLBIG5S1NbmaNoV5hA==} + react-dom@19.1.0-canary-c69a5fc5-20250318: + resolution: {integrity: sha512-h8yOK7XfQbKqySIEPTenNFattgaj4QUByYq+NrIQ6hU+YNFugIuT/NmEnY4JJhbizAzT3pnKE6+r/J8IXIa9rQ==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 react-dom@19.1.0-canary-ff628334-20250205: resolution: {integrity: sha512-O/FFWzQNHqKLavROUliPXDPAwJcjwDcFbZmg2YfsWtSDJj1pRFTNzYvOUChC/hgBQiIM5rAiznQjBw2D9naH1g==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 - react-is@19.1.0-canary-5398b711-20250314: - resolution: {integrity: sha512-qQCUi+DQLa802akh+hMFeEgqZWsdGqWVxS/kTxWvKL/vgE2OqA4E6yai6dPAsYYq81zhbSZ9929K625Dc8dA+A==} + react-is@19.1.0-canary-c69a5fc5-20250318: + resolution: {integrity: sha512-rhWnrC2eFAOLoTyMZwMW+jhjHTHrmNsGqFodngQl+879Q4JibUKbKWKqyyNT3FFluiTFDf8okoxI+KV+mH4Cdw==} react-is@19.1.0-canary-ff628334-20250205: resolution: {integrity: sha512-tydzrH7c0S7kxlrN/Si8T4uoOWV3gMtNfTLfW3XubcKNzZwN//JEfzE1fe82nkmw7Gy2wpN6Gg+gMvOpKmiAtw==} @@ -14374,8 +14374,8 @@ packages: react-number-format@5.4.0: resolution: {integrity: sha512-NWdICrqLhI7rAS8yUeLVd6Wr4cN7UjJ9IBTS0f/a9i7UB4x4Ti70kGnksBtZ7o4Z7YRbvCMMR/jQmkoOBa/4fg==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 react-refresh@0.12.0: resolution: {integrity: sha512-suLIhrU2IHKL5JEKR/fAwJv7bbeq4kJ+pJopf77jHwuR+HmJS/HbrPIGsTBUVfw7tXPOmYv7UJ7PCaN49e8x4A==} @@ -14386,7 +14386,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: '@types/react': optional: true @@ -14396,58 +14396,58 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: '@types/react': optional: true - react-server-dom-turbopack@0.0.0-experimental-5398b711-20250314: - resolution: {integrity: sha512-8E5HC5eO4kJihJjPHZ0JKnMFmpR5oseDfI0XXTsDn/rhoaX2WeOAEUs6m5z8zWzvvPV/T0P9Zkz9HdX4po0S2w==} + react-server-dom-turbopack@0.0.0-experimental-c69a5fc5-20250318: + resolution: {integrity: sha512-rJQ1LmvVGvkrACJuVLTXNkiCXvfiy9FDOUnYqDPHqYoxdNlw4LsEA0qb9VWOxnM06Up8x+eR7qr9Mmbh+zBTlA==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 - react-server-dom-turbopack@19.1.0-canary-5398b711-20250314: - resolution: {integrity: sha512-2Sbkdd7tuSabKxRXnqwKdscLzyRlxv2nVjEC6BMkYY7TLhLrYyBEhsQ30JD6uqXjru96HDK9CREY7Y743hBJpw==} + react-server-dom-turbopack@19.1.0-canary-c69a5fc5-20250318: + resolution: {integrity: sha512-PGNnT7JPJ073eCeBt29K/GaCBrb8jlViG4zQYaUTi6o1HPeWXdEhZcV1NpsyBC3RRpVfBfaQx0N0ZlnBl3ddNQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 - react-server-dom-webpack@0.0.0-experimental-5398b711-20250314: - resolution: {integrity: sha512-iMqU/aRLsHVrj1hIn+pEODBwxtbYtzPcfZ6wbn6sKTSZZkWZVXIQRlj58px1xcTKdKApQa0RwNgkoUIWTbTNjQ==} + react-server-dom-webpack@0.0.0-experimental-c69a5fc5-20250318: + resolution: {integrity: sha512-tvpBe7+9K3WRHr2aebxyuFYNKNzeuHkt+n/XGNR3+U3gYPuNDjvRoG1rDz9cET2uxHyqx/i2O9nKkaoES9YS7A==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 webpack: 5.98.0 - react-server-dom-webpack@19.1.0-canary-5398b711-20250314: - resolution: {integrity: sha512-S1H3JmFe+uNNHtCY3KwR0RKYtloO9bFg5jbAATcPnhjkpEzMn5UhcAjKSNwsqNqxaxXb2PXciL2rXebcyGr2vQ==} + react-server-dom-webpack@19.1.0-canary-c69a5fc5-20250318: + resolution: {integrity: sha512-JBWb/4lxWsIxrbvk3osFXE5tQaofhfHTiPvdz3NYyM8wBRUninbcS8en7pWeICa0SroccQwa13aXNblzhx7+LQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 webpack: 5.98.0 react-shallow-renderer@16.15.0: resolution: {integrity: sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 react-ssr-prepass@1.0.8: resolution: {integrity: sha512-O0gfRA1SaK+9ITKxqfnXsej2jF+OHGP/+GxD4unROQaM/0/UczGF9fuF+wTboxaQoKdIf4FvS3h/OigWh704VA==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-is: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-is: 19.1.0-canary-c69a5fc5-20250318 react-style-singleton@2.2.1: resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==} engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: '@types/react': optional: true @@ -14455,26 +14455,26 @@ packages: react-test-renderer@18.2.0: resolution: {integrity: sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 react-textarea-autosize@8.5.3: resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==} engines: {node: '>=10'} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 react-virtualized@9.22.3: resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 - react@0.0.0-experimental-5398b711-20250314: - resolution: {integrity: sha512-atdk6oKMKXTPpT4TY7Pwnw3GC5bmYwlUlpCC6CovaZPQR74NDhUOV5/dJKfJtNzvoZFn/txU029p49lqn8VdOg==} + react@0.0.0-experimental-c69a5fc5-20250318: + resolution: {integrity: sha512-OvctXrQgRk9ACaWzI/VLgx671l9YUKXtoiBcm61OK+uhj5IEK1EuRS3YLE9L+bGhHkyGqdr8BB0wouxSl+AAng==} engines: {node: '>=0.10.0'} - react@19.1.0-canary-5398b711-20250314: - resolution: {integrity: sha512-9gpKdBbdUgEumcFhTmd85L53mOxRG85lcZatD6pButFP1ZWwK8y/1rioY99enx7fkhLo8lR6gV8qFv90+T4VAA==} + react@19.1.0-canary-c69a5fc5-20250318: + resolution: {integrity: sha512-t+FK3F9yFfkomAESHiKJjpxLPk+EiCvamucxaFj5OwShMXO96eWmafttoSShceW/XQE0NXkuyt1UltGcD097mw==} engines: {node: '>=0.10.0'} react@19.1.0-canary-ff628334-20250205: @@ -15023,11 +15023,11 @@ packages: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} - scheduler@0.0.0-experimental-5398b711-20250314: - resolution: {integrity: sha512-a8LyVxUse/kpIZxw8VIJZ/Ei7EHaUMAmyd5dF0dea0pywzpKY6KIAKk1ihjzsQV7STcA6aHJrt6kmBK2z6OfXQ==} + scheduler@0.0.0-experimental-c69a5fc5-20250318: + resolution: {integrity: sha512-wwXYQW7fv9JERlIk3IOcy3DudZAJ3pBzlApeYo8qJqNFdMadTNVBNW0IDINijlsQhy16qIDGGGqURga8tX+1Zg==} - scheduler@0.26.0-canary-5398b711-20250314: - resolution: {integrity: sha512-/KOyIkzV0A/xFPLXkUAyJs7lzk2raa6corlkvMVJ9BqO/rgOrFsi0gvvnHtZnsKYhUil/VOer1wJ3FsqcvS+Qw==} + scheduler@0.26.0-canary-c69a5fc5-20250318: + resolution: {integrity: sha512-jKkqPRQ08945JWh0J7rAAu3NuVcs/kYWOzwxkDRuYsNNJKgjVYd+HMV2NJJtmGtpQPbulZUo60KFtc6uT6hQow==} schema-utils@2.7.1: resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==} @@ -15668,8 +15668,8 @@ packages: engines: {node: '>= 16'} peerDependencies: babel-plugin-styled-components: '>= 2' - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: babel-plugin-styled-components: optional: true @@ -15683,7 +15683,7 @@ packages: peerDependencies: '@babel/core': '*' babel-plugin-macros: '*' - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: '@babel/core': optional: true @@ -15767,7 +15767,7 @@ packages: swr@2.2.4: resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 symbol-observable@1.0.1: resolution: {integrity: sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==} @@ -16564,7 +16564,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: '@types/react': optional: true @@ -16572,13 +16572,13 @@ packages: use-composed-ref@1.3.0: resolution: {integrity: sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 use-isomorphic-layout-effect@1.1.2: resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==} peerDependencies: '@types/react': '*' - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: '@types/react': optional: true @@ -16587,7 +16587,7 @@ packages: resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==} peerDependencies: '@types/react': '*' - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: '@types/react': optional: true @@ -16597,7 +16597,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 peerDependenciesMeta: '@types/react': optional: true @@ -16605,7 +16605,7 @@ packages: use-sync-external-store@1.2.0: resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==} peerDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 util-deprecate@1.0.2: resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} @@ -19414,17 +19414,17 @@ snapshots: '@emotion/memoize@0.8.1': {} - '@emotion/react@11.11.1(@types/react@19.0.8)(react@19.1.0-canary-5398b711-20250314)': + '@emotion/react@11.11.1(@types/react@19.0.8)(react@19.1.0-canary-c69a5fc5-20250318)': dependencies: '@babel/runtime': 7.22.5 '@emotion/babel-plugin': 11.11.0 '@emotion/cache': 11.11.0 '@emotion/serialize': 1.1.2 - '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.1.0-canary-5398b711-20250314) + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.1.0-canary-c69a5fc5-20250318) '@emotion/utils': 1.2.1 '@emotion/weak-memoize': 0.3.1 hoist-non-react-statics: 3.3.2 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 optionalDependencies: '@types/react': 19.0.8 transitivePeerDependencies: @@ -19442,9 +19442,9 @@ snapshots: '@emotion/unitless@0.8.1': {} - '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.1.0-canary-5398b711-20250314)': + '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.1.0-canary-c69a5fc5-20250318)': dependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 '@emotion/utils@1.2.1': {} @@ -20988,11 +20988,11 @@ snapshots: transitivePeerDependencies: - supports-color - '@mdx-js/react@2.2.1(react@19.1.0-canary-5398b711-20250314)': + '@mdx-js/react@2.2.1(react@19.1.0-canary-c69a5fc5-20250318)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.0.8 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 '@mdx-js/react@2.2.1(react@19.1.0-canary-ff628334-20250205)': dependencies: @@ -21000,11 +21000,11 @@ snapshots: '@types/react': 19.0.8 react: 19.1.0-canary-ff628334-20250205 - '@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.1.0-canary-5398b711-20250314)': + '@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.1.0-canary-c69a5fc5-20250318)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.0.8 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 '@module-federation/error-codes@0.8.4': {} @@ -21724,12 +21724,12 @@ snapshots: '@storybook/addon-docs@8.6.0(@types/react@19.0.8)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@mdx-js/react': 3.1.0(@types/react@19.0.8)(react@19.1.0-canary-5398b711-20250314) - '@storybook/blocks': 8.6.0(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3)) + '@mdx-js/react': 3.1.0(@types/react@19.0.8)(react@19.1.0-canary-c69a5fc5-20250318) + '@storybook/blocks': 8.6.0(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3)) '@storybook/csf-plugin': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3)) - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3)) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 transitivePeerDependencies: @@ -21794,14 +21794,14 @@ snapshots: - '@swc/helpers' - webpack - '@storybook/blocks@8.6.0(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/blocks@8.6.0(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@storybook/icons': 1.3.0(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314) + '@storybook/icons': 1.3.0(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 optionalDependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) '@storybook/builder-webpack5@8.6.0(@rspack-canary/core@1.2.9-canary-c009cfc1-20250313053424(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: @@ -21880,10 +21880,10 @@ snapshots: '@storybook/global@5.0.0': {} - '@storybook/icons@1.3.0(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)': + '@storybook/icons@1.3.0(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)': dependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) '@storybook/instrumenter@8.6.0(storybook@8.6.0(prettier@3.3.3))': dependencies: @@ -21895,17 +21895,17 @@ snapshots: dependencies: storybook: 8.6.0(prettier@3.3.3) - '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/core-webpack': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.8.2)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)) '@types/semver': 7.5.6 find-up: 5.0.0 magic-string: 0.30.17 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 react-docgen: 7.1.0 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) resolve: 1.22.8 semver: 7.6.3 storybook: 8.6.0(prettier@3.3.3) @@ -21939,19 +21939,19 @@ snapshots: transitivePeerDependencies: - supports-color - '@storybook/react-dom-shim@8.6.0(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/react-dom-shim@8.6.0(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3))': dependencies: - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) storybook: 8.6.0(prettier@3.3.3) - '@storybook/react-webpack5@8.6.0(@rspack-canary/core@1.2.9-canary-c009cfc1-20250313053424(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react-webpack5@8.6.0(@rspack-canary/core@1.2.9-canary-c009cfc1-20250313053424(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/builder-webpack5': 8.6.0(@rspack-canary/core@1.2.9-canary-c009cfc1-20250313053424(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: typescript: 5.8.2 @@ -21964,16 +21964,16 @@ snapshots: - uglify-js - webpack-cli - '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/components': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/global': 5.0.0 '@storybook/manager-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/preview-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(storybook@8.6.0(prettier@3.3.3)) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(storybook@8.6.0(prettier@3.3.3)) '@storybook/theming': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: '@storybook/test': 8.6.0(storybook@8.6.0(prettier@3.3.3)) @@ -22247,13 +22247,13 @@ snapshots: lodash: 4.17.21 redent: 3.0.0 - '@testing-library/react@15.0.7(@types/react@19.0.8)(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)': + '@testing-library/react@15.0.7(@types/react@19.0.8)(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)': dependencies: '@babel/runtime': 7.22.5 '@testing-library/dom': 10.1.0 '@types/react-dom': 19.0.3(@types/react@19.0.8) - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) optionalDependencies: '@types/react': 19.0.8 @@ -27930,7 +27930,7 @@ snapshots: hoist-non-react-statics@3.3.2: dependencies: - react-is: 19.1.0-canary-5398b711-20250314 + react-is: 19.1.0-canary-c69a5fc5-20250318 homedir-polyfill@1.0.3: dependencies: @@ -32821,25 +32821,25 @@ snapshots: dependencies: ansi-regex: 5.0.1 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-5398b711-20250314 + react-is: 19.1.0-canary-c69a5fc5-20250318 pretty-format@29.5.0: dependencies: '@jest/schemas': 29.4.3 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-5398b711-20250314 + react-is: 19.1.0-canary-c69a5fc5-20250318 pretty-format@29.7.0: dependencies: '@jest/schemas': 29.6.3 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-5398b711-20250314 + react-is: 19.1.0-canary-c69a5fc5-20250318 pretty-format@30.0.0-alpha.6: dependencies: '@jest/schemas': 30.0.0-alpha.6 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-5398b711-20250314 + react-is: 19.1.0-canary-c69a5fc5-20250318 pretty-ms@7.0.0: dependencies: @@ -32902,7 +32902,7 @@ snapshots: dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 - react-is: 19.1.0-canary-5398b711-20250314 + react-is: 19.1.0-canary-c69a5fc5-20250318 property-information@5.6.0: dependencies: @@ -33109,22 +33109,22 @@ snapshots: transitivePeerDependencies: - supports-color - react-dom@0.0.0-experimental-5398b711-20250314(react@19.1.0-canary-5398b711-20250314): + react-dom@0.0.0-experimental-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318): dependencies: - react: 19.1.0-canary-5398b711-20250314 - scheduler: 0.26.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + scheduler: 0.26.0-canary-c69a5fc5-20250318 - react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314): + react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318): dependencies: - react: 19.1.0-canary-5398b711-20250314 - scheduler: 0.26.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + scheduler: 0.26.0-canary-c69a5fc5-20250318 react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205): dependencies: react: 19.1.0-canary-ff628334-20250205 - scheduler: 0.26.0-canary-5398b711-20250314 + scheduler: 0.26.0-canary-c69a5fc5-20250318 - react-is@19.1.0-canary-5398b711-20250314: {} + react-is@19.1.0-canary-c69a5fc5-20250318: {} react-is@19.1.0-canary-ff628334-20250205: {} @@ -33157,48 +33157,48 @@ snapshots: optionalDependencies: '@types/react': 19.0.8 - react-server-dom-turbopack@0.0.0-experimental-5398b711-20250314(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314): + react-server-dom-turbopack@0.0.0-experimental-c69a5fc5-20250318(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) - react-server-dom-turbopack@19.1.0-canary-5398b711-20250314(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314): + react-server-dom-turbopack@19.1.0-canary-c69a5fc5-20250318(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) - react-server-dom-webpack@0.0.0-experimental-5398b711-20250314(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@0.0.0-experimental-c69a5fc5-20250318(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-server-dom-webpack@19.1.0-canary-5398b711-20250314(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@19.1.0-canary-c69a5fc5-20250318(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-shallow-renderer@16.15.0(react@19.1.0-canary-5398b711-20250314): + react-shallow-renderer@16.15.0(react@19.1.0-canary-c69a5fc5-20250318): dependencies: object-assign: 4.1.1 - react: 19.1.0-canary-5398b711-20250314 - react-is: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-is: 19.1.0-canary-c69a5fc5-20250318 - react-ssr-prepass@1.0.8(react-is@19.1.0-canary-ff628334-20250205)(react@19.1.0-canary-5398b711-20250314): + react-ssr-prepass@1.0.8(react-is@19.1.0-canary-ff628334-20250205)(react@19.1.0-canary-c69a5fc5-20250318): dependencies: object-is: 1.0.2 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 react-is: 19.1.0-canary-ff628334-20250205 react-style-singleton@2.2.1(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): @@ -33210,12 +33210,12 @@ snapshots: optionalDependencies: '@types/react': 19.0.8 - react-test-renderer@18.2.0(react@19.1.0-canary-5398b711-20250314): + react-test-renderer@18.2.0(react@19.1.0-canary-c69a5fc5-20250318): dependencies: - react: 19.1.0-canary-5398b711-20250314 - react-is: 19.1.0-canary-5398b711-20250314 - react-shallow-renderer: 16.15.0(react@19.1.0-canary-5398b711-20250314) - scheduler: 0.26.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 + react-is: 19.1.0-canary-c69a5fc5-20250318 + react-shallow-renderer: 16.15.0(react@19.1.0-canary-c69a5fc5-20250318) + scheduler: 0.26.0-canary-c69a5fc5-20250318 react-textarea-autosize@8.5.3(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): dependencies: @@ -33226,20 +33226,20 @@ snapshots: transitivePeerDependencies: - '@types/react' - react-virtualized@9.22.3(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314): + react-virtualized@9.22.3(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318): dependencies: '@babel/runtime': 7.22.5 clsx: 1.1.1 dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) react-lifecycles-compat: 3.0.4 - react@0.0.0-experimental-5398b711-20250314: {} + react@0.0.0-experimental-c69a5fc5-20250318: {} - react@19.1.0-canary-5398b711-20250314: {} + react@19.1.0-canary-c69a5fc5-20250318: {} react@19.1.0-canary-ff628334-20250205: {} @@ -33999,9 +33999,9 @@ snapshots: dependencies: xmlchars: 2.2.0 - scheduler@0.0.0-experimental-5398b711-20250314: {} + scheduler@0.0.0-experimental-c69a5fc5-20250318: {} - scheduler@0.26.0-canary-5398b711-20250314: {} + scheduler@0.26.0-canary-c69a5fc5-20250318: {} schema-utils@2.7.1: dependencies: @@ -34758,7 +34758,7 @@ snapshots: dependencies: inline-style-parser: 0.1.1 - styled-components@6.0.0-rc.3(react-dom@19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314))(react@19.1.0-canary-5398b711-20250314): + styled-components@6.0.0-rc.3(react-dom@19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318))(react@19.1.0-canary-c69a5fc5-20250318): dependencies: '@babel/cli': 7.21.5(@babel/core@7.22.5) '@babel/core': 7.22.5 @@ -34773,8 +34773,8 @@ snapshots: '@emotion/unitless': 0.8.1 css-to-react-native: 3.2.0 postcss: 8.4.31 - react: 19.1.0-canary-5398b711-20250314 - react-dom: 19.1.0-canary-5398b711-20250314(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + react-dom: 19.1.0-canary-c69a5fc5-20250318(react@19.1.0-canary-c69a5fc5-20250318) shallowequal: 1.1.0 stylis: 4.2.0 tslib: 2.5.3 @@ -34786,10 +34786,10 @@ snapshots: postcss: 7.0.32 postcss-load-plugins: 2.3.0 - styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-5398b711-20250314): + styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-c69a5fc5-20250318): dependencies: client-only: 0.0.1 - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 optionalDependencies: '@babel/core': 7.22.5 babel-plugin-macros: 3.1.0 @@ -34885,11 +34885,11 @@ snapshots: '@swc/counter': 0.1.3 webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2) - swr@2.2.4(react@19.1.0-canary-5398b711-20250314): + swr@2.2.4(react@19.1.0-canary-c69a5fc5-20250318): dependencies: client-only: 0.0.1 - react: 19.1.0-canary-5398b711-20250314 - use-sync-external-store: 1.2.0(react@19.1.0-canary-5398b711-20250314) + react: 19.1.0-canary-c69a5fc5-20250318 + use-sync-external-store: 1.2.0(react@19.1.0-canary-c69a5fc5-20250318) symbol-observable@1.0.1: {} @@ -35688,9 +35688,9 @@ snapshots: unist-util-is: 6.0.0 unist-util-visit-parents: 6.0.1 - unistore@3.4.1(react@19.1.0-canary-5398b711-20250314): + unistore@3.4.1(react@19.1.0-canary-c69a5fc5-20250318): optionalDependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 universal-github-app-jwt@1.1.1: dependencies: @@ -35816,9 +35816,9 @@ snapshots: optionalDependencies: '@types/react': 19.0.8 - use-sync-external-store@1.2.0(react@19.1.0-canary-5398b711-20250314): + use-sync-external-store@1.2.0(react@19.1.0-canary-c69a5fc5-20250318): dependencies: - react: 19.1.0-canary-5398b711-20250314 + react: 19.1.0-canary-c69a5fc5-20250318 util-deprecate@1.0.2: {} From fc411b900465e56259c4121e274c59389f18ffde Mon Sep 17 00:00:00 2001 From: vercel-release-bot Date: Tue, 18 Mar 2025 16:25:57 +0000 Subject: [PATCH 6/6] ncc-compiled --- .../cjs/react-dom-client.development.js | 1665 ++++++++++------ .../cjs/react-dom-client.production.js | 1615 ++++++++++------ .../cjs/react-dom-profiling.development.js | 1665 ++++++++++------ .../cjs/react-dom-profiling.profiling.js | 1663 ++++++++++------ ...t-dom-server-legacy.browser.development.js | 39 +- ...ct-dom-server-legacy.browser.production.js | 103 +- ...eact-dom-server-legacy.node.development.js | 39 +- ...react-dom-server-legacy.node.production.js | 103 +- .../react-dom-server.browser.development.js | 43 +- .../react-dom-server.browser.production.js | 63 +- .../cjs/react-dom-server.bun.production.js | 69 +- .../cjs/react-dom-server.edge.development.js | 43 +- .../cjs/react-dom-server.edge.production.js | 63 +- .../cjs/react-dom-server.node.development.js | 43 +- .../cjs/react-dom-server.node.production.js | 63 +- .../react-dom-unstable_testing.development.js | 1669 +++++++++++------ .../react-dom-unstable_testing.production.js | 1619 ++++++++++------ .../cjs/react-dom.development.js | 2 +- .../cjs/react-dom.production.js | 2 +- .../cjs/react-dom.react-server.development.js | 2 +- .../cjs/react-dom.react-server.production.js | 2 +- .../react-dom-experimental/package.json | 4 +- .../cjs/react-dom-client.development.js | 481 +++-- .../cjs/react-dom-client.production.js | 505 +++-- .../cjs/react-dom-profiling.development.js | 481 +++-- .../cjs/react-dom-profiling.profiling.js | 559 +++--- ...t-dom-server-legacy.browser.development.js | 12 +- ...ct-dom-server-legacy.browser.production.js | 12 +- ...eact-dom-server-legacy.node.development.js | 12 +- ...react-dom-server-legacy.node.production.js | 12 +- .../react-dom-server.browser.development.js | 16 +- .../react-dom-server.browser.production.js | 16 +- .../cjs/react-dom-server.bun.production.js | 16 +- .../cjs/react-dom-server.edge.development.js | 16 +- .../cjs/react-dom-server.edge.production.js | 16 +- .../cjs/react-dom-server.node.development.js | 16 +- .../cjs/react-dom-server.node.production.js | 16 +- .../react-dom/cjs/react-dom.development.js | 2 +- .../react-dom/cjs/react-dom.production.js | 2 +- .../cjs/react-dom.react-server.development.js | 2 +- .../cjs/react-dom.react-server.production.js | 2 +- .../next/src/compiled/react-dom/package.json | 4 +- .../cjs/react-jsx-dev-runtime.development.js | 7 +- ...sx-dev-runtime.react-server.development.js | 7 +- .../cjs/react-jsx-runtime.development.js | 7 +- ...ct-jsx-runtime.react-server.development.js | 7 +- .../cjs/react.development.js | 14 +- .../cjs/react.production.js | 6 +- .../cjs/react.react-server.development.js | 12 +- .../cjs/react.react-server.production.js | 2 +- .../react-is/cjs/react-is.development.js | 4 +- .../react-is/cjs/react-is.production.js | 4 +- .../next/src/compiled/react-is/package.json | 2 +- ...om-turbopack-client.browser.development.js | 11 +- ...r-dom-turbopack-client.edge.development.js | 7 +- ...r-dom-turbopack-client.node.development.js | 7 +- .../package.json | 4 +- ...om-turbopack-client.browser.development.js | 11 +- ...r-dom-turbopack-client.edge.development.js | 7 +- ...r-dom-turbopack-client.node.development.js | 7 +- .../react-server-dom-turbopack/package.json | 4 +- ...-dom-webpack-client.browser.development.js | 11 +- ...ver-dom-webpack-client.edge.development.js | 7 +- ...ver-dom-webpack-client.node.development.js | 7 +- ...bpack-client.node.unbundled.development.js | 7 +- .../package.json | 4 +- ...-dom-webpack-client.browser.development.js | 11 +- ...ver-dom-webpack-client.edge.development.js | 7 +- ...ver-dom-webpack-client.node.development.js | 7 +- ...bpack-client.node.unbundled.development.js | 7 +- .../react-server-dom-webpack/package.json | 4 +- .../cjs/react-jsx-dev-runtime.development.js | 7 +- ...sx-dev-runtime.react-server.development.js | 7 +- .../cjs/react-jsx-runtime.development.js | 7 +- ...ct-jsx-runtime.react-server.development.js | 7 +- .../compiled/react/cjs/react.development.js | 12 +- .../compiled/react/cjs/react.production.js | 2 +- .../cjs/react.react-server.development.js | 12 +- .../cjs/react.react-server.production.js | 2 +- .../next/src/compiled/unistore/unistore.js | 2 +- 80 files changed, 8137 insertions(+), 4900 deletions(-) diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js index 6a504ff29a23e..ca21cf99e1fbf 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js @@ -254,8 +254,6 @@ switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; - case REACT_PORTAL_TYPE: - return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: @@ -264,6 +262,8 @@ return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; + case REACT_ACTIVITY_TYPE: + return "Activity"; case REACT_VIEW_TRANSITION_TYPE: return "ViewTransition"; } @@ -275,6 +275,8 @@ ), type.$$typeof) ) { + case REACT_PORTAL_TYPE: + return "Portal"; case REACT_CONTEXT_TYPE: return (type.displayName || "Context") + ".Provider"; case REACT_CONSUMER_TYPE: @@ -312,6 +314,8 @@ function getComponentNameFromFiber(fiber) { var type = fiber.type; switch (fiber.tag) { + case 31: + return "Activity"; case 24: return "Cache"; case 9: @@ -1363,6 +1367,8 @@ return describeNativeComponentFrame(fiber.type.render, !1); case 1: return describeNativeComponentFrame(fiber.type, !0); + case 31: + return describeBuiltInComponentFrame("Activity"); case 30: return describeBuiltInComponentFrame("ViewTransition"); default: @@ -1422,8 +1428,11 @@ case 19: info += describeBuiltInComponentFrame("SuspenseList"); break; + case 31: + info += describeBuiltInComponentFrame("Activity"); + break; case 30: - info += describeBuiltInComponentFrame("SuspenseList"); + info += describeBuiltInComponentFrame("ViewTransition"); break; case 0: case 15: @@ -9537,33 +9546,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2729; - var JSCompiler_object_inline_stack_2728 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2797; + var JSCompiler_object_inline_stack_2796 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2726 = !1; + var JSCompiler_object_inline_message_2794 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2729 = didSuspend) || - (JSCompiler_object_inline_componentStack_2729 = + (JSCompiler_object_inline_componentStack_2797 = didSuspend) || + (JSCompiler_object_inline_componentStack_2797 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2729 && - ((JSCompiler_object_inline_message_2726 = !0), + JSCompiler_object_inline_componentStack_2797 && + ((JSCompiler_object_inline_message_2794 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2729 = + JSCompiler_object_inline_componentStack_2797 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2726 + JSCompiler_object_inline_message_2794 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2727 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2795 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2727)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2795)) { c: { - var instance = JSCompiler_object_inline_digest_2727; + var instance = JSCompiler_object_inline_digest_2795; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9605,87 +9614,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2727 + JSCompiler_object_inline_digest_2795 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2727 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2795 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2727 && - ((JSCompiler_object_inline_digest_2727 = - JSCompiler_object_inline_digest_2727.dehydrated), - null !== JSCompiler_object_inline_digest_2727) + null !== JSCompiler_object_inline_digest_2795 && + ((JSCompiler_object_inline_digest_2795 = + JSCompiler_object_inline_digest_2795.dehydrated), + null !== JSCompiler_object_inline_digest_2795) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2727) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2795) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2727 = - JSCompiler_object_inline_stack_2728.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2728.fallback; - if (JSCompiler_object_inline_message_2726) + JSCompiler_object_inline_digest_2795 = + JSCompiler_object_inline_stack_2796.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2796.fallback; + if (JSCompiler_object_inline_message_2794) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2728 = + (JSCompiler_object_inline_stack_2796 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2727, + JSCompiler_object_inline_digest_2795, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2726 = workInProgress.child), - (JSCompiler_object_inline_message_2726.memoizedState = + (JSCompiler_object_inline_message_2794 = workInProgress.child), + (JSCompiler_object_inline_message_2794.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2726.childLanes = + (JSCompiler_object_inline_message_2794.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2729, + JSCompiler_object_inline_componentStack_2797, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2728.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2796.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2728 = + (JSCompiler_object_inline_stack_2796 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2727, + JSCompiler_object_inline_digest_2795, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2726 = workInProgress.child), - (JSCompiler_object_inline_message_2726.memoizedState = + (JSCompiler_object_inline_message_2794 = workInProgress.child), + (JSCompiler_object_inline_message_2794.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2726.childLanes = + (JSCompiler_object_inline_message_2794.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2729, + JSCompiler_object_inline_componentStack_2797, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2727 + JSCompiler_object_inline_digest_2795 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2727 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2727) + ((JSCompiler_object_inline_digest_2795 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2795) ) { if (didSuspend) workInProgress.flags & 256 @@ -9702,94 +9711,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2726 = - JSCompiler_object_inline_stack_2728.fallback), - (JSCompiler_object_inline_digest_2727 = workInProgress.mode), - (JSCompiler_object_inline_stack_2728 = + (JSCompiler_object_inline_message_2794 = + JSCompiler_object_inline_stack_2796.fallback), + (JSCompiler_object_inline_digest_2795 = workInProgress.mode), + (JSCompiler_object_inline_stack_2796 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2728.children + children: JSCompiler_object_inline_stack_2796.children }, - JSCompiler_object_inline_digest_2727 + JSCompiler_object_inline_digest_2795 )), - (JSCompiler_object_inline_message_2726 = + (JSCompiler_object_inline_message_2794 = createFiberFromFragment( - JSCompiler_object_inline_message_2726, - JSCompiler_object_inline_digest_2727, + JSCompiler_object_inline_message_2794, + JSCompiler_object_inline_digest_2795, renderLanes, null )), - (JSCompiler_object_inline_message_2726.flags |= 2), - (JSCompiler_object_inline_stack_2728.return = workInProgress), - (JSCompiler_object_inline_message_2726.return = workInProgress), - (JSCompiler_object_inline_stack_2728.sibling = - JSCompiler_object_inline_message_2726), - (workInProgress.child = JSCompiler_object_inline_stack_2728), + (JSCompiler_object_inline_message_2794.flags |= 2), + (JSCompiler_object_inline_stack_2796.return = workInProgress), + (JSCompiler_object_inline_message_2794.return = workInProgress), + (JSCompiler_object_inline_stack_2796.sibling = + JSCompiler_object_inline_message_2794), + (workInProgress.child = JSCompiler_object_inline_stack_2796), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2728 = workInProgress.child), - (JSCompiler_object_inline_stack_2728.memoizedState = + (JSCompiler_object_inline_stack_2796 = workInProgress.child), + (JSCompiler_object_inline_stack_2796.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2728.childLanes = + (JSCompiler_object_inline_stack_2796.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2729, + JSCompiler_object_inline_componentStack_2797, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2726)); + (workInProgress = JSCompiler_object_inline_message_2794)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2727)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2795)) ) { - JSCompiler_object_inline_componentStack_2729 = - JSCompiler_object_inline_digest_2727.nextSibling && - JSCompiler_object_inline_digest_2727.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2729) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2729.dgst; - var message = JSCompiler_object_inline_componentStack_2729.msg; - instance = JSCompiler_object_inline_componentStack_2729.stck; + JSCompiler_object_inline_componentStack_2797 = + JSCompiler_object_inline_digest_2795.nextSibling && + JSCompiler_object_inline_digest_2795.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2797) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2797.dgst; + var message = JSCompiler_object_inline_componentStack_2797.msg; + instance = JSCompiler_object_inline_componentStack_2797.stck; var componentStack = - JSCompiler_object_inline_componentStack_2729.cstck; + JSCompiler_object_inline_componentStack_2797.cstck; } - JSCompiler_object_inline_message_2726 = message; - JSCompiler_object_inline_digest_2727 = JSCompiler_temp; - JSCompiler_object_inline_stack_2728 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2729 = + JSCompiler_object_inline_message_2794 = message; + JSCompiler_object_inline_digest_2795 = JSCompiler_temp; + JSCompiler_object_inline_stack_2796 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2797 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2727 && - ((JSCompiler_object_inline_componentStack_2729 = - JSCompiler_object_inline_message_2726 - ? Error(JSCompiler_object_inline_message_2726) + "POSTPONE" !== JSCompiler_object_inline_digest_2795 && + ((JSCompiler_object_inline_componentStack_2797 = + JSCompiler_object_inline_message_2794 + ? Error(JSCompiler_object_inline_message_2794) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_2729.stack = - JSCompiler_object_inline_stack_2728 || ""), - (JSCompiler_object_inline_componentStack_2729.digest = - JSCompiler_object_inline_digest_2727), - (JSCompiler_object_inline_stack_2728 = + (JSCompiler_object_inline_componentStack_2797.stack = + JSCompiler_object_inline_stack_2796 || ""), + (JSCompiler_object_inline_componentStack_2797.digest = + JSCompiler_object_inline_digest_2795), + (JSCompiler_object_inline_stack_2796 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2726 = { - value: JSCompiler_object_inline_componentStack_2729, + (JSCompiler_object_inline_message_2794 = { + value: JSCompiler_object_inline_componentStack_2797, source: null, - stack: JSCompiler_object_inline_stack_2728 + stack: JSCompiler_object_inline_stack_2796 }), - "string" === typeof JSCompiler_object_inline_stack_2728 && + "string" === typeof JSCompiler_object_inline_stack_2796 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2729, - JSCompiler_object_inline_message_2726 + JSCompiler_object_inline_componentStack_2797, + JSCompiler_object_inline_message_2794 ), - queueHydrationError(JSCompiler_object_inline_message_2726)); + queueHydrationError(JSCompiler_object_inline_message_2794)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9803,44 +9812,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2729 = + (JSCompiler_object_inline_componentStack_2797 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2729) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2797) ) { - JSCompiler_object_inline_componentStack_2729 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2797 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2729 && - ((JSCompiler_object_inline_stack_2728 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2728 = - 0 !== (JSCompiler_object_inline_stack_2728 & 42) + null !== JSCompiler_object_inline_componentStack_2797 && + ((JSCompiler_object_inline_stack_2796 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2796 = + 0 !== (JSCompiler_object_inline_stack_2796 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 )), - (JSCompiler_object_inline_stack_2728 = + (JSCompiler_object_inline_stack_2796 = 0 !== - (JSCompiler_object_inline_stack_2728 & - (JSCompiler_object_inline_componentStack_2729.suspendedLanes | + (JSCompiler_object_inline_stack_2796 & + (JSCompiler_object_inline_componentStack_2797.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2728), - 0 !== JSCompiler_object_inline_stack_2728 && - JSCompiler_object_inline_stack_2728 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2796), + 0 !== JSCompiler_object_inline_stack_2796 && + JSCompiler_object_inline_stack_2796 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2728), + ((prevState.retryLane = JSCompiler_object_inline_stack_2796), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2729, + JSCompiler_object_inline_componentStack_2797, current, - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2727.data === + JSCompiler_object_inline_digest_2795.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9848,14 +9857,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2727.data === + JSCompiler_object_inline_digest_2795.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2727.nextSibling + JSCompiler_object_inline_digest_2795.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9873,54 +9882,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2728.children + JSCompiler_object_inline_stack_2796.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2726) + if (JSCompiler_object_inline_message_2794) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2726 = - JSCompiler_object_inline_stack_2728.fallback), - (JSCompiler_object_inline_digest_2727 = workInProgress.mode), + (JSCompiler_object_inline_message_2794 = + JSCompiler_object_inline_stack_2796.fallback), + (JSCompiler_object_inline_digest_2795 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2728 = createWorkInProgress( + (JSCompiler_object_inline_stack_2796 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2728.children + children: JSCompiler_object_inline_stack_2796.children } )), - (JSCompiler_object_inline_stack_2728.subtreeFlags = + (JSCompiler_object_inline_stack_2796.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2726 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2794 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2726 + JSCompiler_object_inline_message_2794 )) - : ((JSCompiler_object_inline_message_2726 = createFiberFromFragment( - JSCompiler_object_inline_message_2726, - JSCompiler_object_inline_digest_2727, + : ((JSCompiler_object_inline_message_2794 = createFiberFromFragment( + JSCompiler_object_inline_message_2794, + JSCompiler_object_inline_digest_2795, renderLanes, null )), - (JSCompiler_object_inline_message_2726.flags |= 2)), - (JSCompiler_object_inline_message_2726.return = workInProgress), - (JSCompiler_object_inline_stack_2728.return = workInProgress), - (JSCompiler_object_inline_stack_2728.sibling = - JSCompiler_object_inline_message_2726), - (workInProgress.child = JSCompiler_object_inline_stack_2728), - (JSCompiler_object_inline_stack_2728 = - JSCompiler_object_inline_message_2726), - (JSCompiler_object_inline_message_2726 = workInProgress.child), - (JSCompiler_object_inline_digest_2727 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2727 - ? (JSCompiler_object_inline_digest_2727 = + (JSCompiler_object_inline_message_2794.flags |= 2)), + (JSCompiler_object_inline_message_2794.return = workInProgress), + (JSCompiler_object_inline_stack_2796.return = workInProgress), + (JSCompiler_object_inline_stack_2796.sibling = + JSCompiler_object_inline_message_2794), + (workInProgress.child = JSCompiler_object_inline_stack_2796), + (JSCompiler_object_inline_stack_2796 = + JSCompiler_object_inline_message_2794), + (JSCompiler_object_inline_message_2794 = workInProgress.child), + (JSCompiler_object_inline_digest_2795 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2795 + ? (JSCompiler_object_inline_digest_2795 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2727.cachePool), + JSCompiler_object_inline_digest_2795.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9928,38 +9937,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2727 = { + (JSCompiler_object_inline_digest_2795 = { baseLanes: - JSCompiler_object_inline_digest_2727.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2795.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2726.memoizedState = - JSCompiler_object_inline_digest_2727), - (JSCompiler_object_inline_message_2726.childLanes = + (JSCompiler_object_inline_message_2794.memoizedState = + JSCompiler_object_inline_digest_2795), + (JSCompiler_object_inline_message_2794.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2729, + JSCompiler_object_inline_componentStack_2797, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2728.children + children: JSCompiler_object_inline_stack_2796.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2729 = + ((JSCompiler_object_inline_componentStack_2797 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2729 + null === JSCompiler_object_inline_componentStack_2797 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2729.push(current)); + : JSCompiler_object_inline_componentStack_2797.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -10524,10 +10533,10 @@ current.$$typeof === REACT_LAZY_TYPE && (workInProgress = " Did you wrap a component in React.lazy() more than once?"); - renderLanes = getComponentNameFromType(current) || current; + current = getComponentNameFromType(current) || current; throw Error( "Element type is invalid. Received a promise that resolves to: " + - renderLanes + + current + ". Lazy element type must resolve to a class or function." + workInProgress ); @@ -10635,15 +10644,15 @@ didSuspendOrErrorDEV = !1; hydrationDiffRootDEV = null; rootOrSingletonContext = !0; - renderLanes = mountChildFibers( + current = mountChildFibers( workInProgress, null, returnFiber, renderLanes ); - for (workInProgress.child = renderLanes; renderLanes; ) - (renderLanes.flags = (renderLanes.flags & -3) | 4096), - (renderLanes = renderLanes.sibling); + for (workInProgress.child = current; current; ) + (current.flags = (current.flags & -3) | 4096), + (current = current.sibling); } else { resetHydrationState(); @@ -10669,26 +10678,26 @@ return ( markRef(current, workInProgress), null === current - ? (renderLanes = getResource( + ? (current = getResource( workInProgress.type, null, workInProgress.pendingProps, null )) - ? (workInProgress.memoizedState = renderLanes) + ? (workInProgress.memoizedState = current) : isHydrating || - ((renderLanes = workInProgress.type), - (current = workInProgress.pendingProps), + ((current = workInProgress.type), + (renderLanes = workInProgress.pendingProps), (returnFiber = requiredContext( rootInstanceStackCursor.current )), (returnFiber = getOwnerDocumentFromRootContainer( returnFiber - ).createElement(renderLanes)), + ).createElement(current)), (returnFiber[internalInstanceKey] = workInProgress), - (returnFiber[internalPropsKey] = current), - setInitialProperties(returnFiber, renderLanes, current), + (returnFiber[internalPropsKey] = renderLanes), + setInitialProperties(returnFiber, current, renderLanes), markNodeAsHoistable(returnFiber), (workInProgress.stateNode = returnFiber)) : (workInProgress.memoizedState = getResource( @@ -10817,21 +10826,21 @@ return ( null === current && isHydrating && - ((renderLanes = workInProgress.pendingProps), - (current = getHostContext()), - (returnFiber = current.ancestorInfo.current), - (renderLanes = + ((current = workInProgress.pendingProps), + (renderLanes = getHostContext()), + (returnFiber = renderLanes.ancestorInfo.current), + (current = null != returnFiber ? validateTextNesting( - renderLanes, + current, returnFiber.tag, - current.ancestorInfo.implicitRootScope + renderLanes.ancestorInfo.implicitRootScope ) : !0), - (current = nextHydratableInstance), - (returnFiber = !current) || + (renderLanes = nextHydratableInstance), + (returnFiber = !renderLanes) || ((returnFiber = canHydrateTextInstance( - current, + renderLanes, workInProgress.pendingProps, rootOrSingletonContext )), @@ -10843,8 +10852,8 @@ : (returnFiber = !1), (returnFiber = !returnFiber)), returnFiber && - (renderLanes && - warnNonHydratedInstance(workInProgress, current), + (current && + warnNonHydratedInstance(workInProgress, renderLanes), throwOnHydrationMismatch(workInProgress))), null ); @@ -10981,6 +10990,30 @@ workInProgress, renderLanes ); + case 31: + return ( + (returnFiber = workInProgress.pendingProps), + (renderLanes = workInProgress.mode), + (returnFiber = { + mode: returnFiber.mode, + children: returnFiber.children + }), + null === current + ? ((current = mountWorkInProgressOffscreenFiber( + returnFiber, + renderLanes + )), + (current.ref = workInProgress.ref), + (workInProgress.child = current), + (current.return = workInProgress), + (workInProgress = current)) + : ((current = createWorkInProgress(current.child, returnFiber)), + (current.ref = workInProgress.ref), + (workInProgress.child = current), + (current.return = workInProgress), + (workInProgress = current)), + workInProgress + ); case 22: return updateOffscreenComponent(current, workInProgress, renderLanes); case 24: @@ -11043,20 +11076,21 @@ (prevSibling = workInProgress.stateNode), null != returnFiber.name && "auto" !== returnFiber.name ? (workInProgress.flags |= null === current ? 18882560 : 18874368) - : null === prevSibling.autoName && - ((prevState = workInProgressRoot.identifierPrefix), - isHydrating - ? ((nextState = getTreeId()), - (prevState = - "\u00ab" + prevState + "T" + nextState + "\u00bb")) - : ((nextState = globalClientIdCounter++), - (prevState = - "\u00ab" + - prevState + - "t" + - nextState.toString(32) + - "\u00bb")), - (prevSibling.autoName = prevState)), + : (null === prevSibling.autoName && + ((prevState = workInProgressRoot.identifierPrefix), + isHydrating + ? ((nextState = getTreeId()), + (prevState = + "\u00ab" + prevState + "T" + nextState + "\u00bb")) + : ((nextState = globalClientIdCounter++), + (prevState = + "\u00ab" + + prevState + + "t" + + nextState.toString(32) + + "\u00bb")), + (prevSibling.autoName = prevState)), + isHydrating && pushMaterializedTreeId(workInProgress)), null !== current && current.memoizedProps.name !== returnFiber.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress), @@ -11666,12 +11700,33 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } + function pushViewTransitionCancelableScope() { + var prevChildren = viewTransitionCancelableChildren; + viewTransitionCancelableChildren = null; + return prevChildren; + } function applyViewTransitionToHostInstances( child, name, className, collectMeasurements, stopAtNestedViewTransitions + ) { + viewTransitionHostInstanceIdx = 0; + return applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions + ); + } + function applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { @@ -11683,17 +11738,17 @@ measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); - measurement = className; - instance.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx ? name - : name + "_" + viewTransitionHostInstanceIdx; - null != measurement && - (instance.style.viewTransitionClass = measurement); + : name + "_" + viewTransitionHostInstanceIdx, + className + ); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - (applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstancesRecursive( child.child, name, className, @@ -11739,19 +11794,19 @@ var name = props.name; props = getViewTransitionClassName(props.className, props.share); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( placement.child, name, props, null, !1 - ) || restoreViewTransitionOnHostInstances(placement.child, !1)); + ) || + restoreViewTransitionOnHostInstances(placement.child, !1)); } placement = placement.sibling; } } - function commitEnterViewTransitions(placement) { + function commitEnterViewTransitions(placement, gesture) { if (30 === placement.tag) { var state = placement.stateNode, props = placement.memoizedProps, @@ -11761,22 +11816,22 @@ state.paired ? props.share : props.enter ); "none" !== className - ? ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + ? applyViewTransitionToHostInstances( placement.child, name, className, null, !1 ) - ? (commitAppearingPairViewTransitions(placement), - state.paired || - scheduleViewTransitionEvent(placement, props.onEnter)) - : restoreViewTransitionOnHostInstances(placement.child, !1)) + ? (commitAppearingPairViewTransitions(placement), + state.paired || + gesture || + scheduleViewTransitionEvent(placement, props.onEnter)) + : restoreViewTransitionOnHostInstances(placement.child, !1) : commitAppearingPairViewTransitions(placement); } else if (0 !== (placement.subtreeFlags & 33554432)) for (placement = placement.child; null !== placement; ) - commitEnterViewTransitions(placement), + commitEnterViewTransitions(placement, gesture), (placement = placement.sibling); else commitAppearingPairViewTransitions(placement); } @@ -11800,15 +11855,16 @@ props.share ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, null, !1 ) - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), scheduleViewTransitionEvent(deletion, props.onShare)) : restoreViewTransitionOnHostInstances( deletion.child, @@ -11838,8 +11894,7 @@ void 0 !== pair ? props.share : props.exit ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, @@ -11847,7 +11902,9 @@ !1 ) ? void 0 !== pair - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), appearingViewTransitions.delete(name), scheduleViewTransitionEvent(deletion, props.onShare)) : scheduleViewTransitionEvent(deletion, props.onExit) @@ -11868,14 +11925,13 @@ name = getViewTransitionName(props, changedParent.stateNode); props = getViewTransitionClassName(props.className, props.layout); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), applyViewTransitionToHostInstances( changedParent.child, name, props, (changedParent.memoizedState = []), !1 - )); + ); } else 0 !== (changedParent.subtreeFlags & 33554432) && commitNestedViewTransitions(changedParent); @@ -11897,48 +11953,32 @@ parent = parent.sibling; } } - function restoreEnterViewTransitions(placement) { - if (30 === placement.tag) - (placement.stateNode.paired = null), - restoreViewTransitionOnHostInstances(placement.child, !1), - restorePairedViewTransitions(placement); - else if (0 !== (placement.subtreeFlags & 33554432)) - for (placement = placement.child; null !== placement; ) - restoreEnterViewTransitions(placement), - (placement = placement.sibling); - else restorePairedViewTransitions(placement); - } - function restoreExitViewTransitions(deletion) { - if (30 === deletion.tag) - (deletion.stateNode.paired = null), - restoreViewTransitionOnHostInstances(deletion.child, !1), - restorePairedViewTransitions(deletion); - else if (0 !== (deletion.subtreeFlags & 33554432)) - for (deletion = deletion.child; null !== deletion; ) - restoreExitViewTransitions(deletion), (deletion = deletion.sibling); - else restorePairedViewTransitions(deletion); + function restoreEnterOrExitViewTransitions(fiber) { + if (30 === fiber.tag) + (fiber.stateNode.paired = null), + restoreViewTransitionOnHostInstances(fiber.child, !1), + restorePairedViewTransitions(fiber); + else if (0 !== (fiber.subtreeFlags & 33554432)) + for (fiber = fiber.child; null !== fiber; ) + restoreEnterOrExitViewTransitions(fiber), (fiber = fiber.sibling); + else restorePairedViewTransitions(fiber); } function restoreNestedViewTransitions(changedParent) { for (changedParent = changedParent.child; null !== changedParent; ) 30 === changedParent.tag - ? ((changedParent.memoizedState = null), - restoreViewTransitionOnHostInstances(changedParent.child, !1)) + ? restoreViewTransitionOnHostInstances(changedParent.child, !1) : 0 !== (changedParent.subtreeFlags & 33554432) && restoreNestedViewTransitions(changedParent), (changedParent = changedParent.sibling); } - function cancelViewTransitionHostInstances( - currentViewTransition, + function cancelViewTransitionHostInstancesRecursive( child, + oldName, stopAtNestedViewTransitions ) { for (; null !== child; ) { if (5 === child.tag) { - var instance = child.stateNode, - oldName = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - ); + var instance = child.stateNode; null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []); viewTransitionCancelableChildren.push( @@ -11949,19 +11989,19 @@ viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - cancelViewTransitionHostInstances( - currentViewTransition, + cancelViewTransitionHostInstancesRecursive( child.child, + oldName, stopAtNestedViewTransitions ); child = child.sibling; } } - function measureViewTransitionHostInstances( - currentViewTransition, + function measureViewTransitionHostInstancesRecursive( parentViewTransition, child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -12001,36 +12041,30 @@ nextMeasurement && (parentViewTransition.flags |= 32); } else parentViewTransition.flags |= 32; 0 !== (parentViewTransition.flags & 4) && - ((nextMeasurement = instance), - (previousMeasurement = className), - (nextMeasurement.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx - ? name - : name + "_" + viewTransitionHostInstanceIdx), - null != previousMeasurement && - (nextMeasurement.style.viewTransitionClass = - previousMeasurement)); + ? newName + : newName + "_" + viewTransitionHostInstanceIdx, + className + ); (inViewport && 0 !== (parentViewTransition.flags & 4)) || - ((nextMeasurement = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - )), - null === viewTransitionCancelableChildren && + (null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []), viewTransitionCancelableChildren.push( instance, - nextMeasurement, + oldName, child.memoizedProps )); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) 30 === child.tag && stopAtNestedViewTransitions ? (parentViewTransition.flags |= child.flags & 32) - : measureViewTransitionHostInstances( - currentViewTransition, + : measureViewTransitionHostInstancesRecursive( parentViewTransition, child.child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -12039,34 +12073,93 @@ } return inViewport; } - function measureNestedViewTransitions(changedParent) { + function measureUpdateViewTransition(current, finishedWork, gesture) { + var oldFiber = gesture ? finishedWork : current, + newFiber = gesture ? current : finishedWork, + props = newFiber.memoizedProps, + state = newFiber.stateNode, + newName = getViewTransitionName(props, state); + current = getViewTransitionName(oldFiber.memoizedProps, state); + var updateClassName = getViewTransitionClassName( + props.className, + props.update + ); + props = getViewTransitionClassName(props.className, props.layout); + if ("none" === updateClassName) { + if ("none" === props) return !1; + finishedWork.flags &= -5; + updateClassName = props; + } else if (0 === (finishedWork.flags & 4)) { + if ("none" === props) + return ( + (finishedWork = oldFiber.child), + (viewTransitionHostInstanceIdx = 0), + cancelViewTransitionHostInstancesRecursive( + finishedWork, + current, + !0 + ), + !1 + ); + updateClassName = props; + } + gesture + ? ((oldFiber = state.clones), + (gesture = + null === oldFiber ? null : oldFiber.map(measureClonedInstance))) + : ((gesture = oldFiber.memoizedState), (oldFiber.memoizedState = null)); + oldFiber = newFiber.child; + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstancesRecursive( + finishedWork, + oldFiber, + newName, + current, + updateClassName, + gesture, + !0 + ); + viewTransitionHostInstanceIdx !== + (null === gesture ? 0 : gesture.length) && (finishedWork.flags |= 32); + return current; + } + function measureNestedViewTransitions(changedParent, gesture) { for (changedParent = changedParent.child; null !== changedParent; ) { if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName( - props.className, - props.layout - ); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 + var props = changedParent.memoizedProps, + state = changedParent.stateNode, + name = getViewTransitionName(props, state), + className = getViewTransitionClassName( + props.className, + props.layout ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } + if (gesture) { + state = state.clones; + var previousMeasurements = + null === state ? null : state.map(measureClonedInstance); + } else + (previousMeasurements = changedParent.memoizedState), + (changedParent.memoizedState = null); + state = changedParent; + var child = changedParent.child, + newName = name; + viewTransitionHostInstanceIdx = 0; + className = measureViewTransitionHostInstancesRecursive( + state, + child, + newName, + name, + className, + previousMeasurements, + !1 + ); + 0 !== (changedParent.flags & 4) && + className && + (gesture || + scheduleViewTransitionEvent(changedParent, props.onLayout)); } else 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); + measureNestedViewTransitions(changedParent, gesture); changedParent = changedParent.sibling; } } @@ -12146,7 +12239,7 @@ _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + for (firstChild = committedLanes ? 9270 : 1028; null !== nextEffect; ) { root = nextEffect; if ( committedLanes && @@ -12252,11 +12345,7 @@ case 17: break; case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (finishedWork.subtreeFlags & 8246) - ) + if (isViewTransitionEligible && null !== current) a: { isViewTransitionEligible = current; current = finishedWork; @@ -12278,7 +12367,6 @@ "none" === flags) ) break a; - viewTransitionHostInstanceIdx = 0; applyViewTransitionToHostInstances( isViewTransitionEligible.child, finishedWork, @@ -13249,6 +13337,7 @@ instance, lanes.memoizedProps ); + viewTransitionMutationContext = !0; } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -13347,66 +13436,33 @@ } } function recursivelyTraverseAfterMutationEffects(root, parentFiber) { - if (parentFiber.subtreeFlags & 9238) + if (parentFiber.subtreeFlags & 9270) for (parentFiber = parentFiber.child; null !== parentFiber; ) commitAfterMutationEffectsOnFiber(parentFiber, root), (parentFiber = parentFiber.sibling); - else measureNestedViewTransitions(parentFiber); + else measureNestedViewTransitions(parentFiber, !1); } function commitAfterMutationEffectsOnFiber(finishedWork, root) { var current = finishedWork.alternate; - if (null === current) commitEnterViewTransitions(finishedWork); + if (null === current) commitEnterViewTransitions(finishedWork, !1); else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; + viewTransitionContextChanged$1 = !1; + pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); - if (!viewTransitionContextChanged) { + if (!viewTransitionContextChanged$1) { finishedWork = viewTransitionCancelableChildren; - viewTransitionCancelableChildren = null; if (null !== finishedWork) - for (var i = 0; i < finishedWork.length; i += 3) { - var instance = finishedWork[i], - oldName = finishedWork[i + 1]; - restoreViewTransitionName(instance, finishedWork[i + 2]); - instance = instance.ownerDocument.documentElement; - null !== instance && - instance.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: - "::view-transition-group(" + oldName + ")" - } - ); - } - finishedWork = root.containerInfo; - finishedWork = - 9 === finishedWork.nodeType - ? finishedWork.documentElement - : finishedWork.ownerDocument.documentElement; - null !== finishedWork && - "" === finishedWork.style.viewTransitionName && - ((finishedWork.style.viewTransitionName = "none"), - finishedWork.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - finishedWork.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + for (var i = 0; i < finishedWork.length; i += 3) + cancelViewTransitionName( + finishedWork[i], + finishedWork[i + 1], + finishedWork[i + 2] + ); + cancelRootViewTransitionName(root.containerInfo); } + viewTransitionCancelableChildren = null; break; case 5: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -13414,85 +13470,34 @@ case 22: null === finishedWork.memoizedState && (null !== current.memoizedState - ? commitEnterViewTransitions(finishedWork) + ? commitEnterViewTransitions(finishedWork, !1) : recursivelyTraverseAfterMutationEffects(root, finishedWork)); break; case 30: - if (0 !== (finishedWork.subtreeFlags & 8246)) { - i = 0 !== (finishedWork.flags & 4); - oldName = viewTransitionContextChanged; - instance = viewTransitionCancelableChildren; - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; - recursivelyTraverseAfterMutationEffects(root, finishedWork); - viewTransitionContextChanged && (finishedWork.flags |= 4); - a: { - root = finishedWork.memoizedProps; - var updateClassName = getViewTransitionClassName( - root.className, - root.update - ), - layoutClassName = getViewTransitionClassName( - root.className, - root.layout - ); - if ("none" === updateClassName) { - if ("none" === layoutClassName) { - current = !1; - break a; - } - finishedWork.flags &= -5; - updateClassName = layoutClassName; - } else if (0 === (finishedWork.flags & 4)) { - if ("none" === layoutClassName) { - viewTransitionHostInstanceIdx = 0; - cancelViewTransitionHostInstances( - current, - finishedWork.child, - !0 - ); - current = !1; - break a; - } - updateClassName = layoutClassName; - } - layoutClassName = getViewTransitionName( - root, - finishedWork.stateNode - ); - viewTransitionHostInstanceIdx = 0; - root = current.memoizedState; - current = measureViewTransitionHostInstances( - current, + i = 0 !== (finishedWork.flags & 4); + var prevContextChanged = viewTransitionContextChanged$1, + prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged$1 = !1; + recursivelyTraverseAfterMutationEffects(root, finishedWork); + viewTransitionContextChanged$1 && (finishedWork.flags |= 4); + root = measureUpdateViewTransition(current, finishedWork, !1); + 0 !== (finishedWork.flags & 4) && root + ? ((root = finishedWork.memoizedProps), + scheduleViewTransitionEvent( finishedWork, - finishedWork.child, - layoutClassName, - updateClassName, - root, - !0 - ); - viewTransitionHostInstanceIdx !== - (null === root ? 0 : root.length) && - (finishedWork.flags |= 32); - } - 0 !== (finishedWork.flags & 4) && current - ? ((current = finishedWork.memoizedProps), - scheduleViewTransitionEvent( - finishedWork, - i || viewTransitionContextChanged - ? current.onUpdate - : current.onLayout - ), - (viewTransitionCancelableChildren = instance)) - : null !== instance && - (instance.push.apply( - instance, - viewTransitionCancelableChildren - ), - (viewTransitionCancelableChildren = instance)); - viewTransitionContextChanged = - 0 !== (finishedWork.flags & 32) ? !0 : oldName; - } + i || viewTransitionContextChanged$1 + ? root.onUpdate + : root.onLayout + ), + (viewTransitionCancelableChildren = prevCancelableChildren)) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged$1 = + 0 !== (finishedWork.flags & 32) ? !0 : prevContextChanged; break; default: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -13810,7 +13815,7 @@ null === finishedWork.alternate && null !== finishedWork.return && null !== finishedWork.return.alternate && - restoreEnterViewTransitions(finishedWork); + restoreEnterOrExitViewTransitions(finishedWork); var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -13967,7 +13972,7 @@ ? (isViewTransitionEligible && null !== wasInHydratedSubtree && null === wasInHydratedSubtree.memoizedState && - restoreExitViewTransitions(wasInHydratedSubtree), + restoreEnterOrExitViewTransitions(wasInHydratedSubtree), prevEffectDuration._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -13986,7 +13991,7 @@ : (isViewTransitionEligible && null !== wasInHydratedSubtree && null !== wasInHydratedSubtree.memoizedState && - restoreEnterViewTransitions(finishedWork), + restoreEnterOrExitViewTransitions(finishedWork), prevEffectDuration._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -14026,9 +14031,7 @@ isViewTransitionEligible && ((isViewTransitionEligible = finishedWork.alternate), null !== isViewTransitionEligible && - 0 !== (finishedWork.subtreeFlags & 8246) && - ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances( + (restoreViewTransitionOnHostInstances( isViewTransitionEligible.child, !0 ), @@ -14671,6 +14674,13 @@ : 5); else a: switch (type) { + case REACT_ACTIVITY_TYPE: + return ( + (key = createFiber(31, pendingProps, key, mode)), + (key.elementType = REACT_ACTIVITY_TYPE), + (key.lanes = lanes), + key + ); case REACT_FRAGMENT_TYPE: return createFiberFromFragment( pendingProps.children, @@ -14712,15 +14722,18 @@ (key.lanes = lanes), key ); - case REACT_OFFSCREEN_TYPE: - return createFiberFromOffscreen(pendingProps, mode, lanes, key); case REACT_LEGACY_HIDDEN_TYPE: case REACT_VIEW_TRANSITION_TYPE: return ( (key = createFiber(30, pendingProps, key, mode)), (key.elementType = REACT_VIEW_TRANSITION_TYPE), (key.lanes = lanes), - (key.stateNode = { autoName: null, paired: null, ref: null }), + (key.stateNode = { + autoName: null, + paired: null, + clones: null, + ref: null + }), key ); default: @@ -14804,7 +14817,6 @@ } function createFiberFromOffscreen(pendingProps, mode, lanes, key) { pendingProps = createFiber(22, pendingProps, key, mode); - pendingProps.elementType = REACT_OFFSCREEN_TYPE; pendingProps.lanes = lanes; var primaryChildInstance = { _visibility: OffscreenVisible, @@ -15280,6 +15292,7 @@ var newProps = workInProgress.pendingProps; popTreeContext(workInProgress); switch (workInProgress.tag) { + case 31: case 16: case 15: case 0: @@ -15949,27 +15962,271 @@ popProvider(CacheContext, interruptedWork); } } + function applyViewTransitionToClones(name, className, clones) { + for (var i = 0; i < clones.length; i++) + applyViewTransitionName( + clones[i], + 0 === i ? name : name + "_" + i, + className + ); + } + function trackDeletedPairViewTransitions(deletion) { + if ( + null !== appearingViewTransitions && + 0 !== appearingViewTransitions.size + ) { + var pairs = appearingViewTransitions; + if (0 !== (deletion.subtreeFlags & 18874368)) + for (deletion = deletion.child; null !== deletion; ) { + if (22 !== deletion.tag || null !== deletion.memoizedState) { + if (30 === deletion.tag && 0 !== (deletion.flags & 18874368)) { + var props = deletion.memoizedProps, + name = props.name; + if (null != name && "auto" !== name) { + var pair = pairs.get(name); + if (void 0 !== pair) { + pairs.delete(name); + props = getViewTransitionClassName( + props.className, + props.share + ); + if ("none" !== props) { + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && + applyViewTransitionToClones(name, props, pair); + } + if (0 === pairs.size) break; + } + } + } + trackDeletedPairViewTransitions(deletion); + } + deletion = deletion.sibling; + } + } + } + function trackEnterViewTransitions(deletion) { + if (30 === deletion.tag) { + var props = deletion.memoizedProps, + name = getViewTransitionName(props, deletion.stateNode), + pair = + null !== appearingViewTransitions + ? appearingViewTransitions.get(name) + : void 0; + props = getViewTransitionClassName( + props.className, + void 0 !== pair ? props.share : props.enter + ); + if ("none" !== props && void 0 !== pair) { + appearingViewTransitions.delete(name); + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && applyViewTransitionToClones(name, props, pair); + } + trackDeletedPairViewTransitions(deletion); + } else if (0 !== (deletion.subtreeFlags & 33554432)) + for (deletion = deletion.child; null !== deletion; ) + trackEnterViewTransitions(deletion), (deletion = deletion.sibling); + else trackDeletedPairViewTransitions(deletion); + } + function applyAppearingPairViewTransition(child) { + if (0 !== (child.flags & 18874368)) { + var state = child.stateNode; + if (state.paired) { + var props = child.memoizedProps; + if (null == props.name || "auto" === props.name) + throw Error( + "Found a pair with an auto name. This is a bug in React." + ); + child = props.name; + props = getViewTransitionClassName(props.className, props.share); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(child, props, state)); + } + } + } + function applyExitViewTransition(placement) { + var state = placement.stateNode, + props = placement.memoizedProps; + placement = getViewTransitionName(props, state); + props = getViewTransitionClassName( + props.className, + state.paired ? props.share : props.exit + ); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(placement, props, state)); + } + function recursivelyInsertNew( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ) { + if ( + visitPhase !== INSERT_APPEARING_PAIR || + null !== parentViewTransition || + 0 !== (parentFiber.subtreeFlags & 18874368) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + recursivelyInsertNewFiber( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ), + (parentFiber = parentFiber.sibling); + } + function recursivelyInsertNewFiber( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ) { + switch (finishedWork.tag) { + case 26: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + finishedWork.flags & 4 && + console.error( + "useSwipeTransition() caused something to render a new <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't mount any new <%s> elements.", + finishedWork.type, + finishedWork.type + ); + break; + case 5: + var instance = finishedWork.stateNode; + visitPhase !== INSERT_APPEARING_PAIR + ? (appendChild(hostParentClone, instance), + (viewTransitionMutationContext = !0), + recursivelyInsertNew( + finishedWork, + instance, + null, + INSERT_APPEARING_PAIR + )) + : recursivelyInsertNew(finishedWork, instance, null, visitPhase); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + break; + case 6: + finishedWork = finishedWork.stateNode; + if (null === finishedWork) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + visitPhase !== INSERT_APPEARING_PAIR && + (appendChild(hostParentClone, finishedWork), + (viewTransitionMutationContext = !0)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 30: + parentViewTransition = pushMutationContext(); + instance = finishedWork.stateNode; + instance.clones = null; + recursivelyInsertNew( + finishedWork, + hostParentClone, + instance, + visitPhase === INSERT_EXIT ? INSERT_APPEND : visitPhase + ); + visitPhase === INSERT_EXIT + ? applyExitViewTransition(finishedWork) + : (visitPhase === INSERT_APPEARING_PAIR || + visitPhase === INSERT_APPEND) && + applyAppearingPairViewTransition(finishedWork); + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + } + } function recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ) { for (parentFiber = parentFiber.child; null !== parentFiber; ) { switch (parentFiber.tag) { case 5: - var clone = parentFiber.stateNode.cloneNode(!0); - appendChild(hostParentClone, clone); - unhideHostChildren && - unhideInstance(clone, parentFiber.memoizedProps); + var instance = parentFiber.stateNode; + switch (visitPhase) { + case CLONE_EXIT: + case CLONE_UNHIDE: + case CLONE_APPEARING_PAIR: + var _nextPhase = + 0 !== (parentFiber.subtreeFlags & 18874368) + ? CLONE_APPEARING_PAIR + : CLONE_UNCHANGED; + break; + default: + _nextPhase = CLONE_UNCHANGED; + } + _nextPhase !== CLONE_UNCHANGED + ? ((instance = instance.cloneNode(!1)), + recursivelyInsertClonesFromExistingTree( + parentFiber, + instance, + null, + _nextPhase + )) + : (instance = instance.cloneNode(!0)); + appendChild(hostParentClone, instance); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + unhideInstance(instance, parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 6: - clone = parentFiber.stateNode; - if (null === clone) + _nextPhase = parentFiber.stateNode; + if (null === _nextPhase) throw Error( "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." ); - clone = clone.cloneNode(!1); - appendChild(hostParentClone, clone); - unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + _nextPhase = _nextPhase.cloneNode(!1); + appendChild(hostParentClone, _nextPhase); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + (_nextPhase.nodeValue = parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 4: break; @@ -15977,145 +16234,361 @@ null === parentFiber.memoizedState && recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ); break; case 30: - clone = pushMutationContext(); + _nextPhase = pushMutationContext(); + instance = parentFiber.stateNode; + instance.clones = null; recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + instance, + visitPhase === CLONE_EXIT + ? CLONE_UNHIDE + : visitPhase === CLONE_UPDATE + ? CLONE_UNCHANGED + : visitPhase ); - viewTransitionMutationContext = clone; + if (visitPhase === CLONE_EXIT) applyExitViewTransition(parentFiber); + else if ( + visitPhase === CLONE_APPEARING_PAIR || + visitPhase === CLONE_UNHIDE + ) + applyAppearingPairViewTransition(parentFiber); + else if (visitPhase === CLONE_UPDATE) { + var state = parentFiber.stateNode, + props = parentFiber.memoizedProps; + instance = getViewTransitionName(props, state); + props = getViewTransitionClassName(props.className, props.layout); + "none" !== props && + ((state = state.clones), + null !== state && + applyViewTransitionToClones(instance, props, state)); + } + viewTransitionMutationContext = _nextPhase; break; default: recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ); } parentFiber = parentFiber.sibling; } } - function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { + function recursivelyInsertClones( + parentFiber, + hostParentClone$jscomp$0, + parentViewTransition, + visitPhase$jscomp$0 + ) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + trackEnterViewTransitions(deletions[i]), + (viewTransitionMutationContext = !0); if ( null === parentFiber.alternate || 0 !== (parentFiber.subtreeFlags & 13878) ) for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var finishedWork = parentFiber, - hostParentClone = hostParentClone$jscomp$0, - current = finishedWork.alternate, - flags = finishedWork.flags; - switch (finishedWork.tag) { - case 26: - recursivelyInsertClones(finishedWork, hostParentClone); - break; - case 27: - recursivelyInsertClones(finishedWork, hostParentClone); - if (flags & 4) - if (null === current) - console.error( - "useSwipeTransition() caused something to render a new <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't mount any new <%s> elements.", - finishedWork.type, - finishedWork.type - ); - else { - hostParentClone = finishedWork.memoizedProps; - current = current.memoizedProps; - flags = finishedWork.stateNode; - var clone = finishedWork.type; - var prev = pushMutationContext(); + deletions = parentFiber; + var hostParentClone = hostParentClone$jscomp$0; + var nextPhase = parentViewTransition; + var visitPhase = visitPhase$jscomp$0; + i = deletions.alternate; + if (null === i) + recursivelyInsertNewFiber( + deletions, + hostParentClone, + nextPhase, + INSERT_EXIT + ); + else { + var flags = deletions.flags; + switch (deletions.tag) { + case 26: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + break; + case 27: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + if (flags & 4) { + hostParentClone = deletions.memoizedProps; + i = i.memoizedProps; + visitPhase = deletions.stateNode; + flags = deletions.type; + nextPhase = pushMutationContext(); try { commitUpdate( + visitPhase, flags, - clone, - current, + i, hostParentClone, - finishedWork + deletions ), viewTransitionMutationContext && console.error( "useSwipeTransition() caused something to mutate <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't update any state which causes <%s> to change.", - finishedWork.type, - finishedWork.type + deletions.type, + deletions.type ), commitUpdate( + visitPhase, flags, - clone, hostParentClone, - current, - finishedWork + i, + deletions ); } finally { - viewTransitionMutationContext = prev; + viewTransitionMutationContext = nextPhase; } } - break; - case 5: - clone = finishedWork.stateNode; - null === current - ? appendChild(hostParentClone, clone) - : (null === finishedWork.child - ? ((clone = clone.cloneNode(!0)), - finishedWork.flags & 32 && resetTextContent(clone)) - : (clone = clone.cloneNode(!1)), - flags & 4 && - commitUpdate( + break; + case 5: + var clone = deletions.stateNode; + null === deletions.child + ? ((clone = clone.cloneNode(!0)), + deletions.flags & 32 && + (resetTextContent(clone), + (viewTransitionMutationContext = !0))) + : (clone = clone.cloneNode(!1)); + flags & 4 && + commitUpdate( + clone, + deletions.type, + i.memoizedProps, + deletions.memoizedProps + ); + visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE + ? (recursivelyInsertClones( + deletions, clone, - finishedWork.type, - current.memoizedProps, - finishedWork.memoizedProps + null, + CLONE_APPEARING_PAIR ), - unhideHostChildren - ? ((unhideHostChildren = !1), - recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone), - (unhideHostChildren = !0), - unhideInstance(clone, finishedWork.memoizedProps)) - : (recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone))); - break; - case 6: - clone = finishedWork.stateNode; - if (null === clone) - throw Error( - "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + appendChild(hostParentClone, clone), + unhideInstance(clone, deletions.memoizedProps), + (viewTransitionMutationContext = !0)) + : (recursivelyInsertClones( + deletions, + clone, + null, + visitPhase + ), + appendChild(hostParentClone, clone)); + null !== nextPhase && + (null === nextPhase.clones + ? (nextPhase.clones = [clone]) + : nextPhase.clones.push(clone)); + break; + case 6: + nextPhase = deletions.stateNode; + if (null === nextPhase) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + nextPhase = nextPhase.cloneNode(!1); + flags & 4 && + ((nextPhase.nodeValue = i.memoizedProps), + (viewTransitionMutationContext = !0)); + appendChild(hostParentClone, nextPhase); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + (nextPhase.nodeValue = deletions.memoizedProps), + (viewTransitionMutationContext = !0); + break; + case 4: + break; + case 22: + null === deletions.memoizedState + ? ((i = + visitPhase === CLONE_UPDATE && 0 !== (flags & 8192) + ? CLONE_EXIT + : visitPhase), + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + i + )) + : null !== i && + null === i.memoizedState && + (trackEnterViewTransitions(i), + (viewTransitionMutationContext = !0)); + break; + case 30: + flags = pushMutationContext(); + clone = deletions.stateNode; + clone.clones = null; + nextPhase = + visitPhase === CLONE_EXIT ? CLONE_UNHIDE : visitPhase; + recursivelyInsertClones( + deletions, + hostParentClone, + clone, + nextPhase ); - null === current - ? appendChild(hostParentClone, clone) - : ((clone = clone.cloneNode(!1)), - flags & 4 && (clone.nodeValue = current.memoizedProps), - appendChild(hostParentClone, clone), - unhideHostChildren && - (clone.nodeValue = finishedWork.memoizedProps)); - break; - case 4: - break; - case 22: - null === finishedWork.memoizedState && - ((unhideHostChildren = - (current = unhideHostChildren) || 0 !== (flags & 8192)), - recursivelyInsertClones(finishedWork, hostParentClone), - (unhideHostChildren = current)); - break; - case 30: - current = pushMutationContext(); - recursivelyInsertClones(finishedWork, hostParentClone); - viewTransitionMutationContext && (finishedWork.flags |= 4); - viewTransitionMutationContext = current; - break; - default: - recursivelyInsertClones(finishedWork, hostParentClone); + viewTransitionMutationContext && (deletions.flags |= 4); + if (visitPhase === CLONE_EXIT) + applyExitViewTransition(deletions); + else if ( + visitPhase === CLONE_APPEARING_PAIR || + visitPhase === CLONE_UNHIDE + ) + applyAppearingPairViewTransition(deletions); + else if (visitPhase === CLONE_UPDATE) + b: { + hostParentClone = deletions.stateNode; + i = i.memoizedProps; + deletions = getViewTransitionName( + deletions.memoizedProps, + hostParentClone + ); + visitPhase = getViewTransitionClassName( + i.className, + i.update + ); + if ( + "none" === visitPhase && + ((visitPhase = getViewTransitionClassName( + i.className, + i.layout + )), + "none" === visitPhase) + ) + break b; + i = hostParentClone.clones; + null !== i && + applyViewTransitionToClones(deletions, visitPhase, i); + } + viewTransitionMutationContext = flags; + break; + default: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + } } parentFiber = parentFiber.sibling; } else recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone$jscomp$0 + hostParentClone$jscomp$0, + parentViewTransition, + visitPhase$jscomp$0 ); } + function recursivelyApplyViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + commitEnterViewTransitions(deletions[i], !0); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + deletions = parentFiber; + i = deletions.alternate; + if (null !== i) { + var flags = deletions.flags; + switch (deletions.tag) { + case 4: + break; + case 22: + flags & 8192 && + null !== deletions.memoizedState && + null !== i && + null === i.memoizedState && + commitEnterViewTransitions(i, !0); + break; + case 30: + flags = viewTransitionContextChanged; + var prevCancelableChildren = + pushViewTransitionCancelableScope(); + viewTransitionContextChanged = !1; + recursivelyApplyViewTransitions(deletions); + viewTransitionContextChanged && (deletions.flags |= 4); + i = measureUpdateViewTransition(i, deletions, !0); + 0 !== (deletions.flags & 4) && i + ? (viewTransitionCancelableChildren = prevCancelableChildren) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = + prevCancelableChildren)); + viewTransitionContextChanged = + 0 !== (deletions.flags & 32) ? !0 : flags; + deletions.stateNode.clones = null; + break; + default: + recursivelyApplyViewTransitions(deletions); + } + } + parentFiber = parentFiber.sibling; + } + else measureNestedViewTransitions(parentFiber, !0); + } + function recursivelyRestoreViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + restoreEnterOrExitViewTransitions(deletions[i]); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + restoreViewTransitionsOnFiber(parentFiber), + (parentFiber = parentFiber.sibling); + else restoreNestedViewTransitions(parentFiber); + } + function restoreViewTransitionsOnFiber(finishedWork) { + var current = finishedWork.alternate; + if (null === current) restoreEnterOrExitViewTransitions(finishedWork); + else { + var flags = finishedWork.flags; + switch (finishedWork.tag) { + case 4: + break; + case 22: + flags & 8192 && + (null === finishedWork.memoizedState + ? restoreEnterOrExitViewTransitions(finishedWork) + : null !== current && + null === current.memoizedState && + restoreEnterOrExitViewTransitions(current)); + break; + case 30: + restoreViewTransitionOnHostInstances(current.child, !0); + recursivelyRestoreViewTransitions(finishedWork); + break; + default: + recursivelyRestoreViewTransitions(finishedWork); + } + } + } function onCommitRoot() { commitHooks.forEach(function (commitHook) { return commitHook(); @@ -17831,7 +18304,6 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - unhideHostChildren = !1; didWarnForRootClone || ((didWarnForRootClone = !0), console.warn( @@ -17956,7 +18428,7 @@ containerInstance.nextSibling ); root.gestureClone = clone; - recursivelyInsertClones(finishedWork, clone); + recursivelyInsertClones(finishedWork, clone, null, CLONE_UPDATE); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -17982,6 +18454,7 @@ if (pendingEffectsStatus === PENDING_GESTURE_MUTATION_PHASE) { pendingEffectsStatus = NO_PENDING_EFFECTS; var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork, prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -17989,6 +18462,9 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { + viewTransitionContextChanged = !1; + pushViewTransitionCancelableScope(); + recursivelyApplyViewTransitions(finishedWork); var rootClone = root.gestureClone; if (null !== rootClone) { root.gestureClone = null; @@ -18007,6 +18483,23 @@ containerParent.removeChild(rootClone); containerInstance.style.viewTransitionName = "root"; } + if (!viewTransitionContextChanged) { + finishedWork = viewTransitionCancelableChildren; + if (null !== finishedWork) + for ( + rootClone = 0; + rootClone < finishedWork.length; + rootClone += 3 + ) + cancelViewTransitionName( + finishedWork[rootClone], + finishedWork[rootClone + 1], + finishedWork[rootClone + 2] + ); + restoreRootViewTransitionName(root.containerInfo); + cancelRootViewTransitionName(root.containerInfo); + } + viewTransitionCancelableChildren = null; } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -18019,7 +18512,8 @@ flushGestureMutations(); if (pendingEffectsStatus === PENDING_GESTURE_ANIMATION_PHASE) { pendingEffectsStatus = NO_PENDING_EFFECTS; - var root = pendingEffectsRoot; + var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; var prevTransition = ReactSharedInternals.T; @@ -18029,7 +18523,8 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - restoreRootViewTransitionName(root.containerInfo); + restoreViewTransitionsOnFiber(finishedWork), + restoreRootViewTransitionName(root.containerInfo); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -21970,6 +22465,10 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } + function applyViewTransitionName(instance, name, className) { + instance.style.viewTransitionName = name; + null != className && (instance.style.viewTransitionClass = className); + } function restoreViewTransitionName(instance, props) { props = props[STYLE]; var viewTransitionName = @@ -21995,6 +22494,40 @@ instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } + function cancelViewTransitionName(instance, oldName, props) { + restoreViewTransitionName(instance, props); + instance = instance.ownerDocument.documentElement; + null !== instance && + instance.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(" + oldName + ")" + } + ); + } + function cancelRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "" === rootContainer.style.viewTransitionName && + ((rootContainer.style.viewTransitionName = "none"), + rootContainer.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + rootContainer.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); + } function restoreRootViewTransitionName(rootContainer) { rootContainer = 9 === rootContainer.nodeType @@ -22009,27 +22542,43 @@ "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); } - function measureInstance(instance) { - var ownerWindow = instance.ownerDocument.defaultView, - rect = instance.getBoundingClientRect(); - instance = getComputedStyle(instance); + function createMeasurement(rect, computedStyle, element) { + element = element.ownerDocument.defaultView; return { rect: rect, - abs: "absolute" === instance.position || "fixed" === instance.position, + abs: + "absolute" === computedStyle.position || + "fixed" === computedStyle.position, clip: - "none" !== instance.clipPath || - "visible" !== instance.overflow || - "none" !== instance.filter || - "none" !== instance.mask || - "none" !== instance.mask || - "0px" !== instance.borderRadius, + "none" !== computedStyle.clipPath || + "visible" !== computedStyle.overflow || + "none" !== computedStyle.filter || + "none" !== computedStyle.mask || + "none" !== computedStyle.mask || + "0px" !== computedStyle.borderRadius, view: 0 <= rect.bottom && 0 <= rect.right && - rect.top <= ownerWindow.innerHeight && - rect.left <= ownerWindow.innerWidth + rect.top <= element.innerHeight && + rect.left <= element.innerWidth }; } + function measureInstance(instance) { + var rect = instance.getBoundingClientRect(), + computedStyle = getComputedStyle(instance); + return createMeasurement(rect, computedStyle, instance); + } + function measureClonedInstance(instance) { + var measuredRect = instance.getBoundingClientRect(); + measuredRect = new DOMRect( + measuredRect.x + 2e4, + measuredRect.y + 2e4, + measuredRect.width, + measuredRect.height + ); + var computedStyle = getComputedStyle(instance); + return createMeasurement(measuredRect, computedStyle, instance); + } function cancelAllViewTransitionAnimations(scope) { for ( var animations = scope.getAnimations({ subtree: !0 }), i = 0; @@ -24165,7 +24714,7 @@ REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"); Symbol.for("react.scope"); - var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), + var REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"); Symbol.for("react.tracing_marker"); var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), @@ -27253,7 +27802,7 @@ nextEffect = null, inProgressLanes = null, inProgressRoot = null, - viewTransitionContextChanged = !1, + viewTransitionContextChanged$1 = !1, hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, @@ -27279,7 +27828,15 @@ ), globalClientIdCounter = 0, didWarnForRootClone = !1, - unhideHostChildren = !1, + viewTransitionContextChanged = !1, + CLONE_UPDATE = 0, + CLONE_EXIT = 1, + CLONE_UNHIDE = 2, + CLONE_APPEARING_PAIR = 3, + CLONE_UNCHANGED = 4, + INSERT_EXIT = 5, + INSERT_APPEND = 6, + INSERT_APPEARING_PAIR = 7, DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -27962,11 +28519,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-5398b711-20250314" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-c69a5fc5-20250318" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-5398b711-20250314\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-c69a5fc5-20250318\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -28003,10 +28560,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-5398b711-20250314", + version: "19.1.0-experimental-c69a5fc5-20250318", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-5398b711-20250314" + reconcilerVersion: "19.1.0-experimental-c69a5fc5-20250318" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28148,7 +28705,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.1.0-experimental-5398b711-20250314"; + exports.version = "19.1.0-experimental-c69a5fc5-20250318"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js index d753f2f9cec3a..4bc8d4740d9b2 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js @@ -158,7 +158,7 @@ var assign = Object.assign, REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"); Symbol.for("react.scope"); -var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), +var REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"); Symbol.for("react.tracing_marker"); var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), @@ -184,8 +184,6 @@ function getComponentNameFromType(type) { switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; - case REACT_PORTAL_TYPE: - return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: @@ -194,11 +192,15 @@ function getComponentNameFromType(type) { return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; + case REACT_ACTIVITY_TYPE: + return "Activity"; case REACT_VIEW_TRANSITION_TYPE: return "ViewTransition"; } if ("object" === typeof type) switch (type.$$typeof) { + case REACT_PORTAL_TYPE: + return "Portal"; case REACT_CONTEXT_TYPE: return (type.displayName || "Context") + ".Provider"; case REACT_CONSUMER_TYPE: @@ -968,6 +970,8 @@ function describeFiber(fiber) { return describeNativeComponentFrame(fiber.type.render, !1); case 1: return describeNativeComponentFrame(fiber.type, !0); + case 31: + return describeBuiltInComponentFrame("Activity"); case 30: return describeBuiltInComponentFrame("ViewTransition"); default: @@ -7531,6 +7535,30 @@ function beginWork(current, workInProgress, renderLanes) { ); case 19: return updateSuspenseListComponent(current, workInProgress, renderLanes); + case 31: + return ( + (lazyComponent = workInProgress.pendingProps), + (renderLanes = workInProgress.mode), + (lazyComponent = { + mode: lazyComponent.mode, + children: lazyComponent.children + }), + null === current + ? ((renderLanes = mountWorkInProgressOffscreenFiber( + lazyComponent, + renderLanes + )), + (renderLanes.ref = workInProgress.ref), + (workInProgress.child = renderLanes), + (renderLanes.return = workInProgress), + (workInProgress = renderLanes)) + : ((renderLanes = createWorkInProgress(current.child, lazyComponent)), + (renderLanes.ref = workInProgress.ref), + (workInProgress.child = renderLanes), + (renderLanes.return = workInProgress), + (workInProgress = renderLanes)), + workInProgress + ); case 22: return updateOffscreenComponent(current, workInProgress, renderLanes); case 24: @@ -7589,19 +7617,21 @@ function beginWork(current, workInProgress, renderLanes) { (init = workInProgress.stateNode), null != lazyComponent.name && "auto" !== lazyComponent.name ? (workInProgress.flags |= null === current ? 18882560 : 18874368) - : null === init.autoName && - ((prevState = workInProgressRoot.identifierPrefix), - isHydrating - ? ((nextState = getTreeId()), - (prevState = "\u00ab" + prevState + "T" + nextState + "\u00bb")) - : ((nextState = globalClientIdCounter++), - (prevState = - "\u00ab" + - prevState + - "t" + - nextState.toString(32) + - "\u00bb")), - (init.autoName = prevState)), + : (null === init.autoName && + ((prevState = workInProgressRoot.identifierPrefix), + isHydrating + ? ((nextState = getTreeId()), + (prevState = + "\u00ab" + prevState + "T" + nextState + "\u00bb")) + : ((nextState = globalClientIdCounter++), + (prevState = + "\u00ab" + + prevState + + "t" + + nextState.toString(32) + + "\u00bb")), + (init.autoName = prevState)), + isHydrating && pushMaterializedTreeId(workInProgress)), null !== current && current.memoizedProps.name !== lazyComponent.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress), @@ -7750,8 +7780,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { else if ("function" === typeof ref) try { ref(null); - } catch (error$116) { - captureCommitPhaseError(current, nearestMountedAncestor, error$116); + } catch (error$117) { + captureCommitPhaseError(current, nearestMountedAncestor, error$117); } else ref.current = null; } @@ -7902,14 +7932,35 @@ function commitHostSingletonAcquisition(finishedWork) { } var shouldStartViewTransition = !1, appearingViewTransitions = null, - viewTransitionCancelableChildren = null, - viewTransitionHostInstanceIdx = 0; + viewTransitionCancelableChildren = null; +function pushViewTransitionCancelableScope() { + var prevChildren = viewTransitionCancelableChildren; + viewTransitionCancelableChildren = null; + return prevChildren; +} +var viewTransitionHostInstanceIdx = 0; function applyViewTransitionToHostInstances( child, name, className, collectMeasurements, stopAtNestedViewTransitions +) { + viewTransitionHostInstanceIdx = 0; + return applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions + ); +} +function applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { @@ -7921,16 +7972,17 @@ function applyViewTransitionToHostInstances( measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); - measurement = className; - instance.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx ? name - : name + "_" + viewTransitionHostInstanceIdx; - null != measurement && (instance.style.viewTransitionClass = measurement); + : name + "_" + viewTransitionHostInstanceIdx, + className + ); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - (applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstancesRecursive( child.child, name, className, @@ -7974,19 +8026,19 @@ function commitAppearingPairViewTransitions(placement) { var name = props.name; props = getViewTransitionClassName(props.className, props.share); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( placement.child, name, props, null, !1 - ) || restoreViewTransitionOnHostInstances(placement.child, !1)); + ) || + restoreViewTransitionOnHostInstances(placement.child, !1)); } placement = placement.sibling; } } -function commitEnterViewTransitions(placement) { +function commitEnterViewTransitions(placement, gesture) { if (30 === placement.tag) { var state = placement.stateNode, props = placement.memoizedProps, @@ -7996,22 +8048,23 @@ function commitEnterViewTransitions(placement) { state.paired ? props.share : props.enter ); "none" !== className - ? ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + ? applyViewTransitionToHostInstances( placement.child, name, className, null, !1 ) - ? (commitAppearingPairViewTransitions(placement), - state.paired || - scheduleViewTransitionEvent(placement, props.onEnter)) - : restoreViewTransitionOnHostInstances(placement.child, !1)) + ? (commitAppearingPairViewTransitions(placement), + state.paired || + gesture || + scheduleViewTransitionEvent(placement, props.onEnter)) + : restoreViewTransitionOnHostInstances(placement.child, !1) : commitAppearingPairViewTransitions(placement); } else if (0 !== (placement.subtreeFlags & 33554432)) for (placement = placement.child; null !== placement; ) - commitEnterViewTransitions(placement), (placement = placement.sibling); + commitEnterViewTransitions(placement, gesture), + (placement = placement.sibling); else commitAppearingPairViewTransitions(placement); } function commitDeletedPairViewTransitions(deletion) { @@ -8034,15 +8087,16 @@ function commitDeletedPairViewTransitions(deletion) { props.share ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, null, !1 ) - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), scheduleViewTransitionEvent(deletion, props.onShare)) : restoreViewTransitionOnHostInstances(deletion.child, !1)); pairs.delete(name); @@ -8069,8 +8123,7 @@ function commitExitViewTransitions(deletion) { void 0 !== pair ? props.share : props.exit ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, @@ -8078,7 +8131,9 @@ function commitExitViewTransitions(deletion) { !1 ) ? void 0 !== pair - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), appearingViewTransitions.delete(name), scheduleViewTransitionEvent(deletion, props.onShare)) : scheduleViewTransitionEvent(deletion, props.onExit) @@ -8099,14 +8154,13 @@ function commitNestedViewTransitions(changedParent) { name = getViewTransitionName(props, changedParent.stateNode); props = getViewTransitionClassName(props.className, props.layout); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), applyViewTransitionToHostInstances( changedParent.child, name, props, (changedParent.memoizedState = []), !1 - )); + ); } else 0 !== (changedParent.subtreeFlags & 33554432) && commitNestedViewTransitions(changedParent); @@ -8128,47 +8182,32 @@ function restorePairedViewTransitions(parent) { parent = parent.sibling; } } -function restoreEnterViewTransitions(placement) { - if (30 === placement.tag) - (placement.stateNode.paired = null), - restoreViewTransitionOnHostInstances(placement.child, !1), - restorePairedViewTransitions(placement); - else if (0 !== (placement.subtreeFlags & 33554432)) - for (placement = placement.child; null !== placement; ) - restoreEnterViewTransitions(placement), (placement = placement.sibling); - else restorePairedViewTransitions(placement); -} -function restoreExitViewTransitions(deletion) { - if (30 === deletion.tag) - (deletion.stateNode.paired = null), - restoreViewTransitionOnHostInstances(deletion.child, !1), - restorePairedViewTransitions(deletion); - else if (0 !== (deletion.subtreeFlags & 33554432)) - for (deletion = deletion.child; null !== deletion; ) - restoreExitViewTransitions(deletion), (deletion = deletion.sibling); - else restorePairedViewTransitions(deletion); +function restoreEnterOrExitViewTransitions(fiber) { + if (30 === fiber.tag) + (fiber.stateNode.paired = null), + restoreViewTransitionOnHostInstances(fiber.child, !1), + restorePairedViewTransitions(fiber); + else if (0 !== (fiber.subtreeFlags & 33554432)) + for (fiber = fiber.child; null !== fiber; ) + restoreEnterOrExitViewTransitions(fiber), (fiber = fiber.sibling); + else restorePairedViewTransitions(fiber); } function restoreNestedViewTransitions(changedParent) { for (changedParent = changedParent.child; null !== changedParent; ) 30 === changedParent.tag - ? ((changedParent.memoizedState = null), - restoreViewTransitionOnHostInstances(changedParent.child, !1)) + ? restoreViewTransitionOnHostInstances(changedParent.child, !1) : 0 !== (changedParent.subtreeFlags & 33554432) && restoreNestedViewTransitions(changedParent), (changedParent = changedParent.sibling); } -function cancelViewTransitionHostInstances( - currentViewTransition, +function cancelViewTransitionHostInstancesRecursive( child, + oldName, stopAtNestedViewTransitions ) { for (; null !== child; ) { if (5 === child.tag) { - var instance = child.stateNode, - oldName = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - ); + var instance = child.stateNode; null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []); viewTransitionCancelableChildren.push( @@ -8179,19 +8218,19 @@ function cancelViewTransitionHostInstances( viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - cancelViewTransitionHostInstances( - currentViewTransition, + cancelViewTransitionHostInstancesRecursive( child.child, + oldName, stopAtNestedViewTransitions ); child = child.sibling; } } -function measureViewTransitionHostInstances( - currentViewTransition, +function measureViewTransitionHostInstancesRecursive( parentViewTransition, child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -8230,35 +8269,30 @@ function measureViewTransitionHostInstances( nextMeasurement && (parentViewTransition.flags |= 32); } else parentViewTransition.flags |= 32; 0 !== (parentViewTransition.flags & 4) && - ((nextMeasurement = instance), - (previousMeasurement = className), - (nextMeasurement.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx - ? name - : name + "_" + viewTransitionHostInstanceIdx), - null != previousMeasurement && - (nextMeasurement.style.viewTransitionClass = previousMeasurement)); + ? newName + : newName + "_" + viewTransitionHostInstanceIdx, + className + ); (inViewport && 0 !== (parentViewTransition.flags & 4)) || - ((nextMeasurement = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - )), - null === viewTransitionCancelableChildren && + (null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []), viewTransitionCancelableChildren.push( instance, - nextMeasurement, + oldName, child.memoizedProps )); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) 30 === child.tag && stopAtNestedViewTransitions ? (parentViewTransition.flags |= child.flags & 32) - : measureViewTransitionHostInstances( - currentViewTransition, + : measureViewTransitionHostInstancesRecursive( parentViewTransition, child.child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -8267,31 +8301,84 @@ function measureViewTransitionHostInstances( } return inViewport; } -function measureNestedViewTransitions(changedParent) { +function measureUpdateViewTransition(current, finishedWork, gesture) { + var oldFiber = gesture ? finishedWork : current, + newFiber = gesture ? current : finishedWork, + props = newFiber.memoizedProps, + state = newFiber.stateNode, + newName = getViewTransitionName(props, state); + current = getViewTransitionName(oldFiber.memoizedProps, state); + var updateClassName = getViewTransitionClassName( + props.className, + props.update + ); + props = getViewTransitionClassName(props.className, props.layout); + if ("none" === updateClassName) { + if ("none" === props) return !1; + finishedWork.flags &= -5; + updateClassName = props; + } else if (0 === (finishedWork.flags & 4)) { + if ("none" === props) + return ( + (finishedWork = oldFiber.child), + (viewTransitionHostInstanceIdx = 0), + cancelViewTransitionHostInstancesRecursive(finishedWork, current, !0), + !1 + ); + updateClassName = props; + } + gesture + ? ((oldFiber = state.clones), + (gesture = + null === oldFiber ? null : oldFiber.map(measureClonedInstance))) + : ((gesture = oldFiber.memoizedState), (oldFiber.memoizedState = null)); + oldFiber = newFiber.child; + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstancesRecursive( + finishedWork, + oldFiber, + newName, + current, + updateClassName, + gesture, + !0 + ); + viewTransitionHostInstanceIdx !== (null === gesture ? 0 : gesture.length) && + (finishedWork.flags |= 32); + return current; +} +function measureNestedViewTransitions(changedParent, gesture) { for (changedParent = changedParent.child; null !== changedParent; ) { if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName(props.className, props.layout); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 - ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } + var props = changedParent.memoizedProps, + state = changedParent.stateNode, + name = getViewTransitionName(props, state), + className = getViewTransitionClassName(props.className, props.layout); + if (gesture) { + state = state.clones; + var previousMeasurements = + null === state ? null : state.map(measureClonedInstance); + } else + (previousMeasurements = changedParent.memoizedState), + (changedParent.memoizedState = null); + state = changedParent; + var child = changedParent.child; + viewTransitionHostInstanceIdx = 0; + name = measureViewTransitionHostInstancesRecursive( + state, + child, + name, + name, + className, + previousMeasurements, + !1 + ); + 0 !== (changedParent.flags & 4) && + name && + (gesture || scheduleViewTransitionEvent(changedParent, props.onLayout)); } else 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); + measureNestedViewTransitions(changedParent, gesture); changedParent = changedParent.sibling; } } @@ -8300,7 +8387,7 @@ var offscreenSubtreeIsHidden = !1, needsFormReset = !1, PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, nextEffect = null, - viewTransitionContextChanged = !1; + viewTransitionContextChanged$1 = !1; function commitBeforeMutationEffects(root, firstChild, committedLanes) { root = root.containerInfo; eventsEnabled = _enabled; @@ -8374,7 +8461,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + for (firstChild = committedLanes ? 9270 : 1028; null !== nextEffect; ) { root = nextEffect; if ( committedLanes && @@ -8491,11 +8578,7 @@ function commitBeforeMutationEffects_complete( case 17: break; case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (fiber.subtreeFlags & 8246) - ) + if (isViewTransitionEligible && null !== current) a: { isViewTransitionEligible = getViewTransitionName( current.memoizedProps, @@ -8515,7 +8598,6 @@ function commitBeforeMutationEffects_complete( "none" === instance) ) break a; - viewTransitionHostInstanceIdx = 0; applyViewTransitionToHostInstances( current.child, isViewTransitionEligible, @@ -8567,11 +8649,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$115) { + } catch (error$116) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$115 + error$116 ); } } @@ -9280,9 +9362,10 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { if (null === current) { lanes = root; try { - lanes.stateNode.nodeValue = hoistableRoot + (lanes.stateNode.nodeValue = hoistableRoot ? "" - : lanes.memoizedProps; + : lanes.memoizedProps), + (viewTransitionMutationContext = !0); } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -9368,20 +9451,20 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent); break; case 5: - var parent$117 = hostParentFiber.stateNode; + var parent$118 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$117, ""), (hostParentFiber.flags &= -33)); - var before$118 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$118, parent$117); + (setTextContent(parent$118, ""), (hostParentFiber.flags &= -33)); + var before$119 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$119, parent$118); break; case 3: case 4: - var parent$119 = hostParentFiber.stateNode.containerInfo, - before$120 = getHostSibling(finishedWork); + var parent$120 = hostParentFiber.stateNode.containerInfo, + before$121 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$120, - parent$119 + before$121, + parent$120 ); break; default: @@ -9404,65 +9487,33 @@ function recursivelyResetForms(parentFiber) { } } function recursivelyTraverseAfterMutationEffects(root, parentFiber) { - if (parentFiber.subtreeFlags & 9238) + if (parentFiber.subtreeFlags & 9270) for (parentFiber = parentFiber.child; null !== parentFiber; ) commitAfterMutationEffectsOnFiber(parentFiber, root), (parentFiber = parentFiber.sibling); - else measureNestedViewTransitions(parentFiber); + else measureNestedViewTransitions(parentFiber, !1); } function commitAfterMutationEffectsOnFiber(finishedWork, root) { var current = finishedWork.alternate; - if (null === current) commitEnterViewTransitions(finishedWork); + if (null === current) commitEnterViewTransitions(finishedWork, !1); else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; + viewTransitionContextChanged$1 = !1; + pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); - if (!viewTransitionContextChanged) { + if (!viewTransitionContextChanged$1) { finishedWork = viewTransitionCancelableChildren; - viewTransitionCancelableChildren = null; if (null !== finishedWork) - for (var i = 0; i < finishedWork.length; i += 3) { - var instance = finishedWork[i], - oldName = finishedWork[i + 1]; - restoreViewTransitionName(instance, finishedWork[i + 2]); - instance = instance.ownerDocument.documentElement; - null !== instance && - instance.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(" + oldName + ")" - } - ); - } - finishedWork = root.containerInfo; - finishedWork = - 9 === finishedWork.nodeType - ? finishedWork.documentElement - : finishedWork.ownerDocument.documentElement; - null !== finishedWork && - "" === finishedWork.style.viewTransitionName && - ((finishedWork.style.viewTransitionName = "none"), - finishedWork.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - finishedWork.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + for (var i = 0; i < finishedWork.length; i += 3) + cancelViewTransitionName( + finishedWork[i], + finishedWork[i + 1], + finishedWork[i + 2] + ); + cancelRootViewTransitionName(root.containerInfo); } + viewTransitionCancelableChildren = null; break; case 5: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -9470,81 +9521,34 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { case 22: null === finishedWork.memoizedState && (null !== current.memoizedState - ? commitEnterViewTransitions(finishedWork) + ? commitEnterViewTransitions(finishedWork, !1) : recursivelyTraverseAfterMutationEffects(root, finishedWork)); break; case 30: - if (0 !== (finishedWork.subtreeFlags & 8246)) { - i = 0 !== (finishedWork.flags & 4); - oldName = viewTransitionContextChanged; - instance = viewTransitionCancelableChildren; - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; - recursivelyTraverseAfterMutationEffects(root, finishedWork); - viewTransitionContextChanged && (finishedWork.flags |= 4); - a: { - root = finishedWork.memoizedProps; - var updateClassName = getViewTransitionClassName( - root.className, - root.update - ), - layoutClassName = getViewTransitionClassName( - root.className, - root.layout - ); - if ("none" === updateClassName) { - if ("none" === layoutClassName) { - current = !1; - break a; - } - finishedWork.flags &= -5; - updateClassName = layoutClassName; - } else if (0 === (finishedWork.flags & 4)) { - if ("none" === layoutClassName) { - viewTransitionHostInstanceIdx = 0; - cancelViewTransitionHostInstances( - current, - finishedWork.child, - !0 - ); - current = !1; - break a; - } - updateClassName = layoutClassName; - } - layoutClassName = getViewTransitionName( - root, - finishedWork.stateNode - ); - viewTransitionHostInstanceIdx = 0; - root = current.memoizedState; - current = measureViewTransitionHostInstances( - current, + i = 0 !== (finishedWork.flags & 4); + var prevContextChanged = viewTransitionContextChanged$1, + prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged$1 = !1; + recursivelyTraverseAfterMutationEffects(root, finishedWork); + viewTransitionContextChanged$1 && (finishedWork.flags |= 4); + root = measureUpdateViewTransition(current, finishedWork, !1); + 0 !== (finishedWork.flags & 4) && root + ? ((root = finishedWork.memoizedProps), + scheduleViewTransitionEvent( finishedWork, - finishedWork.child, - layoutClassName, - updateClassName, - root, - !0 - ); - viewTransitionHostInstanceIdx !== - (null === root ? 0 : root.length) && (finishedWork.flags |= 32); - } - 0 !== (finishedWork.flags & 4) && current - ? ((current = finishedWork.memoizedProps), - scheduleViewTransitionEvent( - finishedWork, - i || viewTransitionContextChanged - ? current.onUpdate - : current.onLayout - ), - (viewTransitionCancelableChildren = instance)) - : null !== instance && - (instance.push.apply(instance, viewTransitionCancelableChildren), - (viewTransitionCancelableChildren = instance)); - viewTransitionContextChanged = - 0 !== (finishedWork.flags & 32) ? !0 : oldName; - } + i || viewTransitionContextChanged$1 + ? root.onUpdate + : root.onLayout + ), + (viewTransitionCancelableChildren = prevCancelableChildren)) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged$1 = + 0 !== (finishedWork.flags & 32) ? !0 : prevContextChanged; break; default: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -9771,7 +9775,7 @@ function commitPassiveMountOnFiber( null === finishedWork.alternate && null !== finishedWork.return && null !== finishedWork.return.alternate && - restoreEnterViewTransitions(finishedWork); + restoreEnterOrExitViewTransitions(finishedWork); var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -9859,7 +9863,7 @@ function commitPassiveMountOnFiber( ? (isViewTransitionEligible && null !== id && null === id.memoizedState && - restoreExitViewTransitions(id), + restoreEnterOrExitViewTransitions(id), _finishedWork$memoize2._visibility & 4 ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -9874,7 +9878,7 @@ function commitPassiveMountOnFiber( : (isViewTransitionEligible && null !== id && null !== id.memoizedState && - restoreEnterViewTransitions(finishedWork), + restoreEnterOrExitViewTransitions(finishedWork), _finishedWork$memoize2._visibility & 4 ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -9906,9 +9910,7 @@ function commitPassiveMountOnFiber( isViewTransitionEligible && ((isViewTransitionEligible = finishedWork.alternate), null !== isViewTransitionEligible && - 0 !== (finishedWork.subtreeFlags & 8246) && - ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances( + (restoreViewTransitionOnHostInstances( isViewTransitionEligible.child, !0 ), @@ -10365,6 +10367,13 @@ function createFiberFromTypeAndProps( : 5; else a: switch (type) { + case REACT_ACTIVITY_TYPE: + return ( + (type = createFiberImplClass(31, pendingProps, key, mode)), + (type.elementType = REACT_ACTIVITY_TYPE), + (type.lanes = lanes), + type + ); case REACT_FRAGMENT_TYPE: return createFiberFromFragment(pendingProps.children, mode, lanes, key); case REACT_STRICT_MODE_TYPE: @@ -10392,15 +10401,18 @@ function createFiberFromTypeAndProps( (type.lanes = lanes), type ); - case REACT_OFFSCREEN_TYPE: - return createFiberFromOffscreen(pendingProps, mode, lanes, key); case REACT_LEGACY_HIDDEN_TYPE: case REACT_VIEW_TRANSITION_TYPE: return ( (type = createFiberImplClass(30, pendingProps, key, mode)), (type.elementType = REACT_VIEW_TRANSITION_TYPE), (type.lanes = lanes), - (type.stateNode = { autoName: null, paired: null, ref: null }), + (type.stateNode = { + autoName: null, + paired: null, + clones: null, + ref: null + }), type ); default: @@ -10443,7 +10455,6 @@ function createFiberFromFragment(elements, mode, lanes, key) { } function createFiberFromOffscreen(pendingProps, mode, lanes, key) { pendingProps = createFiberImplClass(22, pendingProps, key, mode); - pendingProps.elementType = REACT_OFFSCREEN_TYPE; pendingProps.lanes = lanes; var primaryChildInstance = { _visibility: 1, @@ -10748,14 +10759,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$138 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$138 = lastTailNode), + for (var lastTailNode$139 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$139 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$138 + null === lastTailNode$139 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$138.sibling = null); + : (lastTailNode$139.sibling = null); } } function bubbleProperties(completedWork) { @@ -10765,19 +10776,19 @@ function bubbleProperties(completedWork) { newChildLanes = 0, subtreeFlags = 0; if (didBailout) - for (var child$139 = completedWork.child; null !== child$139; ) - (newChildLanes |= child$139.lanes | child$139.childLanes), - (subtreeFlags |= child$139.subtreeFlags & 65011712), - (subtreeFlags |= child$139.flags & 65011712), - (child$139.return = completedWork), - (child$139 = child$139.sibling); + for (var child$140 = completedWork.child; null !== child$140; ) + (newChildLanes |= child$140.lanes | child$140.childLanes), + (subtreeFlags |= child$140.subtreeFlags & 65011712), + (subtreeFlags |= child$140.flags & 65011712), + (child$140.return = completedWork), + (child$140 = child$140.sibling); else - for (child$139 = completedWork.child; null !== child$139; ) - (newChildLanes |= child$139.lanes | child$139.childLanes), - (subtreeFlags |= child$139.subtreeFlags), - (subtreeFlags |= child$139.flags), - (child$139.return = completedWork), - (child$139 = child$139.sibling); + for (child$140 = completedWork.child; null !== child$140; ) + (newChildLanes |= child$140.lanes | child$140.childLanes), + (subtreeFlags |= child$140.subtreeFlags), + (subtreeFlags |= child$140.flags), + (child$140.return = completedWork), + (child$140 = child$140.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -10786,6 +10797,7 @@ function completeWork(current, workInProgress, renderLanes) { var newProps = workInProgress.pendingProps; popTreeContext(workInProgress); switch (workInProgress.tag) { + case 31: case 16: case 15: case 0: @@ -11058,11 +11070,11 @@ function completeWork(current, workInProgress, renderLanes) { null !== newProps.alternate.memoizedState && null !== newProps.alternate.memoizedState.cachePool && (type = newProps.alternate.memoizedState.cachePool.pool); - var cache$152 = null; + var cache$153 = null; null !== newProps.memoizedState && null !== newProps.memoizedState.cachePool && - (cache$152 = newProps.memoizedState.cachePool.pool); - cache$152 !== type && (newProps.flags |= 2048); + (cache$153 = newProps.memoizedState.cachePool.pool); + cache$153 !== type && (newProps.flags |= 2048); } renderLanes !== current && renderLanes && @@ -11087,8 +11099,8 @@ function completeWork(current, workInProgress, renderLanes) { type = workInProgress.memoizedState; if (null === type) return bubbleProperties(workInProgress), null; newProps = 0 !== (workInProgress.flags & 128); - cache$152 = type.rendering; - if (null === cache$152) + cache$153 = type.rendering; + if (null === cache$153) if (newProps) cutOffTailIfNeeded(type, !1); else { if ( @@ -11096,11 +11108,11 @@ function completeWork(current, workInProgress, renderLanes) { (null !== current && 0 !== (current.flags & 128)) ) for (current = workInProgress.child; null !== current; ) { - cache$152 = findFirstSuspended(current); - if (null !== cache$152) { + cache$153 = findFirstSuspended(current); + if (null !== cache$153) { workInProgress.flags |= 128; cutOffTailIfNeeded(type, !1); - current = cache$152.updateQueue; + current = cache$153.updateQueue; workInProgress.updateQueue = current; scheduleRetryEffect(workInProgress, current); workInProgress.subtreeFlags = 0; @@ -11125,7 +11137,7 @@ function completeWork(current, workInProgress, renderLanes) { } else { if (!newProps) - if (((current = findFirstSuspended(cache$152)), null !== current)) { + if (((current = findFirstSuspended(cache$153)), null !== current)) { if ( ((workInProgress.flags |= 128), (newProps = !0), @@ -11135,7 +11147,7 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !0), null === type.tail && "hidden" === type.tailMode && - !cache$152.alternate && + !cache$153.alternate && !isHydrating) ) return bubbleProperties(workInProgress), null; @@ -11148,13 +11160,13 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !1), (workInProgress.lanes = 4194304)); type.isBackwards - ? ((cache$152.sibling = workInProgress.child), - (workInProgress.child = cache$152)) + ? ((cache$153.sibling = workInProgress.child), + (workInProgress.child = cache$153)) : ((current = type.last), null !== current - ? (current.sibling = cache$152) - : (workInProgress.child = cache$152), - (type.last = cache$152)); + ? (current.sibling = cache$153) + : (workInProgress.child = cache$153), + (type.last = cache$153)); } if (null !== type.tail) return ( @@ -11316,122 +11328,545 @@ function unwindInterruptedWork(current, interruptedWork) { popProvider(CacheContext); } } -var unhideHostChildren = !1; -function recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone) { +var viewTransitionContextChanged = !1; +function applyViewTransitionToClones(name, className, clones) { + for (var i = 0; i < clones.length; i++) + applyViewTransitionName( + clones[i], + 0 === i ? name : name + "_" + i, + className + ); +} +function trackDeletedPairViewTransitions(deletion) { + if ( + null !== appearingViewTransitions && + 0 !== appearingViewTransitions.size + ) { + var pairs = appearingViewTransitions; + if (0 !== (deletion.subtreeFlags & 18874368)) + for (deletion = deletion.child; null !== deletion; ) { + if (22 !== deletion.tag || null !== deletion.memoizedState) { + if (30 === deletion.tag && 0 !== (deletion.flags & 18874368)) { + var props = deletion.memoizedProps, + name = props.name; + if (null != name && "auto" !== name) { + var pair = pairs.get(name); + if (void 0 !== pair) { + pairs.delete(name); + props = getViewTransitionClassName( + props.className, + props.share + ); + if ("none" !== props) { + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && + applyViewTransitionToClones(name, props, pair); + } + if (0 === pairs.size) break; + } + } + } + trackDeletedPairViewTransitions(deletion); + } + deletion = deletion.sibling; + } + } +} +function trackEnterViewTransitions(deletion) { + if (30 === deletion.tag) { + var props = deletion.memoizedProps, + name = getViewTransitionName(props, deletion.stateNode), + pair = + null !== appearingViewTransitions + ? appearingViewTransitions.get(name) + : void 0; + props = getViewTransitionClassName( + props.className, + void 0 !== pair ? props.share : props.enter + ); + if ("none" !== props && void 0 !== pair) { + appearingViewTransitions.delete(name); + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && applyViewTransitionToClones(name, props, pair); + } + trackDeletedPairViewTransitions(deletion); + } else if (0 !== (deletion.subtreeFlags & 33554432)) + for (deletion = deletion.child; null !== deletion; ) + trackEnterViewTransitions(deletion), (deletion = deletion.sibling); + else trackDeletedPairViewTransitions(deletion); +} +function applyAppearingPairViewTransition(child) { + if (0 !== (child.flags & 18874368)) { + var state = child.stateNode; + if (state.paired) { + var props = child.memoizedProps; + if (null == props.name || "auto" === props.name) + throw Error(formatProdErrorMessage(544)); + child = props.name; + props = getViewTransitionClassName(props.className, props.share); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(child, props, state)); + } + } +} +function applyExitViewTransition(placement) { + var state = placement.stateNode, + props = placement.memoizedProps; + placement = getViewTransitionName(props, state); + props = getViewTransitionClassName( + props.className, + state.paired ? props.share : props.exit + ); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(placement, props, state)); +} +function recursivelyInsertNew( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase +) { + if ( + 7 !== visitPhase || + null !== parentViewTransition || + 0 !== (parentFiber.subtreeFlags & 18874368) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + recursivelyInsertNewFiber( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ), + (parentFiber = parentFiber.sibling); +} +function recursivelyInsertNewFiber( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase +) { + switch (finishedWork.tag) { + case 26: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 5: + var instance = finishedWork.stateNode; + 7 !== visitPhase + ? (appendChild(hostParentClone, instance), + (viewTransitionMutationContext = !0), + recursivelyInsertNew(finishedWork, instance, null, 7)) + : recursivelyInsertNew(finishedWork, instance, null, visitPhase); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + break; + case 6: + finishedWork = finishedWork.stateNode; + if (null === finishedWork) throw Error(formatProdErrorMessage(162)); + 7 !== visitPhase && + (appendChild(hostParentClone, finishedWork), + (viewTransitionMutationContext = !0)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 30: + parentViewTransition = pushMutationContext(); + instance = finishedWork.stateNode; + instance.clones = null; + recursivelyInsertNew( + finishedWork, + hostParentClone, + instance, + 5 === visitPhase ? 6 : visitPhase + ); + 5 === visitPhase + ? applyExitViewTransition(finishedWork) + : (7 === visitPhase || 6 === visitPhase) && + applyAppearingPairViewTransition(finishedWork); + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + } +} +function recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase +) { for (parentFiber = parentFiber.child; null !== parentFiber; ) { switch (parentFiber.tag) { case 5: - var clone = parentFiber.stateNode.cloneNode(!0); - appendChild(hostParentClone, clone); - unhideHostChildren && unhideInstance(clone, parentFiber.memoizedProps); + var instance = parentFiber.stateNode; + switch (visitPhase) { + case 1: + case 2: + case 3: + var nextPhase = 0 !== (parentFiber.subtreeFlags & 18874368) ? 3 : 4; + break; + default: + nextPhase = 4; + } + 4 !== nextPhase + ? ((instance = instance.cloneNode(!1)), + recursivelyInsertClonesFromExistingTree( + parentFiber, + instance, + null, + nextPhase + )) + : (instance = instance.cloneNode(!0)); + appendChild(hostParentClone, instance); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + if (1 === visitPhase || 2 === visitPhase) + unhideInstance(instance, parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 6: - clone = parentFiber.stateNode; - if (null === clone) throw Error(formatProdErrorMessage(162)); - clone = clone.cloneNode(!1); - appendChild(hostParentClone, clone); - unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + nextPhase = parentFiber.stateNode; + if (null === nextPhase) throw Error(formatProdErrorMessage(162)); + nextPhase = nextPhase.cloneNode(!1); + appendChild(hostParentClone, nextPhase); + if (1 === visitPhase || 2 === visitPhase) + (nextPhase.nodeValue = parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 4: break; case 22: null === parentFiber.memoizedState && - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ); break; case 30: - clone = pushMutationContext(); - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); - viewTransitionMutationContext = clone; + nextPhase = pushMutationContext(); + instance = parentFiber.stateNode; + instance.clones = null; + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + instance, + 1 === visitPhase ? 2 : 0 === visitPhase ? 4 : visitPhase + ); + if (1 === visitPhase) applyExitViewTransition(parentFiber); + else if (3 === visitPhase || 2 === visitPhase) + applyAppearingPairViewTransition(parentFiber); + else if (0 === visitPhase) { + var state = parentFiber.stateNode, + props = parentFiber.memoizedProps; + instance = getViewTransitionName(props, state); + props = getViewTransitionClassName(props.className, props.layout); + "none" !== props && + ((state = state.clones), + null !== state && + applyViewTransitionToClones(instance, props, state)); + } + viewTransitionMutationContext = nextPhase; break; default: - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ); } parentFiber = parentFiber.sibling; } } -function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { +function recursivelyInsertClones( + parentFiber, + hostParentClone, + parentViewTransition$jscomp$0, + visitPhase$jscomp$0 +) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + trackEnterViewTransitions(deletions[i]), + (viewTransitionMutationContext = !0); if ( null === parentFiber.alternate || 0 !== (parentFiber.subtreeFlags & 13878) ) for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var finishedWork = parentFiber, - hostParentClone = hostParentClone$jscomp$0, - current = finishedWork.alternate, - flags = finishedWork.flags; - switch (finishedWork.tag) { - case 26: - recursivelyInsertClones(finishedWork, hostParentClone); - break; - case 27: - recursivelyInsertClones(finishedWork, hostParentClone); - break; - case 5: - var clone = finishedWork.stateNode; - if (null === current) appendChild(hostParentClone, clone); - else { - null === finishedWork.child + deletions = parentFiber; + i = hostParentClone; + var parentViewTransition = parentViewTransition$jscomp$0, + visitPhase = visitPhase$jscomp$0; + var nextPhase = deletions.alternate; + if (null === nextPhase) + recursivelyInsertNewFiber(deletions, i, parentViewTransition, 5); + else { + var nextPhase$171 = deletions.flags; + switch (deletions.tag) { + case 26: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + break; + case 5: + var clone = deletions.stateNode; + null === deletions.child ? ((clone = clone.cloneNode(!0)), - finishedWork.flags & 32 && setTextContent(clone, "")) + deletions.flags & 32 && + (setTextContent(clone, ""), + (viewTransitionMutationContext = !0))) : (clone = clone.cloneNode(!1)); - if (flags & 4) { - flags = clone; - var newProps = finishedWork.memoizedProps; + if (nextPhase$171 & 4) { + nextPhase$171 = clone; + var newProps = deletions.memoizedProps; updateProperties( - flags, - finishedWork.type, - current.memoizedProps, + nextPhase$171, + deletions.type, + nextPhase.memoizedProps, newProps ); - flags[internalPropsKey] = newProps; + nextPhase$171[internalPropsKey] = newProps; } - unhideHostChildren - ? ((unhideHostChildren = !1), - recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone), - (unhideHostChildren = !0), - unhideInstance(clone, finishedWork.memoizedProps)) - : (recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone)); - } - break; - case 6: - clone = finishedWork.stateNode; - if (null === clone) throw Error(formatProdErrorMessage(162)); - null === current - ? appendChild(hostParentClone, clone) - : ((clone = clone.cloneNode(!1)), - flags & 4 && (clone.nodeValue = current.memoizedProps), - appendChild(hostParentClone, clone), - unhideHostChildren && - (clone.nodeValue = finishedWork.memoizedProps)); - break; - case 4: - break; - case 22: - null === finishedWork.memoizedState && - ((unhideHostChildren = - (current = unhideHostChildren) || 0 !== (flags & 8192)), - recursivelyInsertClones(finishedWork, hostParentClone), - (unhideHostChildren = current)); - break; - case 30: - current = pushMutationContext(); - recursivelyInsertClones(finishedWork, hostParentClone); - viewTransitionMutationContext && (finishedWork.flags |= 4); - viewTransitionMutationContext = current; - break; - default: - recursivelyInsertClones(finishedWork, hostParentClone); + 1 === visitPhase || 2 === visitPhase + ? (recursivelyInsertClones(deletions, clone, null, 3), + appendChild(i, clone), + unhideInstance(clone, deletions.memoizedProps), + (viewTransitionMutationContext = !0)) + : (recursivelyInsertClones(deletions, clone, null, visitPhase), + appendChild(i, clone)); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [clone]) + : parentViewTransition.clones.push(clone)); + break; + case 6: + parentViewTransition = deletions.stateNode; + if (null === parentViewTransition) + throw Error(formatProdErrorMessage(162)); + parentViewTransition = parentViewTransition.cloneNode(!1); + nextPhase$171 & 4 && + ((parentViewTransition.nodeValue = nextPhase.memoizedProps), + (viewTransitionMutationContext = !0)); + appendChild(i, parentViewTransition); + if (1 === visitPhase || 2 === visitPhase) + (parentViewTransition.nodeValue = deletions.memoizedProps), + (viewTransitionMutationContext = !0); + break; + case 4: + break; + case 22: + null === deletions.memoizedState + ? ((nextPhase = + 0 === visitPhase && 0 !== (nextPhase$171 & 8192) + ? 1 + : visitPhase), + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + nextPhase + )) + : null !== nextPhase && + null === nextPhase.memoizedState && + (trackEnterViewTransitions(nextPhase), + (viewTransitionMutationContext = !0)); + break; + case 30: + parentViewTransition = pushMutationContext(); + clone = deletions.stateNode; + clone.clones = null; + nextPhase$171 = 1 === visitPhase ? 2 : visitPhase; + recursivelyInsertClones(deletions, i, clone, nextPhase$171); + viewTransitionMutationContext && (deletions.flags |= 4); + if (1 === visitPhase) applyExitViewTransition(deletions); + else if (3 === visitPhase || 2 === visitPhase) + applyAppearingPairViewTransition(deletions); + else if (0 === visitPhase) + b: { + i = deletions.stateNode; + nextPhase = nextPhase.memoizedProps; + deletions = getViewTransitionName(deletions.memoizedProps, i); + visitPhase = getViewTransitionClassName( + nextPhase.className, + nextPhase.update + ); + if ( + "none" === visitPhase && + ((visitPhase = getViewTransitionClassName( + nextPhase.className, + nextPhase.layout + )), + "none" === visitPhase) + ) + break b; + i = i.clones; + null !== i && + applyViewTransitionToClones(deletions, visitPhase, i); + } + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + } } parentFiber = parentFiber.sibling; } else recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone$jscomp$0 + hostParentClone, + parentViewTransition$jscomp$0, + visitPhase$jscomp$0 ); } +function recursivelyApplyViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + commitEnterViewTransitions(deletions[i], !0); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + deletions = parentFiber; + i = deletions.alternate; + if (null !== i) { + var flags = deletions.flags; + switch (deletions.tag) { + case 4: + break; + case 22: + flags & 8192 && + null !== deletions.memoizedState && + null !== i && + null === i.memoizedState && + commitEnterViewTransitions(i, !0); + break; + case 30: + flags = viewTransitionContextChanged; + var prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged = !1; + recursivelyApplyViewTransitions(deletions); + viewTransitionContextChanged && (deletions.flags |= 4); + i = measureUpdateViewTransition(i, deletions, !0); + 0 !== (deletions.flags & 4) && i + ? (viewTransitionCancelableChildren = prevCancelableChildren) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged = + 0 !== (deletions.flags & 32) ? !0 : flags; + deletions.stateNode.clones = null; + break; + default: + recursivelyApplyViewTransitions(deletions); + } + } + parentFiber = parentFiber.sibling; + } + else measureNestedViewTransitions(parentFiber, !0); +} +function recursivelyRestoreViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + restoreEnterOrExitViewTransitions(deletions[i]); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + restoreViewTransitionsOnFiber(parentFiber), + (parentFiber = parentFiber.sibling); + else restoreNestedViewTransitions(parentFiber); +} +function restoreViewTransitionsOnFiber(finishedWork) { + var current = finishedWork.alternate; + if (null === current) restoreEnterOrExitViewTransitions(finishedWork); + else { + var flags = finishedWork.flags; + switch (finishedWork.tag) { + case 4: + break; + case 22: + flags & 8192 && + (null === finishedWork.memoizedState + ? restoreEnterOrExitViewTransitions(finishedWork) + : null !== current && + null === current.memoizedState && + restoreEnterOrExitViewTransitions(current)); + break; + case 30: + restoreViewTransitionOnHostInstances(current.child, !0); + recursivelyRestoreViewTransitions(finishedWork); + break; + default: + recursivelyRestoreViewTransitions(finishedWork); + } + } +} var DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -12011,8 +12446,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); exitStatus = workInProgressRootExitStatus; break; - } catch (thrownValue$173) { - handleThrow(root, thrownValue$173); + } catch (thrownValue$176) { + handleThrow(root, thrownValue$176); } while (1); lanes && root.shellSuspendCounter++; @@ -12127,8 +12562,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$175) { - handleThrow(root, thrownValue$175); + } catch (thrownValue$178) { + handleThrow(root, thrownValue$178); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -12633,7 +13068,6 @@ function commitGestureOnRoot(root, finishedWork) { var prevExecutionContext = executionContext; executionContext |= 4; try { - unhideHostChildren = !1; var rootContainer = root.containerInfo, documentElement = 9 === rootContainer.nodeType @@ -12716,26 +13150,26 @@ function commitGestureOnRoot(root, finishedWork) { } var rotate = computedStyle.rotate; if ("none" !== rotate && "" !== rotate) { - var parts$250 = rotate.split(" "); + var parts$253 = rotate.split(" "); transform = - 1 === parts$250.length - ? "rotate(" + parts$250[0] + ") " + transform - : 2 === parts$250.length + 1 === parts$253.length + ? "rotate(" + parts$253[0] + ") " + transform + : 2 === parts$253.length ? "rotate" + - parts$250[0].toUpperCase() + + parts$253[0].toUpperCase() + "(" + - parts$250[1] + + parts$253[1] + ") " + transform - : "rotate3d(" + parts$250.join(", ") + ") " + transform; + : "rotate3d(" + parts$253.join(", ") + ") " + transform; } var translate = computedStyle.translate; if ("none" !== translate && "" !== translate) { - var parts$251 = translate.split(" "); + var parts$254 = translate.split(" "); transform = - (3 === parts$251.length ? "translate3d" : "translate") + + (3 === parts$254.length ? "translate3d" : "translate") + "(" + - parts$251.join(", ") + + parts$254.join(", ") + ") " + transform; } @@ -12750,7 +13184,7 @@ function commitGestureOnRoot(root, finishedWork) { containerInstance.nextSibling ); root.gestureClone = clone; - recursivelyInsertClones(finishedWork, clone); + recursivelyInsertClones(finishedWork, clone, null, 0); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -12776,6 +13210,7 @@ function flushGestureMutations() { if (6 === pendingEffectsStatus) { pendingEffectsStatus = 0; var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork, prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -12783,6 +13218,9 @@ function flushGestureMutations() { var prevExecutionContext = executionContext; executionContext |= 4; try { + viewTransitionContextChanged = !1; + pushViewTransitionCancelableScope(); + recursivelyApplyViewTransitions(finishedWork); var rootClone = root.gestureClone; if (null !== rootClone) { root.gestureClone = null; @@ -12798,6 +13236,19 @@ function flushGestureMutations() { containerParent.removeChild(rootClone); containerInstance.style.viewTransitionName = "root"; } + if (!viewTransitionContextChanged) { + finishedWork = viewTransitionCancelableChildren; + if (null !== finishedWork) + for (rootClone = 0; rootClone < finishedWork.length; rootClone += 3) + cancelViewTransitionName( + finishedWork[rootClone], + finishedWork[rootClone + 1], + finishedWork[rootClone + 2] + ); + restoreRootViewTransitionName(root.containerInfo); + cancelRootViewTransitionName(root.containerInfo); + } + viewTransitionCancelableChildren = null; } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -12810,7 +13261,8 @@ function flushGestureAnimations() { flushGestureMutations(); if (7 === pendingEffectsStatus) { pendingEffectsStatus = 0; - var root = pendingEffectsRoot; + var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; var prevTransition = ReactSharedInternals.T; @@ -12820,7 +13272,8 @@ function flushGestureAnimations() { var prevExecutionContext = executionContext; executionContext |= 4; try { - restoreRootViewTransitionName(root.containerInfo); + restoreViewTransitionsOnFiber(finishedWork), + restoreRootViewTransitionName(root.containerInfo); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -13024,14 +13477,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$181 = firstScheduledRoot; null !== root$181; ) { + for (var root$184 = firstScheduledRoot; null !== root$184; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$181.pendingLanes; + var pendingLanes = root$184.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$181.suspendedLanes, - pingedLanes = root$181.pingedLanes; + var suspendedLanes = root$184.suspendedLanes, + pingedLanes = root$184.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -13045,21 +13498,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$181, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$184, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$181, - root$181 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$181.cancelPendingCommit || - -1 !== root$181.timeoutHandle + root$184, + root$184 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$184.cancelPendingCommit || + -1 !== root$184.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$181, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$184, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$181, JSCompiler_inline_result)); - root$181 = root$181.next; + performSyncWorkOnRoot(root$184, JSCompiler_inline_result)); + root$184 = root$184.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -13335,20 +13788,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1644 = 0; - i$jscomp$inline_1644 < simpleEventPluginEvents.length; - i$jscomp$inline_1644++ + var i$jscomp$inline_1689 = 0; + i$jscomp$inline_1689 < simpleEventPluginEvents.length; + i$jscomp$inline_1689++ ) { - var eventName$jscomp$inline_1645 = - simpleEventPluginEvents[i$jscomp$inline_1644], - domEventName$jscomp$inline_1646 = - eventName$jscomp$inline_1645.toLowerCase(), - capitalizedEvent$jscomp$inline_1647 = - eventName$jscomp$inline_1645[0].toUpperCase() + - eventName$jscomp$inline_1645.slice(1); + var eventName$jscomp$inline_1690 = + simpleEventPluginEvents[i$jscomp$inline_1689], + domEventName$jscomp$inline_1691 = + eventName$jscomp$inline_1690.toLowerCase(), + capitalizedEvent$jscomp$inline_1692 = + eventName$jscomp$inline_1690[0].toUpperCase() + + eventName$jscomp$inline_1690.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1646, - "on" + capitalizedEvent$jscomp$inline_1647 + domEventName$jscomp$inline_1691, + "on" + capitalizedEvent$jscomp$inline_1692 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -14596,34 +15049,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$195 = props[hasSrc]; - if (null != propValue$195) + var propValue$198 = props[hasSrc]; + if (null != propValue$198) switch (hasSrc) { case "name": - hasSrcSet = propValue$195; + hasSrcSet = propValue$198; break; case "type": - propValue = propValue$195; + propValue = propValue$198; break; case "checked": - checked = propValue$195; + checked = propValue$198; break; case "defaultChecked": - defaultChecked = propValue$195; + defaultChecked = propValue$198; break; case "value": - propKey = propValue$195; + propKey = propValue$198; break; case "defaultValue": - defaultValue = propValue$195; + defaultValue = propValue$198; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$195) + if (null != propValue$198) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$195, props, null); + setProp(domElement, tag, hasSrc, propValue$198, props, null); } } initInput( @@ -14762,14 +15215,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$195 in props) - props.hasOwnProperty(propValue$195) && - ((hasSrc = props[propValue$195]), + for (propValue$198 in props) + props.hasOwnProperty(propValue$198) && + ((hasSrc = props[propValue$198]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$195, + propValue$198, hasSrc, props, void 0 @@ -14817,14 +15270,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$212 in nextProps) { - var propKey = nextProps[propKey$212]; - lastProp = lastProps[propKey$212]; + for (var propKey$215 in nextProps) { + var propKey = nextProps[propKey$215]; + lastProp = lastProps[propKey$215]; if ( - nextProps.hasOwnProperty(propKey$212) && + nextProps.hasOwnProperty(propKey$215) && (null != propKey || null != lastProp) ) - switch (propKey$212) { + switch (propKey$215) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -14859,7 +15312,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$212, + propKey$215, propKey, nextProps, lastProp @@ -14878,7 +15331,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$212 = null; + propKey = value = defaultValue = propKey$215 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -14910,7 +15363,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$212 = type; + propKey$215 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -14933,15 +15386,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$212 - ? updateOptions(domElement, !!lastProps, propKey$212, !1) + null != propKey$215 + ? updateOptions(domElement, !!lastProps, propKey$215, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$212 = null; + propKey = propKey$215 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -14966,7 +15419,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$212 = name; + propKey$215 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -14981,17 +15434,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$212, propKey); + updateTextarea(domElement, propKey$215, propKey); return; case "option": - for (var propKey$228 in lastProps) + for (var propKey$231 in lastProps) if ( - ((propKey$212 = lastProps[propKey$228]), - lastProps.hasOwnProperty(propKey$228) && - null != propKey$212 && - !nextProps.hasOwnProperty(propKey$228)) + ((propKey$215 = lastProps[propKey$231]), + lastProps.hasOwnProperty(propKey$231) && + null != propKey$215 && + !nextProps.hasOwnProperty(propKey$231)) ) - switch (propKey$228) { + switch (propKey$231) { case "selected": domElement.selected = !1; break; @@ -14999,34 +15452,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$228, + propKey$231, null, nextProps, - propKey$212 + propKey$215 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$212 = nextProps[lastDefaultValue]), + ((propKey$215 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$212 !== propKey && - (null != propKey$212 || null != propKey)) + propKey$215 !== propKey && + (null != propKey$215 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$212 !== propKey && (viewTransitionMutationContext = !0); + propKey$215 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$212 && - "function" !== typeof propKey$212 && - "symbol" !== typeof propKey$212; + propKey$215 && + "function" !== typeof propKey$215 && + "symbol" !== typeof propKey$215; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$212, + propKey$215, nextProps, propKey ); @@ -15047,24 +15500,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$233 in lastProps) - (propKey$212 = lastProps[propKey$233]), - lastProps.hasOwnProperty(propKey$233) && - null != propKey$212 && - !nextProps.hasOwnProperty(propKey$233) && - setProp(domElement, tag, propKey$233, null, nextProps, propKey$212); + for (var propKey$236 in lastProps) + (propKey$215 = lastProps[propKey$236]), + lastProps.hasOwnProperty(propKey$236) && + null != propKey$215 && + !nextProps.hasOwnProperty(propKey$236) && + setProp(domElement, tag, propKey$236, null, nextProps, propKey$215); for (checked in nextProps) if ( - ((propKey$212 = nextProps[checked]), + ((propKey$215 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$212 !== propKey && - (null != propKey$212 || null != propKey)) + propKey$215 !== propKey && + (null != propKey$215 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$212) + if (null != propKey$215) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -15072,7 +15525,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$212, + propKey$215, nextProps, propKey ); @@ -15080,49 +15533,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$238 in lastProps) - (propKey$212 = lastProps[propKey$238]), - lastProps.hasOwnProperty(propKey$238) && - void 0 !== propKey$212 && - !nextProps.hasOwnProperty(propKey$238) && + for (var propKey$241 in lastProps) + (propKey$215 = lastProps[propKey$241]), + lastProps.hasOwnProperty(propKey$241) && + void 0 !== propKey$215 && + !nextProps.hasOwnProperty(propKey$241) && setPropOnCustomElement( domElement, tag, - propKey$238, + propKey$241, void 0, nextProps, - propKey$212 + propKey$215 ); for (defaultChecked in nextProps) - (propKey$212 = nextProps[defaultChecked]), + (propKey$215 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$212 === propKey || - (void 0 === propKey$212 && void 0 === propKey) || + propKey$215 === propKey || + (void 0 === propKey$215 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$212, + propKey$215, nextProps, propKey ); return; } } - for (var propKey$243 in lastProps) - (propKey$212 = lastProps[propKey$243]), - lastProps.hasOwnProperty(propKey$243) && - null != propKey$212 && - !nextProps.hasOwnProperty(propKey$243) && - setProp(domElement, tag, propKey$243, null, nextProps, propKey$212); + for (var propKey$246 in lastProps) + (propKey$215 = lastProps[propKey$246]), + lastProps.hasOwnProperty(propKey$246) && + null != propKey$215 && + !nextProps.hasOwnProperty(propKey$246) && + setProp(domElement, tag, propKey$246, null, nextProps, propKey$215); for (lastProp in nextProps) - (propKey$212 = nextProps[lastProp]), + (propKey$215 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$212 === propKey || - (null == propKey$212 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$212, nextProps, propKey); + propKey$215 === propKey || + (null == propKey$215 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$215, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -15268,6 +15721,10 @@ function unhideInstance(instance, props) { instance.style.display = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function applyViewTransitionName(instance, name, className) { + instance.style.viewTransitionName = name; + null != className && (instance.style.viewTransitionClass = className); +} function restoreViewTransitionName(instance, props) { props = props.style; var viewTransitionName = @@ -15293,6 +15750,40 @@ function restoreViewTransitionName(instance, props) { instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function cancelViewTransitionName(instance, oldName, props) { + restoreViewTransitionName(instance, props); + instance = instance.ownerDocument.documentElement; + null !== instance && + instance.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(" + oldName + ")" + } + ); +} +function cancelRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "" === rootContainer.style.viewTransitionName && + ((rootContainer.style.viewTransitionName = "none"), + rootContainer.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + rootContainer.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); +} function restoreRootViewTransitionName(rootContainer) { rootContainer = 9 === rootContainer.nodeType @@ -15307,27 +15798,43 @@ function restoreRootViewTransitionName(rootContainer) { "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); } -function measureInstance(instance) { - var ownerWindow = instance.ownerDocument.defaultView, - rect = instance.getBoundingClientRect(); - instance = getComputedStyle(instance); +function createMeasurement(rect, computedStyle, element) { + element = element.ownerDocument.defaultView; return { rect: rect, - abs: "absolute" === instance.position || "fixed" === instance.position, + abs: + "absolute" === computedStyle.position || + "fixed" === computedStyle.position, clip: - "none" !== instance.clipPath || - "visible" !== instance.overflow || - "none" !== instance.filter || - "none" !== instance.mask || - "none" !== instance.mask || - "0px" !== instance.borderRadius, + "none" !== computedStyle.clipPath || + "visible" !== computedStyle.overflow || + "none" !== computedStyle.filter || + "none" !== computedStyle.mask || + "none" !== computedStyle.mask || + "0px" !== computedStyle.borderRadius, view: 0 <= rect.bottom && 0 <= rect.right && - rect.top <= ownerWindow.innerHeight && - rect.left <= ownerWindow.innerWidth + rect.top <= element.innerHeight && + rect.left <= element.innerWidth }; } +function measureInstance(instance) { + var rect = instance.getBoundingClientRect(), + computedStyle = getComputedStyle(instance); + return createMeasurement(rect, computedStyle, instance); +} +function measureClonedInstance(instance) { + var measuredRect = instance.getBoundingClientRect(); + measuredRect = new DOMRect( + measuredRect.x + 2e4, + measuredRect.y + 2e4, + measuredRect.width, + measuredRect.height + ); + var computedStyle = getComputedStyle(instance); + return createMeasurement(measuredRect, computedStyle, instance); +} function cancelAllViewTransitionAnimations(scope) { for ( var animations = scope.getAnimations({ subtree: !0 }), i = 0; @@ -15538,17 +16045,17 @@ function startGestureTransition( var anim = animations[i]; if ("running" === anim.playState) { pseudoElement = anim.effect; - var pseudoElement$253 = pseudoElement.pseudoElement; + var pseudoElement$256 = pseudoElement.pseudoElement; if ( - null != pseudoElement$253 && - pseudoElement$253.startsWith("::view-transition") && + null != pseudoElement$256 && + pseudoElement$256.startsWith("::view-transition") && pseudoElement.target === documentElement ) { anim.cancel(); var isGeneratedGroupAnim = !1, isExitGroupAnim = !1; - if (pseudoElement$253.startsWith("::view-transition-group")) { - var groupName = pseudoElement$253.slice(23); + if (pseudoElement$256.startsWith("::view-transition-group")) { + var groupName = pseudoElement$256.slice(23); foundNews.has(groupName) ? ((anim = anim.animationName), (isGeneratedGroupAnim = @@ -15559,22 +16066,22 @@ function startGestureTransition( animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, - pseudoElement$253, + pseudoElement$256, timeline, rangeStart, rangeEnd, isGeneratedGroupAnim, isExitGroupAnim ); - pseudoElement$253.startsWith("::view-transition-old") && - ((pseudoElement$253 = pseudoElement$253.slice(21)), - foundGroups.has(pseudoElement$253) || - foundNews.has(pseudoElement$253) || - (foundGroups.add(pseudoElement$253), + pseudoElement$256.startsWith("::view-transition-old") && + ((pseudoElement$256 = pseudoElement$256.slice(21)), + foundGroups.has(pseudoElement$256) || + foundNews.has(pseudoElement$256) || + (foundGroups.add(pseudoElement$256), animateGesture( [{}, {}], pseudoElement.target, - "::view-transition-group" + pseudoElement$253, + "::view-transition-group" + pseudoElement$256, timeline, rangeStart, rangeEnd, @@ -16172,26 +16679,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$256 = getResourcesFromRoot( + var styles$259 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$257 = styles$256.get(type); - resource$257 || + resource$260 = styles$259.get(type); + resource$260 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$257 = { + (resource$260 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$256.set(type, resource$257), - (styles$256 = JSCompiler_inline_result.querySelector( + styles$259.set(type, resource$260), + (styles$259 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$256._p && - ((resource$257.instance = styles$256), - (resource$257.state.loading = 5)), + !styles$259._p && + ((resource$260.instance = styles$259), + (resource$260.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -16204,16 +16711,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$256 || + styles$259 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$257.state + resource$260.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$257; + return resource$260; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -16310,37 +16817,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$262 = hoistableRoot.querySelector( + var instance$265 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$262) + if (instance$265) return ( (resource.state.loading |= 4), - (resource.instance = instance$262), - markNodeAsHoistable(instance$262), - instance$262 + (resource.instance = instance$265), + markNodeAsHoistable(instance$265), + instance$265 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$262 = ( + instance$265 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$262); - var linkInstance = instance$262; + markNodeAsHoistable(instance$265); + var linkInstance = instance$265; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$262, "link", instance); + setInitialProperties(instance$265, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$262, props.precedence, hoistableRoot); - return (resource.instance = instance$262); + insertStylesheet(instance$265, props.precedence, hoistableRoot); + return (resource.instance = instance$265); case "script": - instance$262 = getScriptKey(props.src); + instance$265 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$262) + getScriptSelectorFromKey(instance$265) )) ) return ( @@ -16349,7 +16856,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$262))) + if ((styleProps = preloadPropsMap.get(instance$265))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -17369,16 +17876,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1905 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1950 = React.version; if ( - "19.1.0-experimental-5398b711-20250314" !== - isomorphicReactPackageVersion$jscomp$inline_1905 + "19.1.0-experimental-c69a5fc5-20250318" !== + isomorphicReactPackageVersion$jscomp$inline_1950 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1905, - "19.1.0-experimental-5398b711-20250314" + isomorphicReactPackageVersion$jscomp$inline_1950, + "19.1.0-experimental-c69a5fc5-20250318" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -17398,24 +17905,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2498 = { +var internals$jscomp$inline_2569 = { bundleType: 0, - version: "19.1.0-experimental-5398b711-20250314", + version: "19.1.0-experimental-c69a5fc5-20250318", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-5398b711-20250314" + reconcilerVersion: "19.1.0-experimental-c69a5fc5-20250318" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2499 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2570 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2499.isDisabled && - hook$jscomp$inline_2499.supportsFiber + !hook$jscomp$inline_2570.isDisabled && + hook$jscomp$inline_2570.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2499.inject( - internals$jscomp$inline_2498 + (rendererID = hook$jscomp$inline_2570.inject( + internals$jscomp$inline_2569 )), - (injectedHook = hook$jscomp$inline_2499); + (injectedHook = hook$jscomp$inline_2570); } catch (err) {} } exports.createRoot = function (container, options) { @@ -17507,4 +18014,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.1.0-experimental-5398b711-20250314"; +exports.version = "19.1.0-experimental-c69a5fc5-20250318"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js index fc529d79968f5..593423c843ac3 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js @@ -254,8 +254,6 @@ switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; - case REACT_PORTAL_TYPE: - return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: @@ -264,6 +262,8 @@ return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; + case REACT_ACTIVITY_TYPE: + return "Activity"; case REACT_VIEW_TRANSITION_TYPE: return "ViewTransition"; } @@ -275,6 +275,8 @@ ), type.$$typeof) ) { + case REACT_PORTAL_TYPE: + return "Portal"; case REACT_CONTEXT_TYPE: return (type.displayName || "Context") + ".Provider"; case REACT_CONSUMER_TYPE: @@ -312,6 +314,8 @@ function getComponentNameFromFiber(fiber) { var type = fiber.type; switch (fiber.tag) { + case 31: + return "Activity"; case 24: return "Cache"; case 9: @@ -1371,6 +1375,8 @@ return describeNativeComponentFrame(fiber.type.render, !1); case 1: return describeNativeComponentFrame(fiber.type, !0); + case 31: + return describeBuiltInComponentFrame("Activity"); case 30: return describeBuiltInComponentFrame("ViewTransition"); default: @@ -1430,8 +1436,11 @@ case 19: info += describeBuiltInComponentFrame("SuspenseList"); break; + case 31: + info += describeBuiltInComponentFrame("Activity"); + break; case 30: - info += describeBuiltInComponentFrame("SuspenseList"); + info += describeBuiltInComponentFrame("ViewTransition"); break; case 0: case 15: @@ -9545,33 +9554,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2734; - var JSCompiler_object_inline_stack_2733 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2802; + var JSCompiler_object_inline_stack_2801 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2731 = !1; + var JSCompiler_object_inline_message_2799 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2734 = didSuspend) || - (JSCompiler_object_inline_componentStack_2734 = + (JSCompiler_object_inline_componentStack_2802 = didSuspend) || + (JSCompiler_object_inline_componentStack_2802 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2734 && - ((JSCompiler_object_inline_message_2731 = !0), + JSCompiler_object_inline_componentStack_2802 && + ((JSCompiler_object_inline_message_2799 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2734 = + JSCompiler_object_inline_componentStack_2802 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2731 + JSCompiler_object_inline_message_2799 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2732 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2800 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2732)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2800)) { c: { - var instance = JSCompiler_object_inline_digest_2732; + var instance = JSCompiler_object_inline_digest_2800; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9613,87 +9622,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2732 + JSCompiler_object_inline_digest_2800 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2732 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2800 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2732 && - ((JSCompiler_object_inline_digest_2732 = - JSCompiler_object_inline_digest_2732.dehydrated), - null !== JSCompiler_object_inline_digest_2732) + null !== JSCompiler_object_inline_digest_2800 && + ((JSCompiler_object_inline_digest_2800 = + JSCompiler_object_inline_digest_2800.dehydrated), + null !== JSCompiler_object_inline_digest_2800) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2732) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2800) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2732 = - JSCompiler_object_inline_stack_2733.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2733.fallback; - if (JSCompiler_object_inline_message_2731) + JSCompiler_object_inline_digest_2800 = + JSCompiler_object_inline_stack_2801.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2801.fallback; + if (JSCompiler_object_inline_message_2799) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2733 = + (JSCompiler_object_inline_stack_2801 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2732, + JSCompiler_object_inline_digest_2800, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2731 = workInProgress.child), - (JSCompiler_object_inline_message_2731.memoizedState = + (JSCompiler_object_inline_message_2799 = workInProgress.child), + (JSCompiler_object_inline_message_2799.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2731.childLanes = + (JSCompiler_object_inline_message_2799.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2734, + JSCompiler_object_inline_componentStack_2802, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2733.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2801.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2733 = + (JSCompiler_object_inline_stack_2801 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2732, + JSCompiler_object_inline_digest_2800, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2731 = workInProgress.child), - (JSCompiler_object_inline_message_2731.memoizedState = + (JSCompiler_object_inline_message_2799 = workInProgress.child), + (JSCompiler_object_inline_message_2799.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2731.childLanes = + (JSCompiler_object_inline_message_2799.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2734, + JSCompiler_object_inline_componentStack_2802, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2732 + JSCompiler_object_inline_digest_2800 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2732 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2732) + ((JSCompiler_object_inline_digest_2800 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2800) ) { if (didSuspend) workInProgress.flags & 256 @@ -9710,94 +9719,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2731 = - JSCompiler_object_inline_stack_2733.fallback), - (JSCompiler_object_inline_digest_2732 = workInProgress.mode), - (JSCompiler_object_inline_stack_2733 = + (JSCompiler_object_inline_message_2799 = + JSCompiler_object_inline_stack_2801.fallback), + (JSCompiler_object_inline_digest_2800 = workInProgress.mode), + (JSCompiler_object_inline_stack_2801 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2733.children + children: JSCompiler_object_inline_stack_2801.children }, - JSCompiler_object_inline_digest_2732 + JSCompiler_object_inline_digest_2800 )), - (JSCompiler_object_inline_message_2731 = + (JSCompiler_object_inline_message_2799 = createFiberFromFragment( - JSCompiler_object_inline_message_2731, - JSCompiler_object_inline_digest_2732, + JSCompiler_object_inline_message_2799, + JSCompiler_object_inline_digest_2800, renderLanes, null )), - (JSCompiler_object_inline_message_2731.flags |= 2), - (JSCompiler_object_inline_stack_2733.return = workInProgress), - (JSCompiler_object_inline_message_2731.return = workInProgress), - (JSCompiler_object_inline_stack_2733.sibling = - JSCompiler_object_inline_message_2731), - (workInProgress.child = JSCompiler_object_inline_stack_2733), + (JSCompiler_object_inline_message_2799.flags |= 2), + (JSCompiler_object_inline_stack_2801.return = workInProgress), + (JSCompiler_object_inline_message_2799.return = workInProgress), + (JSCompiler_object_inline_stack_2801.sibling = + JSCompiler_object_inline_message_2799), + (workInProgress.child = JSCompiler_object_inline_stack_2801), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2733 = workInProgress.child), - (JSCompiler_object_inline_stack_2733.memoizedState = + (JSCompiler_object_inline_stack_2801 = workInProgress.child), + (JSCompiler_object_inline_stack_2801.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2733.childLanes = + (JSCompiler_object_inline_stack_2801.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2734, + JSCompiler_object_inline_componentStack_2802, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2731)); + (workInProgress = JSCompiler_object_inline_message_2799)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2732)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2800)) ) { - JSCompiler_object_inline_componentStack_2734 = - JSCompiler_object_inline_digest_2732.nextSibling && - JSCompiler_object_inline_digest_2732.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2734) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2734.dgst; - var message = JSCompiler_object_inline_componentStack_2734.msg; - instance = JSCompiler_object_inline_componentStack_2734.stck; + JSCompiler_object_inline_componentStack_2802 = + JSCompiler_object_inline_digest_2800.nextSibling && + JSCompiler_object_inline_digest_2800.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2802) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2802.dgst; + var message = JSCompiler_object_inline_componentStack_2802.msg; + instance = JSCompiler_object_inline_componentStack_2802.stck; var componentStack = - JSCompiler_object_inline_componentStack_2734.cstck; + JSCompiler_object_inline_componentStack_2802.cstck; } - JSCompiler_object_inline_message_2731 = message; - JSCompiler_object_inline_digest_2732 = JSCompiler_temp; - JSCompiler_object_inline_stack_2733 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2734 = + JSCompiler_object_inline_message_2799 = message; + JSCompiler_object_inline_digest_2800 = JSCompiler_temp; + JSCompiler_object_inline_stack_2801 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2802 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2732 && - ((JSCompiler_object_inline_componentStack_2734 = - JSCompiler_object_inline_message_2731 - ? Error(JSCompiler_object_inline_message_2731) + "POSTPONE" !== JSCompiler_object_inline_digest_2800 && + ((JSCompiler_object_inline_componentStack_2802 = + JSCompiler_object_inline_message_2799 + ? Error(JSCompiler_object_inline_message_2799) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_2734.stack = - JSCompiler_object_inline_stack_2733 || ""), - (JSCompiler_object_inline_componentStack_2734.digest = - JSCompiler_object_inline_digest_2732), - (JSCompiler_object_inline_stack_2733 = + (JSCompiler_object_inline_componentStack_2802.stack = + JSCompiler_object_inline_stack_2801 || ""), + (JSCompiler_object_inline_componentStack_2802.digest = + JSCompiler_object_inline_digest_2800), + (JSCompiler_object_inline_stack_2801 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2731 = { - value: JSCompiler_object_inline_componentStack_2734, + (JSCompiler_object_inline_message_2799 = { + value: JSCompiler_object_inline_componentStack_2802, source: null, - stack: JSCompiler_object_inline_stack_2733 + stack: JSCompiler_object_inline_stack_2801 }), - "string" === typeof JSCompiler_object_inline_stack_2733 && + "string" === typeof JSCompiler_object_inline_stack_2801 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2734, - JSCompiler_object_inline_message_2731 + JSCompiler_object_inline_componentStack_2802, + JSCompiler_object_inline_message_2799 ), - queueHydrationError(JSCompiler_object_inline_message_2731)); + queueHydrationError(JSCompiler_object_inline_message_2799)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9811,44 +9820,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2734 = + (JSCompiler_object_inline_componentStack_2802 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2734) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2802) ) { - JSCompiler_object_inline_componentStack_2734 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2802 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2734 && - ((JSCompiler_object_inline_stack_2733 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2733 = - 0 !== (JSCompiler_object_inline_stack_2733 & 42) + null !== JSCompiler_object_inline_componentStack_2802 && + ((JSCompiler_object_inline_stack_2801 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2801 = + 0 !== (JSCompiler_object_inline_stack_2801 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 )), - (JSCompiler_object_inline_stack_2733 = + (JSCompiler_object_inline_stack_2801 = 0 !== - (JSCompiler_object_inline_stack_2733 & - (JSCompiler_object_inline_componentStack_2734.suspendedLanes | + (JSCompiler_object_inline_stack_2801 & + (JSCompiler_object_inline_componentStack_2802.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2733), - 0 !== JSCompiler_object_inline_stack_2733 && - JSCompiler_object_inline_stack_2733 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2801), + 0 !== JSCompiler_object_inline_stack_2801 && + JSCompiler_object_inline_stack_2801 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2733), + ((prevState.retryLane = JSCompiler_object_inline_stack_2801), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2734, + JSCompiler_object_inline_componentStack_2802, current, - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2732.data === + JSCompiler_object_inline_digest_2800.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9856,14 +9865,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2732.data === + JSCompiler_object_inline_digest_2800.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2732.nextSibling + JSCompiler_object_inline_digest_2800.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9881,54 +9890,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2733.children + JSCompiler_object_inline_stack_2801.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2731) + if (JSCompiler_object_inline_message_2799) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2731 = - JSCompiler_object_inline_stack_2733.fallback), - (JSCompiler_object_inline_digest_2732 = workInProgress.mode), + (JSCompiler_object_inline_message_2799 = + JSCompiler_object_inline_stack_2801.fallback), + (JSCompiler_object_inline_digest_2800 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2733 = createWorkInProgress( + (JSCompiler_object_inline_stack_2801 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2733.children + children: JSCompiler_object_inline_stack_2801.children } )), - (JSCompiler_object_inline_stack_2733.subtreeFlags = + (JSCompiler_object_inline_stack_2801.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2731 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2799 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2731 + JSCompiler_object_inline_message_2799 )) - : ((JSCompiler_object_inline_message_2731 = createFiberFromFragment( - JSCompiler_object_inline_message_2731, - JSCompiler_object_inline_digest_2732, + : ((JSCompiler_object_inline_message_2799 = createFiberFromFragment( + JSCompiler_object_inline_message_2799, + JSCompiler_object_inline_digest_2800, renderLanes, null )), - (JSCompiler_object_inline_message_2731.flags |= 2)), - (JSCompiler_object_inline_message_2731.return = workInProgress), - (JSCompiler_object_inline_stack_2733.return = workInProgress), - (JSCompiler_object_inline_stack_2733.sibling = - JSCompiler_object_inline_message_2731), - (workInProgress.child = JSCompiler_object_inline_stack_2733), - (JSCompiler_object_inline_stack_2733 = - JSCompiler_object_inline_message_2731), - (JSCompiler_object_inline_message_2731 = workInProgress.child), - (JSCompiler_object_inline_digest_2732 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2732 - ? (JSCompiler_object_inline_digest_2732 = + (JSCompiler_object_inline_message_2799.flags |= 2)), + (JSCompiler_object_inline_message_2799.return = workInProgress), + (JSCompiler_object_inline_stack_2801.return = workInProgress), + (JSCompiler_object_inline_stack_2801.sibling = + JSCompiler_object_inline_message_2799), + (workInProgress.child = JSCompiler_object_inline_stack_2801), + (JSCompiler_object_inline_stack_2801 = + JSCompiler_object_inline_message_2799), + (JSCompiler_object_inline_message_2799 = workInProgress.child), + (JSCompiler_object_inline_digest_2800 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2800 + ? (JSCompiler_object_inline_digest_2800 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2732.cachePool), + JSCompiler_object_inline_digest_2800.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9936,38 +9945,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2732 = { + (JSCompiler_object_inline_digest_2800 = { baseLanes: - JSCompiler_object_inline_digest_2732.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2800.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2731.memoizedState = - JSCompiler_object_inline_digest_2732), - (JSCompiler_object_inline_message_2731.childLanes = + (JSCompiler_object_inline_message_2799.memoizedState = + JSCompiler_object_inline_digest_2800), + (JSCompiler_object_inline_message_2799.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2734, + JSCompiler_object_inline_componentStack_2802, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2733.children + children: JSCompiler_object_inline_stack_2801.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2734 = + ((JSCompiler_object_inline_componentStack_2802 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2734 + null === JSCompiler_object_inline_componentStack_2802 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2734.push(current)); + : JSCompiler_object_inline_componentStack_2802.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -10532,10 +10541,10 @@ current.$$typeof === REACT_LAZY_TYPE && (workInProgress = " Did you wrap a component in React.lazy() more than once?"); - renderLanes = getComponentNameFromType(current) || current; + current = getComponentNameFromType(current) || current; throw Error( "Element type is invalid. Received a promise that resolves to: " + - renderLanes + + current + ". Lazy element type must resolve to a class or function." + workInProgress ); @@ -10643,15 +10652,15 @@ didSuspendOrErrorDEV = !1; hydrationDiffRootDEV = null; rootOrSingletonContext = !0; - renderLanes = mountChildFibers( + current = mountChildFibers( workInProgress, null, returnFiber, renderLanes ); - for (workInProgress.child = renderLanes; renderLanes; ) - (renderLanes.flags = (renderLanes.flags & -3) | 4096), - (renderLanes = renderLanes.sibling); + for (workInProgress.child = current; current; ) + (current.flags = (current.flags & -3) | 4096), + (current = current.sibling); } else { resetHydrationState(); @@ -10677,26 +10686,26 @@ return ( markRef(current, workInProgress), null === current - ? (renderLanes = getResource( + ? (current = getResource( workInProgress.type, null, workInProgress.pendingProps, null )) - ? (workInProgress.memoizedState = renderLanes) + ? (workInProgress.memoizedState = current) : isHydrating || - ((renderLanes = workInProgress.type), - (current = workInProgress.pendingProps), + ((current = workInProgress.type), + (renderLanes = workInProgress.pendingProps), (returnFiber = requiredContext( rootInstanceStackCursor.current )), (returnFiber = getOwnerDocumentFromRootContainer( returnFiber - ).createElement(renderLanes)), + ).createElement(current)), (returnFiber[internalInstanceKey] = workInProgress), - (returnFiber[internalPropsKey] = current), - setInitialProperties(returnFiber, renderLanes, current), + (returnFiber[internalPropsKey] = renderLanes), + setInitialProperties(returnFiber, current, renderLanes), markNodeAsHoistable(returnFiber), (workInProgress.stateNode = returnFiber)) : (workInProgress.memoizedState = getResource( @@ -10825,21 +10834,21 @@ return ( null === current && isHydrating && - ((renderLanes = workInProgress.pendingProps), - (current = getHostContext()), - (returnFiber = current.ancestorInfo.current), - (renderLanes = + ((current = workInProgress.pendingProps), + (renderLanes = getHostContext()), + (returnFiber = renderLanes.ancestorInfo.current), + (current = null != returnFiber ? validateTextNesting( - renderLanes, + current, returnFiber.tag, - current.ancestorInfo.implicitRootScope + renderLanes.ancestorInfo.implicitRootScope ) : !0), - (current = nextHydratableInstance), - (returnFiber = !current) || + (renderLanes = nextHydratableInstance), + (returnFiber = !renderLanes) || ((returnFiber = canHydrateTextInstance( - current, + renderLanes, workInProgress.pendingProps, rootOrSingletonContext )), @@ -10851,8 +10860,8 @@ : (returnFiber = !1), (returnFiber = !returnFiber)), returnFiber && - (renderLanes && - warnNonHydratedInstance(workInProgress, current), + (current && + warnNonHydratedInstance(workInProgress, renderLanes), throwOnHydrationMismatch(workInProgress))), null ); @@ -10989,6 +10998,30 @@ workInProgress, renderLanes ); + case 31: + return ( + (returnFiber = workInProgress.pendingProps), + (renderLanes = workInProgress.mode), + (returnFiber = { + mode: returnFiber.mode, + children: returnFiber.children + }), + null === current + ? ((current = mountWorkInProgressOffscreenFiber( + returnFiber, + renderLanes + )), + (current.ref = workInProgress.ref), + (workInProgress.child = current), + (current.return = workInProgress), + (workInProgress = current)) + : ((current = createWorkInProgress(current.child, returnFiber)), + (current.ref = workInProgress.ref), + (workInProgress.child = current), + (current.return = workInProgress), + (workInProgress = current)), + workInProgress + ); case 22: return updateOffscreenComponent(current, workInProgress, renderLanes); case 24: @@ -11051,20 +11084,21 @@ (prevSibling = workInProgress.stateNode), null != returnFiber.name && "auto" !== returnFiber.name ? (workInProgress.flags |= null === current ? 18882560 : 18874368) - : null === prevSibling.autoName && - ((prevState = workInProgressRoot.identifierPrefix), - isHydrating - ? ((nextState = getTreeId()), - (prevState = - "\u00ab" + prevState + "T" + nextState + "\u00bb")) - : ((nextState = globalClientIdCounter++), - (prevState = - "\u00ab" + - prevState + - "t" + - nextState.toString(32) + - "\u00bb")), - (prevSibling.autoName = prevState)), + : (null === prevSibling.autoName && + ((prevState = workInProgressRoot.identifierPrefix), + isHydrating + ? ((nextState = getTreeId()), + (prevState = + "\u00ab" + prevState + "T" + nextState + "\u00bb")) + : ((nextState = globalClientIdCounter++), + (prevState = + "\u00ab" + + prevState + + "t" + + nextState.toString(32) + + "\u00bb")), + (prevSibling.autoName = prevState)), + isHydrating && pushMaterializedTreeId(workInProgress)), null !== current && current.memoizedProps.name !== returnFiber.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress), @@ -11674,12 +11708,33 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } + function pushViewTransitionCancelableScope() { + var prevChildren = viewTransitionCancelableChildren; + viewTransitionCancelableChildren = null; + return prevChildren; + } function applyViewTransitionToHostInstances( child, name, className, collectMeasurements, stopAtNestedViewTransitions + ) { + viewTransitionHostInstanceIdx = 0; + return applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions + ); + } + function applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { @@ -11691,17 +11746,17 @@ measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); - measurement = className; - instance.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx ? name - : name + "_" + viewTransitionHostInstanceIdx; - null != measurement && - (instance.style.viewTransitionClass = measurement); + : name + "_" + viewTransitionHostInstanceIdx, + className + ); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - (applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstancesRecursive( child.child, name, className, @@ -11747,19 +11802,19 @@ var name = props.name; props = getViewTransitionClassName(props.className, props.share); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( placement.child, name, props, null, !1 - ) || restoreViewTransitionOnHostInstances(placement.child, !1)); + ) || + restoreViewTransitionOnHostInstances(placement.child, !1)); } placement = placement.sibling; } } - function commitEnterViewTransitions(placement) { + function commitEnterViewTransitions(placement, gesture) { if (30 === placement.tag) { var state = placement.stateNode, props = placement.memoizedProps, @@ -11769,22 +11824,22 @@ state.paired ? props.share : props.enter ); "none" !== className - ? ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + ? applyViewTransitionToHostInstances( placement.child, name, className, null, !1 ) - ? (commitAppearingPairViewTransitions(placement), - state.paired || - scheduleViewTransitionEvent(placement, props.onEnter)) - : restoreViewTransitionOnHostInstances(placement.child, !1)) + ? (commitAppearingPairViewTransitions(placement), + state.paired || + gesture || + scheduleViewTransitionEvent(placement, props.onEnter)) + : restoreViewTransitionOnHostInstances(placement.child, !1) : commitAppearingPairViewTransitions(placement); } else if (0 !== (placement.subtreeFlags & 33554432)) for (placement = placement.child; null !== placement; ) - commitEnterViewTransitions(placement), + commitEnterViewTransitions(placement, gesture), (placement = placement.sibling); else commitAppearingPairViewTransitions(placement); } @@ -11808,15 +11863,16 @@ props.share ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, null, !1 ) - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), scheduleViewTransitionEvent(deletion, props.onShare)) : restoreViewTransitionOnHostInstances( deletion.child, @@ -11846,8 +11902,7 @@ void 0 !== pair ? props.share : props.exit ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, @@ -11855,7 +11910,9 @@ !1 ) ? void 0 !== pair - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), appearingViewTransitions.delete(name), scheduleViewTransitionEvent(deletion, props.onShare)) : scheduleViewTransitionEvent(deletion, props.onExit) @@ -11876,14 +11933,13 @@ name = getViewTransitionName(props, changedParent.stateNode); props = getViewTransitionClassName(props.className, props.layout); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), applyViewTransitionToHostInstances( changedParent.child, name, props, (changedParent.memoizedState = []), !1 - )); + ); } else 0 !== (changedParent.subtreeFlags & 33554432) && commitNestedViewTransitions(changedParent); @@ -11905,48 +11961,32 @@ parent = parent.sibling; } } - function restoreEnterViewTransitions(placement) { - if (30 === placement.tag) - (placement.stateNode.paired = null), - restoreViewTransitionOnHostInstances(placement.child, !1), - restorePairedViewTransitions(placement); - else if (0 !== (placement.subtreeFlags & 33554432)) - for (placement = placement.child; null !== placement; ) - restoreEnterViewTransitions(placement), - (placement = placement.sibling); - else restorePairedViewTransitions(placement); - } - function restoreExitViewTransitions(deletion) { - if (30 === deletion.tag) - (deletion.stateNode.paired = null), - restoreViewTransitionOnHostInstances(deletion.child, !1), - restorePairedViewTransitions(deletion); - else if (0 !== (deletion.subtreeFlags & 33554432)) - for (deletion = deletion.child; null !== deletion; ) - restoreExitViewTransitions(deletion), (deletion = deletion.sibling); - else restorePairedViewTransitions(deletion); + function restoreEnterOrExitViewTransitions(fiber) { + if (30 === fiber.tag) + (fiber.stateNode.paired = null), + restoreViewTransitionOnHostInstances(fiber.child, !1), + restorePairedViewTransitions(fiber); + else if (0 !== (fiber.subtreeFlags & 33554432)) + for (fiber = fiber.child; null !== fiber; ) + restoreEnterOrExitViewTransitions(fiber), (fiber = fiber.sibling); + else restorePairedViewTransitions(fiber); } function restoreNestedViewTransitions(changedParent) { for (changedParent = changedParent.child; null !== changedParent; ) 30 === changedParent.tag - ? ((changedParent.memoizedState = null), - restoreViewTransitionOnHostInstances(changedParent.child, !1)) + ? restoreViewTransitionOnHostInstances(changedParent.child, !1) : 0 !== (changedParent.subtreeFlags & 33554432) && restoreNestedViewTransitions(changedParent), (changedParent = changedParent.sibling); } - function cancelViewTransitionHostInstances( - currentViewTransition, + function cancelViewTransitionHostInstancesRecursive( child, + oldName, stopAtNestedViewTransitions ) { for (; null !== child; ) { if (5 === child.tag) { - var instance = child.stateNode, - oldName = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - ); + var instance = child.stateNode; null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []); viewTransitionCancelableChildren.push( @@ -11957,19 +11997,19 @@ viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - cancelViewTransitionHostInstances( - currentViewTransition, + cancelViewTransitionHostInstancesRecursive( child.child, + oldName, stopAtNestedViewTransitions ); child = child.sibling; } } - function measureViewTransitionHostInstances( - currentViewTransition, + function measureViewTransitionHostInstancesRecursive( parentViewTransition, child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -12009,36 +12049,30 @@ nextMeasurement && (parentViewTransition.flags |= 32); } else parentViewTransition.flags |= 32; 0 !== (parentViewTransition.flags & 4) && - ((nextMeasurement = instance), - (previousMeasurement = className), - (nextMeasurement.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx - ? name - : name + "_" + viewTransitionHostInstanceIdx), - null != previousMeasurement && - (nextMeasurement.style.viewTransitionClass = - previousMeasurement)); + ? newName + : newName + "_" + viewTransitionHostInstanceIdx, + className + ); (inViewport && 0 !== (parentViewTransition.flags & 4)) || - ((nextMeasurement = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - )), - null === viewTransitionCancelableChildren && + (null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []), viewTransitionCancelableChildren.push( instance, - nextMeasurement, + oldName, child.memoizedProps )); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) 30 === child.tag && stopAtNestedViewTransitions ? (parentViewTransition.flags |= child.flags & 32) - : measureViewTransitionHostInstances( - currentViewTransition, + : measureViewTransitionHostInstancesRecursive( parentViewTransition, child.child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -12047,34 +12081,93 @@ } return inViewport; } - function measureNestedViewTransitions(changedParent) { + function measureUpdateViewTransition(current, finishedWork, gesture) { + var oldFiber = gesture ? finishedWork : current, + newFiber = gesture ? current : finishedWork, + props = newFiber.memoizedProps, + state = newFiber.stateNode, + newName = getViewTransitionName(props, state); + current = getViewTransitionName(oldFiber.memoizedProps, state); + var updateClassName = getViewTransitionClassName( + props.className, + props.update + ); + props = getViewTransitionClassName(props.className, props.layout); + if ("none" === updateClassName) { + if ("none" === props) return !1; + finishedWork.flags &= -5; + updateClassName = props; + } else if (0 === (finishedWork.flags & 4)) { + if ("none" === props) + return ( + (finishedWork = oldFiber.child), + (viewTransitionHostInstanceIdx = 0), + cancelViewTransitionHostInstancesRecursive( + finishedWork, + current, + !0 + ), + !1 + ); + updateClassName = props; + } + gesture + ? ((oldFiber = state.clones), + (gesture = + null === oldFiber ? null : oldFiber.map(measureClonedInstance))) + : ((gesture = oldFiber.memoizedState), (oldFiber.memoizedState = null)); + oldFiber = newFiber.child; + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstancesRecursive( + finishedWork, + oldFiber, + newName, + current, + updateClassName, + gesture, + !0 + ); + viewTransitionHostInstanceIdx !== + (null === gesture ? 0 : gesture.length) && (finishedWork.flags |= 32); + return current; + } + function measureNestedViewTransitions(changedParent, gesture) { for (changedParent = changedParent.child; null !== changedParent; ) { if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName( - props.className, - props.layout - ); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 + var props = changedParent.memoizedProps, + state = changedParent.stateNode, + name = getViewTransitionName(props, state), + className = getViewTransitionClassName( + props.className, + props.layout ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } + if (gesture) { + state = state.clones; + var previousMeasurements = + null === state ? null : state.map(measureClonedInstance); + } else + (previousMeasurements = changedParent.memoizedState), + (changedParent.memoizedState = null); + state = changedParent; + var child = changedParent.child, + newName = name; + viewTransitionHostInstanceIdx = 0; + className = measureViewTransitionHostInstancesRecursive( + state, + child, + newName, + name, + className, + previousMeasurements, + !1 + ); + 0 !== (changedParent.flags & 4) && + className && + (gesture || + scheduleViewTransitionEvent(changedParent, props.onLayout)); } else 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); + measureNestedViewTransitions(changedParent, gesture); changedParent = changedParent.sibling; } } @@ -12154,7 +12247,7 @@ _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + for (firstChild = committedLanes ? 9270 : 1028; null !== nextEffect; ) { root = nextEffect; if ( committedLanes && @@ -12260,11 +12353,7 @@ case 17: break; case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (finishedWork.subtreeFlags & 8246) - ) + if (isViewTransitionEligible && null !== current) a: { isViewTransitionEligible = current; current = finishedWork; @@ -12286,7 +12375,6 @@ "none" === flags) ) break a; - viewTransitionHostInstanceIdx = 0; applyViewTransitionToHostInstances( isViewTransitionEligible.child, finishedWork, @@ -13257,6 +13345,7 @@ instance, lanes.memoizedProps ); + viewTransitionMutationContext = !0; } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -13355,66 +13444,33 @@ } } function recursivelyTraverseAfterMutationEffects(root, parentFiber) { - if (parentFiber.subtreeFlags & 9238) + if (parentFiber.subtreeFlags & 9270) for (parentFiber = parentFiber.child; null !== parentFiber; ) commitAfterMutationEffectsOnFiber(parentFiber, root), (parentFiber = parentFiber.sibling); - else measureNestedViewTransitions(parentFiber); + else measureNestedViewTransitions(parentFiber, !1); } function commitAfterMutationEffectsOnFiber(finishedWork, root) { var current = finishedWork.alternate; - if (null === current) commitEnterViewTransitions(finishedWork); + if (null === current) commitEnterViewTransitions(finishedWork, !1); else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; + viewTransitionContextChanged$1 = !1; + pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); - if (!viewTransitionContextChanged) { + if (!viewTransitionContextChanged$1) { finishedWork = viewTransitionCancelableChildren; - viewTransitionCancelableChildren = null; if (null !== finishedWork) - for (var i = 0; i < finishedWork.length; i += 3) { - var instance = finishedWork[i], - oldName = finishedWork[i + 1]; - restoreViewTransitionName(instance, finishedWork[i + 2]); - instance = instance.ownerDocument.documentElement; - null !== instance && - instance.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: - "::view-transition-group(" + oldName + ")" - } - ); - } - finishedWork = root.containerInfo; - finishedWork = - 9 === finishedWork.nodeType - ? finishedWork.documentElement - : finishedWork.ownerDocument.documentElement; - null !== finishedWork && - "" === finishedWork.style.viewTransitionName && - ((finishedWork.style.viewTransitionName = "none"), - finishedWork.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - finishedWork.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + for (var i = 0; i < finishedWork.length; i += 3) + cancelViewTransitionName( + finishedWork[i], + finishedWork[i + 1], + finishedWork[i + 2] + ); + cancelRootViewTransitionName(root.containerInfo); } + viewTransitionCancelableChildren = null; break; case 5: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -13422,85 +13478,34 @@ case 22: null === finishedWork.memoizedState && (null !== current.memoizedState - ? commitEnterViewTransitions(finishedWork) + ? commitEnterViewTransitions(finishedWork, !1) : recursivelyTraverseAfterMutationEffects(root, finishedWork)); break; case 30: - if (0 !== (finishedWork.subtreeFlags & 8246)) { - i = 0 !== (finishedWork.flags & 4); - oldName = viewTransitionContextChanged; - instance = viewTransitionCancelableChildren; - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; - recursivelyTraverseAfterMutationEffects(root, finishedWork); - viewTransitionContextChanged && (finishedWork.flags |= 4); - a: { - root = finishedWork.memoizedProps; - var updateClassName = getViewTransitionClassName( - root.className, - root.update - ), - layoutClassName = getViewTransitionClassName( - root.className, - root.layout - ); - if ("none" === updateClassName) { - if ("none" === layoutClassName) { - current = !1; - break a; - } - finishedWork.flags &= -5; - updateClassName = layoutClassName; - } else if (0 === (finishedWork.flags & 4)) { - if ("none" === layoutClassName) { - viewTransitionHostInstanceIdx = 0; - cancelViewTransitionHostInstances( - current, - finishedWork.child, - !0 - ); - current = !1; - break a; - } - updateClassName = layoutClassName; - } - layoutClassName = getViewTransitionName( - root, - finishedWork.stateNode - ); - viewTransitionHostInstanceIdx = 0; - root = current.memoizedState; - current = measureViewTransitionHostInstances( - current, + i = 0 !== (finishedWork.flags & 4); + var prevContextChanged = viewTransitionContextChanged$1, + prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged$1 = !1; + recursivelyTraverseAfterMutationEffects(root, finishedWork); + viewTransitionContextChanged$1 && (finishedWork.flags |= 4); + root = measureUpdateViewTransition(current, finishedWork, !1); + 0 !== (finishedWork.flags & 4) && root + ? ((root = finishedWork.memoizedProps), + scheduleViewTransitionEvent( finishedWork, - finishedWork.child, - layoutClassName, - updateClassName, - root, - !0 - ); - viewTransitionHostInstanceIdx !== - (null === root ? 0 : root.length) && - (finishedWork.flags |= 32); - } - 0 !== (finishedWork.flags & 4) && current - ? ((current = finishedWork.memoizedProps), - scheduleViewTransitionEvent( - finishedWork, - i || viewTransitionContextChanged - ? current.onUpdate - : current.onLayout - ), - (viewTransitionCancelableChildren = instance)) - : null !== instance && - (instance.push.apply( - instance, - viewTransitionCancelableChildren - ), - (viewTransitionCancelableChildren = instance)); - viewTransitionContextChanged = - 0 !== (finishedWork.flags & 32) ? !0 : oldName; - } + i || viewTransitionContextChanged$1 + ? root.onUpdate + : root.onLayout + ), + (viewTransitionCancelableChildren = prevCancelableChildren)) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged$1 = + 0 !== (finishedWork.flags & 32) ? !0 : prevContextChanged; break; default: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -13818,7 +13823,7 @@ null === finishedWork.alternate && null !== finishedWork.return && null !== finishedWork.return.alternate && - restoreEnterViewTransitions(finishedWork); + restoreEnterOrExitViewTransitions(finishedWork); var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -13975,7 +13980,7 @@ ? (isViewTransitionEligible && null !== wasInHydratedSubtree && null === wasInHydratedSubtree.memoizedState && - restoreExitViewTransitions(wasInHydratedSubtree), + restoreEnterOrExitViewTransitions(wasInHydratedSubtree), prevEffectDuration._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -13994,7 +13999,7 @@ : (isViewTransitionEligible && null !== wasInHydratedSubtree && null !== wasInHydratedSubtree.memoizedState && - restoreEnterViewTransitions(finishedWork), + restoreEnterOrExitViewTransitions(finishedWork), prevEffectDuration._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -14034,9 +14039,7 @@ isViewTransitionEligible && ((isViewTransitionEligible = finishedWork.alternate), null !== isViewTransitionEligible && - 0 !== (finishedWork.subtreeFlags & 8246) && - ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances( + (restoreViewTransitionOnHostInstances( isViewTransitionEligible.child, !0 ), @@ -14679,6 +14682,13 @@ : 5); else a: switch (type) { + case REACT_ACTIVITY_TYPE: + return ( + (key = createFiber(31, pendingProps, key, mode)), + (key.elementType = REACT_ACTIVITY_TYPE), + (key.lanes = lanes), + key + ); case REACT_FRAGMENT_TYPE: return createFiberFromFragment( pendingProps.children, @@ -14720,15 +14730,18 @@ (key.lanes = lanes), key ); - case REACT_OFFSCREEN_TYPE: - return createFiberFromOffscreen(pendingProps, mode, lanes, key); case REACT_LEGACY_HIDDEN_TYPE: case REACT_VIEW_TRANSITION_TYPE: return ( (key = createFiber(30, pendingProps, key, mode)), (key.elementType = REACT_VIEW_TRANSITION_TYPE), (key.lanes = lanes), - (key.stateNode = { autoName: null, paired: null, ref: null }), + (key.stateNode = { + autoName: null, + paired: null, + clones: null, + ref: null + }), key ); default: @@ -14812,7 +14825,6 @@ } function createFiberFromOffscreen(pendingProps, mode, lanes, key) { pendingProps = createFiber(22, pendingProps, key, mode); - pendingProps.elementType = REACT_OFFSCREEN_TYPE; pendingProps.lanes = lanes; var primaryChildInstance = { _visibility: OffscreenVisible, @@ -15288,6 +15300,7 @@ var newProps = workInProgress.pendingProps; popTreeContext(workInProgress); switch (workInProgress.tag) { + case 31: case 16: case 15: case 0: @@ -15957,27 +15970,271 @@ popProvider(CacheContext, interruptedWork); } } + function applyViewTransitionToClones(name, className, clones) { + for (var i = 0; i < clones.length; i++) + applyViewTransitionName( + clones[i], + 0 === i ? name : name + "_" + i, + className + ); + } + function trackDeletedPairViewTransitions(deletion) { + if ( + null !== appearingViewTransitions && + 0 !== appearingViewTransitions.size + ) { + var pairs = appearingViewTransitions; + if (0 !== (deletion.subtreeFlags & 18874368)) + for (deletion = deletion.child; null !== deletion; ) { + if (22 !== deletion.tag || null !== deletion.memoizedState) { + if (30 === deletion.tag && 0 !== (deletion.flags & 18874368)) { + var props = deletion.memoizedProps, + name = props.name; + if (null != name && "auto" !== name) { + var pair = pairs.get(name); + if (void 0 !== pair) { + pairs.delete(name); + props = getViewTransitionClassName( + props.className, + props.share + ); + if ("none" !== props) { + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && + applyViewTransitionToClones(name, props, pair); + } + if (0 === pairs.size) break; + } + } + } + trackDeletedPairViewTransitions(deletion); + } + deletion = deletion.sibling; + } + } + } + function trackEnterViewTransitions(deletion) { + if (30 === deletion.tag) { + var props = deletion.memoizedProps, + name = getViewTransitionName(props, deletion.stateNode), + pair = + null !== appearingViewTransitions + ? appearingViewTransitions.get(name) + : void 0; + props = getViewTransitionClassName( + props.className, + void 0 !== pair ? props.share : props.enter + ); + if ("none" !== props && void 0 !== pair) { + appearingViewTransitions.delete(name); + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && applyViewTransitionToClones(name, props, pair); + } + trackDeletedPairViewTransitions(deletion); + } else if (0 !== (deletion.subtreeFlags & 33554432)) + for (deletion = deletion.child; null !== deletion; ) + trackEnterViewTransitions(deletion), (deletion = deletion.sibling); + else trackDeletedPairViewTransitions(deletion); + } + function applyAppearingPairViewTransition(child) { + if (0 !== (child.flags & 18874368)) { + var state = child.stateNode; + if (state.paired) { + var props = child.memoizedProps; + if (null == props.name || "auto" === props.name) + throw Error( + "Found a pair with an auto name. This is a bug in React." + ); + child = props.name; + props = getViewTransitionClassName(props.className, props.share); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(child, props, state)); + } + } + } + function applyExitViewTransition(placement) { + var state = placement.stateNode, + props = placement.memoizedProps; + placement = getViewTransitionName(props, state); + props = getViewTransitionClassName( + props.className, + state.paired ? props.share : props.exit + ); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(placement, props, state)); + } + function recursivelyInsertNew( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ) { + if ( + visitPhase !== INSERT_APPEARING_PAIR || + null !== parentViewTransition || + 0 !== (parentFiber.subtreeFlags & 18874368) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + recursivelyInsertNewFiber( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ), + (parentFiber = parentFiber.sibling); + } + function recursivelyInsertNewFiber( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ) { + switch (finishedWork.tag) { + case 26: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + finishedWork.flags & 4 && + console.error( + "useSwipeTransition() caused something to render a new <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't mount any new <%s> elements.", + finishedWork.type, + finishedWork.type + ); + break; + case 5: + var instance = finishedWork.stateNode; + visitPhase !== INSERT_APPEARING_PAIR + ? (appendChild(hostParentClone, instance), + (viewTransitionMutationContext = !0), + recursivelyInsertNew( + finishedWork, + instance, + null, + INSERT_APPEARING_PAIR + )) + : recursivelyInsertNew(finishedWork, instance, null, visitPhase); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + break; + case 6: + finishedWork = finishedWork.stateNode; + if (null === finishedWork) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + visitPhase !== INSERT_APPEARING_PAIR && + (appendChild(hostParentClone, finishedWork), + (viewTransitionMutationContext = !0)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 30: + parentViewTransition = pushMutationContext(); + instance = finishedWork.stateNode; + instance.clones = null; + recursivelyInsertNew( + finishedWork, + hostParentClone, + instance, + visitPhase === INSERT_EXIT ? INSERT_APPEND : visitPhase + ); + visitPhase === INSERT_EXIT + ? applyExitViewTransition(finishedWork) + : (visitPhase === INSERT_APPEARING_PAIR || + visitPhase === INSERT_APPEND) && + applyAppearingPairViewTransition(finishedWork); + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + } + } function recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ) { for (parentFiber = parentFiber.child; null !== parentFiber; ) { switch (parentFiber.tag) { case 5: - var clone = parentFiber.stateNode.cloneNode(!0); - appendChild(hostParentClone, clone); - unhideHostChildren && - unhideInstance(clone, parentFiber.memoizedProps); + var instance = parentFiber.stateNode; + switch (visitPhase) { + case CLONE_EXIT: + case CLONE_UNHIDE: + case CLONE_APPEARING_PAIR: + var _nextPhase = + 0 !== (parentFiber.subtreeFlags & 18874368) + ? CLONE_APPEARING_PAIR + : CLONE_UNCHANGED; + break; + default: + _nextPhase = CLONE_UNCHANGED; + } + _nextPhase !== CLONE_UNCHANGED + ? ((instance = instance.cloneNode(!1)), + recursivelyInsertClonesFromExistingTree( + parentFiber, + instance, + null, + _nextPhase + )) + : (instance = instance.cloneNode(!0)); + appendChild(hostParentClone, instance); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + unhideInstance(instance, parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 6: - clone = parentFiber.stateNode; - if (null === clone) + _nextPhase = parentFiber.stateNode; + if (null === _nextPhase) throw Error( "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." ); - clone = clone.cloneNode(!1); - appendChild(hostParentClone, clone); - unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + _nextPhase = _nextPhase.cloneNode(!1); + appendChild(hostParentClone, _nextPhase); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + (_nextPhase.nodeValue = parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 4: break; @@ -15985,145 +16242,361 @@ null === parentFiber.memoizedState && recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ); break; case 30: - clone = pushMutationContext(); + _nextPhase = pushMutationContext(); + instance = parentFiber.stateNode; + instance.clones = null; recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + instance, + visitPhase === CLONE_EXIT + ? CLONE_UNHIDE + : visitPhase === CLONE_UPDATE + ? CLONE_UNCHANGED + : visitPhase ); - viewTransitionMutationContext = clone; + if (visitPhase === CLONE_EXIT) applyExitViewTransition(parentFiber); + else if ( + visitPhase === CLONE_APPEARING_PAIR || + visitPhase === CLONE_UNHIDE + ) + applyAppearingPairViewTransition(parentFiber); + else if (visitPhase === CLONE_UPDATE) { + var state = parentFiber.stateNode, + props = parentFiber.memoizedProps; + instance = getViewTransitionName(props, state); + props = getViewTransitionClassName(props.className, props.layout); + "none" !== props && + ((state = state.clones), + null !== state && + applyViewTransitionToClones(instance, props, state)); + } + viewTransitionMutationContext = _nextPhase; break; default: recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ); } parentFiber = parentFiber.sibling; } } - function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { + function recursivelyInsertClones( + parentFiber, + hostParentClone$jscomp$0, + parentViewTransition, + visitPhase$jscomp$0 + ) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + trackEnterViewTransitions(deletions[i]), + (viewTransitionMutationContext = !0); if ( null === parentFiber.alternate || 0 !== (parentFiber.subtreeFlags & 13878) ) for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var finishedWork = parentFiber, - hostParentClone = hostParentClone$jscomp$0, - current = finishedWork.alternate, - flags = finishedWork.flags; - switch (finishedWork.tag) { - case 26: - recursivelyInsertClones(finishedWork, hostParentClone); - break; - case 27: - recursivelyInsertClones(finishedWork, hostParentClone); - if (flags & 4) - if (null === current) - console.error( - "useSwipeTransition() caused something to render a new <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't mount any new <%s> elements.", - finishedWork.type, - finishedWork.type - ); - else { - hostParentClone = finishedWork.memoizedProps; - current = current.memoizedProps; - flags = finishedWork.stateNode; - var clone = finishedWork.type; - var prev = pushMutationContext(); + deletions = parentFiber; + var hostParentClone = hostParentClone$jscomp$0; + var nextPhase = parentViewTransition; + var visitPhase = visitPhase$jscomp$0; + i = deletions.alternate; + if (null === i) + recursivelyInsertNewFiber( + deletions, + hostParentClone, + nextPhase, + INSERT_EXIT + ); + else { + var flags = deletions.flags; + switch (deletions.tag) { + case 26: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + break; + case 27: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + if (flags & 4) { + hostParentClone = deletions.memoizedProps; + i = i.memoizedProps; + visitPhase = deletions.stateNode; + flags = deletions.type; + nextPhase = pushMutationContext(); try { commitUpdate( + visitPhase, flags, - clone, - current, + i, hostParentClone, - finishedWork + deletions ), viewTransitionMutationContext && console.error( "useSwipeTransition() caused something to mutate <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't update any state which causes <%s> to change.", - finishedWork.type, - finishedWork.type + deletions.type, + deletions.type ), commitUpdate( + visitPhase, flags, - clone, hostParentClone, - current, - finishedWork + i, + deletions ); } finally { - viewTransitionMutationContext = prev; + viewTransitionMutationContext = nextPhase; } } - break; - case 5: - clone = finishedWork.stateNode; - null === current - ? appendChild(hostParentClone, clone) - : (null === finishedWork.child - ? ((clone = clone.cloneNode(!0)), - finishedWork.flags & 32 && resetTextContent(clone)) - : (clone = clone.cloneNode(!1)), - flags & 4 && - commitUpdate( + break; + case 5: + var clone = deletions.stateNode; + null === deletions.child + ? ((clone = clone.cloneNode(!0)), + deletions.flags & 32 && + (resetTextContent(clone), + (viewTransitionMutationContext = !0))) + : (clone = clone.cloneNode(!1)); + flags & 4 && + commitUpdate( + clone, + deletions.type, + i.memoizedProps, + deletions.memoizedProps + ); + visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE + ? (recursivelyInsertClones( + deletions, clone, - finishedWork.type, - current.memoizedProps, - finishedWork.memoizedProps + null, + CLONE_APPEARING_PAIR ), - unhideHostChildren - ? ((unhideHostChildren = !1), - recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone), - (unhideHostChildren = !0), - unhideInstance(clone, finishedWork.memoizedProps)) - : (recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone))); - break; - case 6: - clone = finishedWork.stateNode; - if (null === clone) - throw Error( - "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + appendChild(hostParentClone, clone), + unhideInstance(clone, deletions.memoizedProps), + (viewTransitionMutationContext = !0)) + : (recursivelyInsertClones( + deletions, + clone, + null, + visitPhase + ), + appendChild(hostParentClone, clone)); + null !== nextPhase && + (null === nextPhase.clones + ? (nextPhase.clones = [clone]) + : nextPhase.clones.push(clone)); + break; + case 6: + nextPhase = deletions.stateNode; + if (null === nextPhase) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + nextPhase = nextPhase.cloneNode(!1); + flags & 4 && + ((nextPhase.nodeValue = i.memoizedProps), + (viewTransitionMutationContext = !0)); + appendChild(hostParentClone, nextPhase); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + (nextPhase.nodeValue = deletions.memoizedProps), + (viewTransitionMutationContext = !0); + break; + case 4: + break; + case 22: + null === deletions.memoizedState + ? ((i = + visitPhase === CLONE_UPDATE && 0 !== (flags & 8192) + ? CLONE_EXIT + : visitPhase), + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + i + )) + : null !== i && + null === i.memoizedState && + (trackEnterViewTransitions(i), + (viewTransitionMutationContext = !0)); + break; + case 30: + flags = pushMutationContext(); + clone = deletions.stateNode; + clone.clones = null; + nextPhase = + visitPhase === CLONE_EXIT ? CLONE_UNHIDE : visitPhase; + recursivelyInsertClones( + deletions, + hostParentClone, + clone, + nextPhase ); - null === current - ? appendChild(hostParentClone, clone) - : ((clone = clone.cloneNode(!1)), - flags & 4 && (clone.nodeValue = current.memoizedProps), - appendChild(hostParentClone, clone), - unhideHostChildren && - (clone.nodeValue = finishedWork.memoizedProps)); - break; - case 4: - break; - case 22: - null === finishedWork.memoizedState && - ((unhideHostChildren = - (current = unhideHostChildren) || 0 !== (flags & 8192)), - recursivelyInsertClones(finishedWork, hostParentClone), - (unhideHostChildren = current)); - break; - case 30: - current = pushMutationContext(); - recursivelyInsertClones(finishedWork, hostParentClone); - viewTransitionMutationContext && (finishedWork.flags |= 4); - viewTransitionMutationContext = current; - break; - default: - recursivelyInsertClones(finishedWork, hostParentClone); + viewTransitionMutationContext && (deletions.flags |= 4); + if (visitPhase === CLONE_EXIT) + applyExitViewTransition(deletions); + else if ( + visitPhase === CLONE_APPEARING_PAIR || + visitPhase === CLONE_UNHIDE + ) + applyAppearingPairViewTransition(deletions); + else if (visitPhase === CLONE_UPDATE) + b: { + hostParentClone = deletions.stateNode; + i = i.memoizedProps; + deletions = getViewTransitionName( + deletions.memoizedProps, + hostParentClone + ); + visitPhase = getViewTransitionClassName( + i.className, + i.update + ); + if ( + "none" === visitPhase && + ((visitPhase = getViewTransitionClassName( + i.className, + i.layout + )), + "none" === visitPhase) + ) + break b; + i = hostParentClone.clones; + null !== i && + applyViewTransitionToClones(deletions, visitPhase, i); + } + viewTransitionMutationContext = flags; + break; + default: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + } } parentFiber = parentFiber.sibling; } else recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone$jscomp$0 + hostParentClone$jscomp$0, + parentViewTransition, + visitPhase$jscomp$0 ); } + function recursivelyApplyViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + commitEnterViewTransitions(deletions[i], !0); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + deletions = parentFiber; + i = deletions.alternate; + if (null !== i) { + var flags = deletions.flags; + switch (deletions.tag) { + case 4: + break; + case 22: + flags & 8192 && + null !== deletions.memoizedState && + null !== i && + null === i.memoizedState && + commitEnterViewTransitions(i, !0); + break; + case 30: + flags = viewTransitionContextChanged; + var prevCancelableChildren = + pushViewTransitionCancelableScope(); + viewTransitionContextChanged = !1; + recursivelyApplyViewTransitions(deletions); + viewTransitionContextChanged && (deletions.flags |= 4); + i = measureUpdateViewTransition(i, deletions, !0); + 0 !== (deletions.flags & 4) && i + ? (viewTransitionCancelableChildren = prevCancelableChildren) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = + prevCancelableChildren)); + viewTransitionContextChanged = + 0 !== (deletions.flags & 32) ? !0 : flags; + deletions.stateNode.clones = null; + break; + default: + recursivelyApplyViewTransitions(deletions); + } + } + parentFiber = parentFiber.sibling; + } + else measureNestedViewTransitions(parentFiber, !0); + } + function recursivelyRestoreViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + restoreEnterOrExitViewTransitions(deletions[i]); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + restoreViewTransitionsOnFiber(parentFiber), + (parentFiber = parentFiber.sibling); + else restoreNestedViewTransitions(parentFiber); + } + function restoreViewTransitionsOnFiber(finishedWork) { + var current = finishedWork.alternate; + if (null === current) restoreEnterOrExitViewTransitions(finishedWork); + else { + var flags = finishedWork.flags; + switch (finishedWork.tag) { + case 4: + break; + case 22: + flags & 8192 && + (null === finishedWork.memoizedState + ? restoreEnterOrExitViewTransitions(finishedWork) + : null !== current && + null === current.memoizedState && + restoreEnterOrExitViewTransitions(current)); + break; + case 30: + restoreViewTransitionOnHostInstances(current.child, !0); + recursivelyRestoreViewTransitions(finishedWork); + break; + default: + recursivelyRestoreViewTransitions(finishedWork); + } + } + } function onCommitRoot() { commitHooks.forEach(function (commitHook) { return commitHook(); @@ -17839,7 +18312,6 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - unhideHostChildren = !1; didWarnForRootClone || ((didWarnForRootClone = !0), console.warn( @@ -17964,7 +18436,7 @@ containerInstance.nextSibling ); root.gestureClone = clone; - recursivelyInsertClones(finishedWork, clone); + recursivelyInsertClones(finishedWork, clone, null, CLONE_UPDATE); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -17990,6 +18462,7 @@ if (pendingEffectsStatus === PENDING_GESTURE_MUTATION_PHASE) { pendingEffectsStatus = NO_PENDING_EFFECTS; var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork, prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -17997,6 +18470,9 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { + viewTransitionContextChanged = !1; + pushViewTransitionCancelableScope(); + recursivelyApplyViewTransitions(finishedWork); var rootClone = root.gestureClone; if (null !== rootClone) { root.gestureClone = null; @@ -18015,6 +18491,23 @@ containerParent.removeChild(rootClone); containerInstance.style.viewTransitionName = "root"; } + if (!viewTransitionContextChanged) { + finishedWork = viewTransitionCancelableChildren; + if (null !== finishedWork) + for ( + rootClone = 0; + rootClone < finishedWork.length; + rootClone += 3 + ) + cancelViewTransitionName( + finishedWork[rootClone], + finishedWork[rootClone + 1], + finishedWork[rootClone + 2] + ); + restoreRootViewTransitionName(root.containerInfo); + cancelRootViewTransitionName(root.containerInfo); + } + viewTransitionCancelableChildren = null; } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -18027,7 +18520,8 @@ flushGestureMutations(); if (pendingEffectsStatus === PENDING_GESTURE_ANIMATION_PHASE) { pendingEffectsStatus = NO_PENDING_EFFECTS; - var root = pendingEffectsRoot; + var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; var prevTransition = ReactSharedInternals.T; @@ -18037,7 +18531,8 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - restoreRootViewTransitionName(root.containerInfo); + restoreViewTransitionsOnFiber(finishedWork), + restoreRootViewTransitionName(root.containerInfo); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -21978,6 +22473,10 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } + function applyViewTransitionName(instance, name, className) { + instance.style.viewTransitionName = name; + null != className && (instance.style.viewTransitionClass = className); + } function restoreViewTransitionName(instance, props) { props = props[STYLE]; var viewTransitionName = @@ -22003,6 +22502,40 @@ instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } + function cancelViewTransitionName(instance, oldName, props) { + restoreViewTransitionName(instance, props); + instance = instance.ownerDocument.documentElement; + null !== instance && + instance.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(" + oldName + ")" + } + ); + } + function cancelRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "" === rootContainer.style.viewTransitionName && + ((rootContainer.style.viewTransitionName = "none"), + rootContainer.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + rootContainer.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); + } function restoreRootViewTransitionName(rootContainer) { rootContainer = 9 === rootContainer.nodeType @@ -22017,27 +22550,43 @@ "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); } - function measureInstance(instance) { - var ownerWindow = instance.ownerDocument.defaultView, - rect = instance.getBoundingClientRect(); - instance = getComputedStyle(instance); + function createMeasurement(rect, computedStyle, element) { + element = element.ownerDocument.defaultView; return { rect: rect, - abs: "absolute" === instance.position || "fixed" === instance.position, + abs: + "absolute" === computedStyle.position || + "fixed" === computedStyle.position, clip: - "none" !== instance.clipPath || - "visible" !== instance.overflow || - "none" !== instance.filter || - "none" !== instance.mask || - "none" !== instance.mask || - "0px" !== instance.borderRadius, + "none" !== computedStyle.clipPath || + "visible" !== computedStyle.overflow || + "none" !== computedStyle.filter || + "none" !== computedStyle.mask || + "none" !== computedStyle.mask || + "0px" !== computedStyle.borderRadius, view: 0 <= rect.bottom && 0 <= rect.right && - rect.top <= ownerWindow.innerHeight && - rect.left <= ownerWindow.innerWidth + rect.top <= element.innerHeight && + rect.left <= element.innerWidth }; } + function measureInstance(instance) { + var rect = instance.getBoundingClientRect(), + computedStyle = getComputedStyle(instance); + return createMeasurement(rect, computedStyle, instance); + } + function measureClonedInstance(instance) { + var measuredRect = instance.getBoundingClientRect(); + measuredRect = new DOMRect( + measuredRect.x + 2e4, + measuredRect.y + 2e4, + measuredRect.width, + measuredRect.height + ); + var computedStyle = getComputedStyle(instance); + return createMeasurement(measuredRect, computedStyle, instance); + } function cancelAllViewTransitionAnimations(scope) { for ( var animations = scope.getAnimations({ subtree: !0 }), i = 0; @@ -24218,7 +24767,7 @@ REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"); Symbol.for("react.scope"); - var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), + var REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"); Symbol.for("react.tracing_marker"); var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), @@ -27306,7 +27855,7 @@ nextEffect = null, inProgressLanes = null, inProgressRoot = null, - viewTransitionContextChanged = !1, + viewTransitionContextChanged$1 = !1, hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, @@ -27332,7 +27881,15 @@ ), globalClientIdCounter = 0, didWarnForRootClone = !1, - unhideHostChildren = !1, + viewTransitionContextChanged = !1, + CLONE_UPDATE = 0, + CLONE_EXIT = 1, + CLONE_UNHIDE = 2, + CLONE_APPEARING_PAIR = 3, + CLONE_UNCHANGED = 4, + INSERT_EXIT = 5, + INSERT_APPEND = 6, + INSERT_APPEARING_PAIR = 7, DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -28015,11 +28572,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-5398b711-20250314" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-c69a5fc5-20250318" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-5398b711-20250314\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-c69a5fc5-20250318\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -28056,10 +28613,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-5398b711-20250314", + version: "19.1.0-experimental-c69a5fc5-20250318", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-5398b711-20250314" + reconcilerVersion: "19.1.0-experimental-c69a5fc5-20250318" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28531,7 +29088,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-experimental-5398b711-20250314"; + exports.version = "19.1.0-experimental-c69a5fc5-20250318"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js index 5088a94632617..6e79e4becd02d 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js @@ -162,7 +162,7 @@ var assign = Object.assign, REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"); Symbol.for("react.scope"); -var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), +var REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"); Symbol.for("react.tracing_marker"); var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), @@ -188,8 +188,6 @@ function getComponentNameFromType(type) { switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; - case REACT_PORTAL_TYPE: - return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: @@ -198,11 +196,15 @@ function getComponentNameFromType(type) { return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; + case REACT_ACTIVITY_TYPE: + return "Activity"; case REACT_VIEW_TRANSITION_TYPE: return "ViewTransition"; } if ("object" === typeof type) switch (type.$$typeof) { + case REACT_PORTAL_TYPE: + return "Portal"; case REACT_CONTEXT_TYPE: return (type.displayName || "Context") + ".Provider"; case REACT_CONSUMER_TYPE: @@ -233,6 +235,8 @@ function getComponentNameFromType(type) { function getComponentNameFromFiber(fiber) { var type = fiber.type; switch (fiber.tag) { + case 31: + return "Activity"; case 24: return "Cache"; case 9: @@ -1061,6 +1065,8 @@ function describeFiber(fiber) { return describeNativeComponentFrame(fiber.type.render, !1); case 1: return describeNativeComponentFrame(fiber.type, !0); + case 31: + return describeBuiltInComponentFrame("Activity"); case 30: return describeBuiltInComponentFrame("ViewTransition"); default: @@ -8014,6 +8020,30 @@ function beginWork(current, workInProgress, renderLanes) { ); case 19: return updateSuspenseListComponent(current, workInProgress, renderLanes); + case 31: + return ( + (lazyComponent = workInProgress.pendingProps), + (renderLanes = workInProgress.mode), + (lazyComponent = { + mode: lazyComponent.mode, + children: lazyComponent.children + }), + null === current + ? ((renderLanes = mountWorkInProgressOffscreenFiber( + lazyComponent, + renderLanes + )), + (renderLanes.ref = workInProgress.ref), + (workInProgress.child = renderLanes), + (renderLanes.return = workInProgress), + (workInProgress = renderLanes)) + : ((renderLanes = createWorkInProgress(current.child, lazyComponent)), + (renderLanes.ref = workInProgress.ref), + (workInProgress.child = renderLanes), + (renderLanes.return = workInProgress), + (workInProgress = renderLanes)), + workInProgress + ); case 22: return updateOffscreenComponent(current, workInProgress, renderLanes); case 24: @@ -8072,19 +8102,21 @@ function beginWork(current, workInProgress, renderLanes) { (init = workInProgress.stateNode), null != lazyComponent.name && "auto" !== lazyComponent.name ? (workInProgress.flags |= null === current ? 18882560 : 18874368) - : null === init.autoName && - ((prevState = workInProgressRoot.identifierPrefix), - isHydrating - ? ((nextState = getTreeId()), - (prevState = "\u00ab" + prevState + "T" + nextState + "\u00bb")) - : ((nextState = globalClientIdCounter++), - (prevState = - "\u00ab" + - prevState + - "t" + - nextState.toString(32) + - "\u00bb")), - (init.autoName = prevState)), + : (null === init.autoName && + ((prevState = workInProgressRoot.identifierPrefix), + isHydrating + ? ((nextState = getTreeId()), + (prevState = + "\u00ab" + prevState + "T" + nextState + "\u00bb")) + : ((nextState = globalClientIdCounter++), + (prevState = + "\u00ab" + + prevState + + "t" + + nextState.toString(32) + + "\u00bb")), + (init.autoName = prevState)), + isHydrating && pushMaterializedTreeId(workInProgress)), null !== current && current.memoizedProps.name !== lazyComponent.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress), @@ -8248,8 +8280,8 @@ function safelyCallComponentWillUnmount( } else try { instance.componentWillUnmount(); - } catch (error$123) { - captureCommitPhaseError(current, nearestMountedAncestor, error$123); + } catch (error$124) { + captureCommitPhaseError(current, nearestMountedAncestor, error$124); } } function safelyAttachRef(current, nearestMountedAncestor) { @@ -8315,8 +8347,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { recordEffectDuration(current); } else ref(null); - } catch (error$124) { - captureCommitPhaseError(current, nearestMountedAncestor, error$124); + } catch (error$125) { + captureCommitPhaseError(current, nearestMountedAncestor, error$125); } else ref.current = null; } @@ -8500,14 +8532,35 @@ function commitHostSingletonAcquisition(finishedWork) { } var shouldStartViewTransition = !1, appearingViewTransitions = null, - viewTransitionCancelableChildren = null, - viewTransitionHostInstanceIdx = 0; + viewTransitionCancelableChildren = null; +function pushViewTransitionCancelableScope() { + var prevChildren = viewTransitionCancelableChildren; + viewTransitionCancelableChildren = null; + return prevChildren; +} +var viewTransitionHostInstanceIdx = 0; function applyViewTransitionToHostInstances( child, name, className, collectMeasurements, stopAtNestedViewTransitions +) { + viewTransitionHostInstanceIdx = 0; + return applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions + ); +} +function applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { @@ -8519,16 +8572,17 @@ function applyViewTransitionToHostInstances( measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); - measurement = className; - instance.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx ? name - : name + "_" + viewTransitionHostInstanceIdx; - null != measurement && (instance.style.viewTransitionClass = measurement); + : name + "_" + viewTransitionHostInstanceIdx, + className + ); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - (applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstancesRecursive( child.child, name, className, @@ -8572,19 +8626,19 @@ function commitAppearingPairViewTransitions(placement) { var name = props.name; props = getViewTransitionClassName(props.className, props.share); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( placement.child, name, props, null, !1 - ) || restoreViewTransitionOnHostInstances(placement.child, !1)); + ) || + restoreViewTransitionOnHostInstances(placement.child, !1)); } placement = placement.sibling; } } -function commitEnterViewTransitions(placement) { +function commitEnterViewTransitions(placement, gesture) { if (30 === placement.tag) { var state = placement.stateNode, props = placement.memoizedProps, @@ -8594,22 +8648,23 @@ function commitEnterViewTransitions(placement) { state.paired ? props.share : props.enter ); "none" !== className - ? ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + ? applyViewTransitionToHostInstances( placement.child, name, className, null, !1 ) - ? (commitAppearingPairViewTransitions(placement), - state.paired || - scheduleViewTransitionEvent(placement, props.onEnter)) - : restoreViewTransitionOnHostInstances(placement.child, !1)) + ? (commitAppearingPairViewTransitions(placement), + state.paired || + gesture || + scheduleViewTransitionEvent(placement, props.onEnter)) + : restoreViewTransitionOnHostInstances(placement.child, !1) : commitAppearingPairViewTransitions(placement); } else if (0 !== (placement.subtreeFlags & 33554432)) for (placement = placement.child; null !== placement; ) - commitEnterViewTransitions(placement), (placement = placement.sibling); + commitEnterViewTransitions(placement, gesture), + (placement = placement.sibling); else commitAppearingPairViewTransitions(placement); } function commitDeletedPairViewTransitions(deletion) { @@ -8632,15 +8687,16 @@ function commitDeletedPairViewTransitions(deletion) { props.share ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, null, !1 ) - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), scheduleViewTransitionEvent(deletion, props.onShare)) : restoreViewTransitionOnHostInstances(deletion.child, !1)); pairs.delete(name); @@ -8667,8 +8723,7 @@ function commitExitViewTransitions(deletion) { void 0 !== pair ? props.share : props.exit ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, @@ -8676,7 +8731,9 @@ function commitExitViewTransitions(deletion) { !1 ) ? void 0 !== pair - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), appearingViewTransitions.delete(name), scheduleViewTransitionEvent(deletion, props.onShare)) : scheduleViewTransitionEvent(deletion, props.onExit) @@ -8697,14 +8754,13 @@ function commitNestedViewTransitions(changedParent) { name = getViewTransitionName(props, changedParent.stateNode); props = getViewTransitionClassName(props.className, props.layout); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), applyViewTransitionToHostInstances( changedParent.child, name, props, (changedParent.memoizedState = []), !1 - )); + ); } else 0 !== (changedParent.subtreeFlags & 33554432) && commitNestedViewTransitions(changedParent); @@ -8726,47 +8782,32 @@ function restorePairedViewTransitions(parent) { parent = parent.sibling; } } -function restoreEnterViewTransitions(placement) { - if (30 === placement.tag) - (placement.stateNode.paired = null), - restoreViewTransitionOnHostInstances(placement.child, !1), - restorePairedViewTransitions(placement); - else if (0 !== (placement.subtreeFlags & 33554432)) - for (placement = placement.child; null !== placement; ) - restoreEnterViewTransitions(placement), (placement = placement.sibling); - else restorePairedViewTransitions(placement); -} -function restoreExitViewTransitions(deletion) { - if (30 === deletion.tag) - (deletion.stateNode.paired = null), - restoreViewTransitionOnHostInstances(deletion.child, !1), - restorePairedViewTransitions(deletion); - else if (0 !== (deletion.subtreeFlags & 33554432)) - for (deletion = deletion.child; null !== deletion; ) - restoreExitViewTransitions(deletion), (deletion = deletion.sibling); - else restorePairedViewTransitions(deletion); +function restoreEnterOrExitViewTransitions(fiber) { + if (30 === fiber.tag) + (fiber.stateNode.paired = null), + restoreViewTransitionOnHostInstances(fiber.child, !1), + restorePairedViewTransitions(fiber); + else if (0 !== (fiber.subtreeFlags & 33554432)) + for (fiber = fiber.child; null !== fiber; ) + restoreEnterOrExitViewTransitions(fiber), (fiber = fiber.sibling); + else restorePairedViewTransitions(fiber); } function restoreNestedViewTransitions(changedParent) { for (changedParent = changedParent.child; null !== changedParent; ) 30 === changedParent.tag - ? ((changedParent.memoizedState = null), - restoreViewTransitionOnHostInstances(changedParent.child, !1)) + ? restoreViewTransitionOnHostInstances(changedParent.child, !1) : 0 !== (changedParent.subtreeFlags & 33554432) && restoreNestedViewTransitions(changedParent), (changedParent = changedParent.sibling); } -function cancelViewTransitionHostInstances( - currentViewTransition, +function cancelViewTransitionHostInstancesRecursive( child, + oldName, stopAtNestedViewTransitions ) { for (; null !== child; ) { if (5 === child.tag) { - var instance = child.stateNode, - oldName = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - ); + var instance = child.stateNode; null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []); viewTransitionCancelableChildren.push( @@ -8777,19 +8818,19 @@ function cancelViewTransitionHostInstances( viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - cancelViewTransitionHostInstances( - currentViewTransition, + cancelViewTransitionHostInstancesRecursive( child.child, + oldName, stopAtNestedViewTransitions ); child = child.sibling; } } -function measureViewTransitionHostInstances( - currentViewTransition, +function measureViewTransitionHostInstancesRecursive( parentViewTransition, child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -8828,35 +8869,30 @@ function measureViewTransitionHostInstances( nextMeasurement && (parentViewTransition.flags |= 32); } else parentViewTransition.flags |= 32; 0 !== (parentViewTransition.flags & 4) && - ((nextMeasurement = instance), - (previousMeasurement = className), - (nextMeasurement.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx - ? name - : name + "_" + viewTransitionHostInstanceIdx), - null != previousMeasurement && - (nextMeasurement.style.viewTransitionClass = previousMeasurement)); + ? newName + : newName + "_" + viewTransitionHostInstanceIdx, + className + ); (inViewport && 0 !== (parentViewTransition.flags & 4)) || - ((nextMeasurement = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - )), - null === viewTransitionCancelableChildren && + (null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []), viewTransitionCancelableChildren.push( instance, - nextMeasurement, + oldName, child.memoizedProps )); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) 30 === child.tag && stopAtNestedViewTransitions ? (parentViewTransition.flags |= child.flags & 32) - : measureViewTransitionHostInstances( - currentViewTransition, + : measureViewTransitionHostInstancesRecursive( parentViewTransition, child.child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -8865,31 +8901,84 @@ function measureViewTransitionHostInstances( } return inViewport; } -function measureNestedViewTransitions(changedParent) { +function measureUpdateViewTransition(current, finishedWork, gesture) { + var oldFiber = gesture ? finishedWork : current, + newFiber = gesture ? current : finishedWork, + props = newFiber.memoizedProps, + state = newFiber.stateNode, + newName = getViewTransitionName(props, state); + current = getViewTransitionName(oldFiber.memoizedProps, state); + var updateClassName = getViewTransitionClassName( + props.className, + props.update + ); + props = getViewTransitionClassName(props.className, props.layout); + if ("none" === updateClassName) { + if ("none" === props) return !1; + finishedWork.flags &= -5; + updateClassName = props; + } else if (0 === (finishedWork.flags & 4)) { + if ("none" === props) + return ( + (finishedWork = oldFiber.child), + (viewTransitionHostInstanceIdx = 0), + cancelViewTransitionHostInstancesRecursive(finishedWork, current, !0), + !1 + ); + updateClassName = props; + } + gesture + ? ((oldFiber = state.clones), + (gesture = + null === oldFiber ? null : oldFiber.map(measureClonedInstance))) + : ((gesture = oldFiber.memoizedState), (oldFiber.memoizedState = null)); + oldFiber = newFiber.child; + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstancesRecursive( + finishedWork, + oldFiber, + newName, + current, + updateClassName, + gesture, + !0 + ); + viewTransitionHostInstanceIdx !== (null === gesture ? 0 : gesture.length) && + (finishedWork.flags |= 32); + return current; +} +function measureNestedViewTransitions(changedParent, gesture) { for (changedParent = changedParent.child; null !== changedParent; ) { if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName(props.className, props.layout); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 - ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } + var props = changedParent.memoizedProps, + state = changedParent.stateNode, + name = getViewTransitionName(props, state), + className = getViewTransitionClassName(props.className, props.layout); + if (gesture) { + state = state.clones; + var previousMeasurements = + null === state ? null : state.map(measureClonedInstance); + } else + (previousMeasurements = changedParent.memoizedState), + (changedParent.memoizedState = null); + state = changedParent; + var child = changedParent.child; + viewTransitionHostInstanceIdx = 0; + name = measureViewTransitionHostInstancesRecursive( + state, + child, + name, + name, + className, + previousMeasurements, + !1 + ); + 0 !== (changedParent.flags & 4) && + name && + (gesture || scheduleViewTransitionEvent(changedParent, props.onLayout)); } else 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); + measureNestedViewTransitions(changedParent, gesture); changedParent = changedParent.sibling; } } @@ -8900,7 +8989,7 @@ var offscreenSubtreeIsHidden = !1, nextEffect = null, inProgressLanes = null, inProgressRoot = null, - viewTransitionContextChanged = !1; + viewTransitionContextChanged$1 = !1; function commitBeforeMutationEffects(root, firstChild, committedLanes) { root = root.containerInfo; eventsEnabled = _enabled; @@ -8974,7 +9063,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + for (firstChild = committedLanes ? 9270 : 1028; null !== nextEffect; ) { root = nextEffect; if ( committedLanes && @@ -9091,11 +9180,7 @@ function commitBeforeMutationEffects_complete( case 17: break; case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (fiber.subtreeFlags & 8246) - ) + if (isViewTransitionEligible && null !== current) a: { isViewTransitionEligible = getViewTransitionName( current.memoizedProps, @@ -9115,7 +9200,6 @@ function commitBeforeMutationEffects_complete( "none" === instance) ) break a; - viewTransitionHostInstanceIdx = 0; applyViewTransitionToHostInstances( current.child, isViewTransitionEligible, @@ -9163,11 +9247,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { } else try { finishedRoot.componentDidMount(); - } catch (error$120) { + } catch (error$121) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$120 + error$121 ); } else { @@ -9184,11 +9268,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$121) { + } catch (error$122) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$121 + error$122 ); } recordEffectDuration(); @@ -9199,11 +9283,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$122) { + } catch (error$123) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$122 + error$123 ); } } @@ -9946,9 +10030,10 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { if (null === current) { lanes = root; try { - lanes.stateNode.nodeValue = hoistableRoot + (lanes.stateNode.nodeValue = hoistableRoot ? "" - : lanes.memoizedProps; + : lanes.memoizedProps), + (viewTransitionMutationContext = !0); } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -10047,20 +10132,20 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent); break; case 5: - var parent$125 = hostParentFiber.stateNode; + var parent$126 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$125, ""), (hostParentFiber.flags &= -33)); - var before$126 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$126, parent$125); + (setTextContent(parent$126, ""), (hostParentFiber.flags &= -33)); + var before$127 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$127, parent$126); break; case 3: case 4: - var parent$127 = hostParentFiber.stateNode.containerInfo, - before$128 = getHostSibling(finishedWork); + var parent$128 = hostParentFiber.stateNode.containerInfo, + before$129 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$128, - parent$127 + before$129, + parent$128 ); break; default: @@ -10083,65 +10168,33 @@ function recursivelyResetForms(parentFiber) { } } function recursivelyTraverseAfterMutationEffects(root, parentFiber) { - if (parentFiber.subtreeFlags & 9238) + if (parentFiber.subtreeFlags & 9270) for (parentFiber = parentFiber.child; null !== parentFiber; ) commitAfterMutationEffectsOnFiber(parentFiber, root), (parentFiber = parentFiber.sibling); - else measureNestedViewTransitions(parentFiber); + else measureNestedViewTransitions(parentFiber, !1); } function commitAfterMutationEffectsOnFiber(finishedWork, root) { var current = finishedWork.alternate; - if (null === current) commitEnterViewTransitions(finishedWork); + if (null === current) commitEnterViewTransitions(finishedWork, !1); else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; + viewTransitionContextChanged$1 = !1; + pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); - if (!viewTransitionContextChanged) { + if (!viewTransitionContextChanged$1) { finishedWork = viewTransitionCancelableChildren; - viewTransitionCancelableChildren = null; if (null !== finishedWork) - for (var i = 0; i < finishedWork.length; i += 3) { - var instance = finishedWork[i], - oldName = finishedWork[i + 1]; - restoreViewTransitionName(instance, finishedWork[i + 2]); - instance = instance.ownerDocument.documentElement; - null !== instance && - instance.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(" + oldName + ")" - } - ); - } - finishedWork = root.containerInfo; - finishedWork = - 9 === finishedWork.nodeType - ? finishedWork.documentElement - : finishedWork.ownerDocument.documentElement; - null !== finishedWork && - "" === finishedWork.style.viewTransitionName && - ((finishedWork.style.viewTransitionName = "none"), - finishedWork.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - finishedWork.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + for (var i = 0; i < finishedWork.length; i += 3) + cancelViewTransitionName( + finishedWork[i], + finishedWork[i + 1], + finishedWork[i + 2] + ); + cancelRootViewTransitionName(root.containerInfo); } + viewTransitionCancelableChildren = null; break; case 5: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -10149,81 +10202,34 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { case 22: null === finishedWork.memoizedState && (null !== current.memoizedState - ? commitEnterViewTransitions(finishedWork) + ? commitEnterViewTransitions(finishedWork, !1) : recursivelyTraverseAfterMutationEffects(root, finishedWork)); break; case 30: - if (0 !== (finishedWork.subtreeFlags & 8246)) { - i = 0 !== (finishedWork.flags & 4); - oldName = viewTransitionContextChanged; - instance = viewTransitionCancelableChildren; - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; - recursivelyTraverseAfterMutationEffects(root, finishedWork); - viewTransitionContextChanged && (finishedWork.flags |= 4); - a: { - root = finishedWork.memoizedProps; - var updateClassName = getViewTransitionClassName( - root.className, - root.update - ), - layoutClassName = getViewTransitionClassName( - root.className, - root.layout - ); - if ("none" === updateClassName) { - if ("none" === layoutClassName) { - current = !1; - break a; - } - finishedWork.flags &= -5; - updateClassName = layoutClassName; - } else if (0 === (finishedWork.flags & 4)) { - if ("none" === layoutClassName) { - viewTransitionHostInstanceIdx = 0; - cancelViewTransitionHostInstances( - current, - finishedWork.child, - !0 - ); - current = !1; - break a; - } - updateClassName = layoutClassName; - } - layoutClassName = getViewTransitionName( - root, - finishedWork.stateNode - ); - viewTransitionHostInstanceIdx = 0; - root = current.memoizedState; - current = measureViewTransitionHostInstances( - current, + i = 0 !== (finishedWork.flags & 4); + var prevContextChanged = viewTransitionContextChanged$1, + prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged$1 = !1; + recursivelyTraverseAfterMutationEffects(root, finishedWork); + viewTransitionContextChanged$1 && (finishedWork.flags |= 4); + root = measureUpdateViewTransition(current, finishedWork, !1); + 0 !== (finishedWork.flags & 4) && root + ? ((root = finishedWork.memoizedProps), + scheduleViewTransitionEvent( finishedWork, - finishedWork.child, - layoutClassName, - updateClassName, - root, - !0 - ); - viewTransitionHostInstanceIdx !== - (null === root ? 0 : root.length) && (finishedWork.flags |= 32); - } - 0 !== (finishedWork.flags & 4) && current - ? ((current = finishedWork.memoizedProps), - scheduleViewTransitionEvent( - finishedWork, - i || viewTransitionContextChanged - ? current.onUpdate - : current.onLayout - ), - (viewTransitionCancelableChildren = instance)) - : null !== instance && - (instance.push.apply(instance, viewTransitionCancelableChildren), - (viewTransitionCancelableChildren = instance)); - viewTransitionContextChanged = - 0 !== (finishedWork.flags & 32) ? !0 : oldName; - } + i || viewTransitionContextChanged$1 + ? root.onUpdate + : root.onLayout + ), + (viewTransitionCancelableChildren = prevCancelableChildren)) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged$1 = + 0 !== (finishedWork.flags & 32) ? !0 : prevContextChanged; break; default: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -10518,7 +10524,7 @@ function commitPassiveMountOnFiber( null === finishedWork.alternate && null !== finishedWork.return && null !== finishedWork.return.alternate && - restoreEnterViewTransitions(finishedWork); + restoreEnterOrExitViewTransitions(finishedWork); var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -10674,7 +10680,7 @@ function commitPassiveMountOnFiber( ? (isViewTransitionEligible && null !== wasInHydratedSubtree && null === wasInHydratedSubtree.memoizedState && - restoreExitViewTransitions(wasInHydratedSubtree), + restoreEnterOrExitViewTransitions(wasInHydratedSubtree), prevEffectDuration._visibility & 4 ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -10693,7 +10699,7 @@ function commitPassiveMountOnFiber( : (isViewTransitionEligible && null !== wasInHydratedSubtree && null !== wasInHydratedSubtree.memoizedState && - restoreEnterViewTransitions(finishedWork), + restoreEnterOrExitViewTransitions(finishedWork), prevEffectDuration._visibility & 4 ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -10729,9 +10735,7 @@ function commitPassiveMountOnFiber( isViewTransitionEligible && ((isViewTransitionEligible = finishedWork.alternate), null !== isViewTransitionEligible && - 0 !== (finishedWork.subtreeFlags & 8246) && - ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances( + (restoreViewTransitionOnHostInstances( isViewTransitionEligible.child, !0 ), @@ -11311,6 +11315,13 @@ function createFiberFromTypeAndProps( : 5; else a: switch (type) { + case REACT_ACTIVITY_TYPE: + return ( + (type = createFiberImplClass(31, pendingProps, key, mode)), + (type.elementType = REACT_ACTIVITY_TYPE), + (type.lanes = lanes), + type + ); case REACT_FRAGMENT_TYPE: return createFiberFromFragment(pendingProps.children, mode, lanes, key); case REACT_STRICT_MODE_TYPE: @@ -11339,15 +11350,18 @@ function createFiberFromTypeAndProps( (type.lanes = lanes), type ); - case REACT_OFFSCREEN_TYPE: - return createFiberFromOffscreen(pendingProps, mode, lanes, key); case REACT_LEGACY_HIDDEN_TYPE: case REACT_VIEW_TRANSITION_TYPE: return ( (type = createFiberImplClass(30, pendingProps, key, mode)), (type.elementType = REACT_VIEW_TRANSITION_TYPE), (type.lanes = lanes), - (type.stateNode = { autoName: null, paired: null, ref: null }), + (type.stateNode = { + autoName: null, + paired: null, + clones: null, + ref: null + }), type ); default: @@ -11390,7 +11404,6 @@ function createFiberFromFragment(elements, mode, lanes, key) { } function createFiberFromOffscreen(pendingProps, mode, lanes, key) { pendingProps = createFiberImplClass(22, pendingProps, key, mode); - pendingProps.elementType = REACT_OFFSCREEN_TYPE; pendingProps.lanes = lanes; var primaryChildInstance = { _visibility: 1, @@ -11695,14 +11708,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$153 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$153 = lastTailNode), + for (var lastTailNode$154 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$154 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$153 + null === lastTailNode$154 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$153.sibling = null); + : (lastTailNode$154.sibling = null); } } function bubbleProperties(completedWork) { @@ -11714,53 +11727,53 @@ function bubbleProperties(completedWork) { if (didBailout) if (0 !== (completedWork.mode & 2)) { for ( - var treeBaseDuration$155 = completedWork.selfBaseDuration, - child$156 = completedWork.child; - null !== child$156; + var treeBaseDuration$156 = completedWork.selfBaseDuration, + child$157 = completedWork.child; + null !== child$157; ) - (newChildLanes |= child$156.lanes | child$156.childLanes), - (subtreeFlags |= child$156.subtreeFlags & 65011712), - (subtreeFlags |= child$156.flags & 65011712), - (treeBaseDuration$155 += child$156.treeBaseDuration), - (child$156 = child$156.sibling); - completedWork.treeBaseDuration = treeBaseDuration$155; + (newChildLanes |= child$157.lanes | child$157.childLanes), + (subtreeFlags |= child$157.subtreeFlags & 65011712), + (subtreeFlags |= child$157.flags & 65011712), + (treeBaseDuration$156 += child$157.treeBaseDuration), + (child$157 = child$157.sibling); + completedWork.treeBaseDuration = treeBaseDuration$156; } else for ( - treeBaseDuration$155 = completedWork.child; - null !== treeBaseDuration$155; + treeBaseDuration$156 = completedWork.child; + null !== treeBaseDuration$156; ) (newChildLanes |= - treeBaseDuration$155.lanes | treeBaseDuration$155.childLanes), - (subtreeFlags |= treeBaseDuration$155.subtreeFlags & 65011712), - (subtreeFlags |= treeBaseDuration$155.flags & 65011712), - (treeBaseDuration$155.return = completedWork), - (treeBaseDuration$155 = treeBaseDuration$155.sibling); + treeBaseDuration$156.lanes | treeBaseDuration$156.childLanes), + (subtreeFlags |= treeBaseDuration$156.subtreeFlags & 65011712), + (subtreeFlags |= treeBaseDuration$156.flags & 65011712), + (treeBaseDuration$156.return = completedWork), + (treeBaseDuration$156 = treeBaseDuration$156.sibling); else if (0 !== (completedWork.mode & 2)) { - treeBaseDuration$155 = completedWork.actualDuration; - child$156 = completedWork.selfBaseDuration; + treeBaseDuration$156 = completedWork.actualDuration; + child$157 = completedWork.selfBaseDuration; for (var child = completedWork.child; null !== child; ) (newChildLanes |= child.lanes | child.childLanes), (subtreeFlags |= child.subtreeFlags), (subtreeFlags |= child.flags), - (treeBaseDuration$155 += child.actualDuration), - (child$156 += child.treeBaseDuration), + (treeBaseDuration$156 += child.actualDuration), + (child$157 += child.treeBaseDuration), (child = child.sibling); - completedWork.actualDuration = treeBaseDuration$155; - completedWork.treeBaseDuration = child$156; + completedWork.actualDuration = treeBaseDuration$156; + completedWork.treeBaseDuration = child$157; } else for ( - treeBaseDuration$155 = completedWork.child; - null !== treeBaseDuration$155; + treeBaseDuration$156 = completedWork.child; + null !== treeBaseDuration$156; ) (newChildLanes |= - treeBaseDuration$155.lanes | treeBaseDuration$155.childLanes), - (subtreeFlags |= treeBaseDuration$155.subtreeFlags), - (subtreeFlags |= treeBaseDuration$155.flags), - (treeBaseDuration$155.return = completedWork), - (treeBaseDuration$155 = treeBaseDuration$155.sibling); + treeBaseDuration$156.lanes | treeBaseDuration$156.childLanes), + (subtreeFlags |= treeBaseDuration$156.subtreeFlags), + (subtreeFlags |= treeBaseDuration$156.flags), + (treeBaseDuration$156.return = completedWork), + (treeBaseDuration$156 = treeBaseDuration$156.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -11769,6 +11782,7 @@ function completeWork(current, workInProgress, renderLanes) { var newProps = workInProgress.pendingProps; popTreeContext(workInProgress); switch (workInProgress.tag) { + case 31: case 16: case 15: case 0: @@ -12057,11 +12071,11 @@ function completeWork(current, workInProgress, renderLanes) { null !== newProps.alternate.memoizedState && null !== newProps.alternate.memoizedState.cachePool && (type = newProps.alternate.memoizedState.cachePool.pool); - var cache$172 = null; + var cache$173 = null; null !== newProps.memoizedState && null !== newProps.memoizedState.cachePool && - (cache$172 = newProps.memoizedState.cachePool.pool); - cache$172 !== type && (newProps.flags |= 2048); + (cache$173 = newProps.memoizedState.cachePool.pool); + cache$173 !== type && (newProps.flags |= 2048); } renderLanes !== current && renderLanes && @@ -12091,8 +12105,8 @@ function completeWork(current, workInProgress, renderLanes) { type = workInProgress.memoizedState; if (null === type) return bubbleProperties(workInProgress), null; newProps = 0 !== (workInProgress.flags & 128); - cache$172 = type.rendering; - if (null === cache$172) + cache$173 = type.rendering; + if (null === cache$173) if (newProps) cutOffTailIfNeeded(type, !1); else { if ( @@ -12100,11 +12114,11 @@ function completeWork(current, workInProgress, renderLanes) { (null !== current && 0 !== (current.flags & 128)) ) for (current = workInProgress.child; null !== current; ) { - cache$172 = findFirstSuspended(current); - if (null !== cache$172) { + cache$173 = findFirstSuspended(current); + if (null !== cache$173) { workInProgress.flags |= 128; cutOffTailIfNeeded(type, !1); - current = cache$172.updateQueue; + current = cache$173.updateQueue; workInProgress.updateQueue = current; scheduleRetryEffect(workInProgress, current); workInProgress.subtreeFlags = 0; @@ -12129,7 +12143,7 @@ function completeWork(current, workInProgress, renderLanes) { } else { if (!newProps) - if (((current = findFirstSuspended(cache$172)), null !== current)) { + if (((current = findFirstSuspended(cache$173)), null !== current)) { if ( ((workInProgress.flags |= 128), (newProps = !0), @@ -12139,7 +12153,7 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !0), null === type.tail && "hidden" === type.tailMode && - !cache$172.alternate && + !cache$173.alternate && !isHydrating) ) return bubbleProperties(workInProgress), null; @@ -12152,13 +12166,13 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !1), (workInProgress.lanes = 4194304)); type.isBackwards - ? ((cache$172.sibling = workInProgress.child), - (workInProgress.child = cache$172)) + ? ((cache$173.sibling = workInProgress.child), + (workInProgress.child = cache$173)) : ((current = type.last), null !== current - ? (current.sibling = cache$172) - : (workInProgress.child = cache$172), - (type.last = cache$172)); + ? (current.sibling = cache$173) + : (workInProgress.child = cache$173), + (type.last = cache$173)); } if (null !== type.tail) return ( @@ -12329,122 +12343,545 @@ function unwindInterruptedWork(current, interruptedWork) { popProvider(CacheContext); } } -var unhideHostChildren = !1; -function recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone) { +var viewTransitionContextChanged = !1; +function applyViewTransitionToClones(name, className, clones) { + for (var i = 0; i < clones.length; i++) + applyViewTransitionName( + clones[i], + 0 === i ? name : name + "_" + i, + className + ); +} +function trackDeletedPairViewTransitions(deletion) { + if ( + null !== appearingViewTransitions && + 0 !== appearingViewTransitions.size + ) { + var pairs = appearingViewTransitions; + if (0 !== (deletion.subtreeFlags & 18874368)) + for (deletion = deletion.child; null !== deletion; ) { + if (22 !== deletion.tag || null !== deletion.memoizedState) { + if (30 === deletion.tag && 0 !== (deletion.flags & 18874368)) { + var props = deletion.memoizedProps, + name = props.name; + if (null != name && "auto" !== name) { + var pair = pairs.get(name); + if (void 0 !== pair) { + pairs.delete(name); + props = getViewTransitionClassName( + props.className, + props.share + ); + if ("none" !== props) { + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && + applyViewTransitionToClones(name, props, pair); + } + if (0 === pairs.size) break; + } + } + } + trackDeletedPairViewTransitions(deletion); + } + deletion = deletion.sibling; + } + } +} +function trackEnterViewTransitions(deletion) { + if (30 === deletion.tag) { + var props = deletion.memoizedProps, + name = getViewTransitionName(props, deletion.stateNode), + pair = + null !== appearingViewTransitions + ? appearingViewTransitions.get(name) + : void 0; + props = getViewTransitionClassName( + props.className, + void 0 !== pair ? props.share : props.enter + ); + if ("none" !== props && void 0 !== pair) { + appearingViewTransitions.delete(name); + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && applyViewTransitionToClones(name, props, pair); + } + trackDeletedPairViewTransitions(deletion); + } else if (0 !== (deletion.subtreeFlags & 33554432)) + for (deletion = deletion.child; null !== deletion; ) + trackEnterViewTransitions(deletion), (deletion = deletion.sibling); + else trackDeletedPairViewTransitions(deletion); +} +function applyAppearingPairViewTransition(child) { + if (0 !== (child.flags & 18874368)) { + var state = child.stateNode; + if (state.paired) { + var props = child.memoizedProps; + if (null == props.name || "auto" === props.name) + throw Error(formatProdErrorMessage(544)); + child = props.name; + props = getViewTransitionClassName(props.className, props.share); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(child, props, state)); + } + } +} +function applyExitViewTransition(placement) { + var state = placement.stateNode, + props = placement.memoizedProps; + placement = getViewTransitionName(props, state); + props = getViewTransitionClassName( + props.className, + state.paired ? props.share : props.exit + ); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(placement, props, state)); +} +function recursivelyInsertNew( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase +) { + if ( + 7 !== visitPhase || + null !== parentViewTransition || + 0 !== (parentFiber.subtreeFlags & 18874368) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + recursivelyInsertNewFiber( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ), + (parentFiber = parentFiber.sibling); +} +function recursivelyInsertNewFiber( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase +) { + switch (finishedWork.tag) { + case 26: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 5: + var instance = finishedWork.stateNode; + 7 !== visitPhase + ? (appendChild(hostParentClone, instance), + (viewTransitionMutationContext = !0), + recursivelyInsertNew(finishedWork, instance, null, 7)) + : recursivelyInsertNew(finishedWork, instance, null, visitPhase); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + break; + case 6: + finishedWork = finishedWork.stateNode; + if (null === finishedWork) throw Error(formatProdErrorMessage(162)); + 7 !== visitPhase && + (appendChild(hostParentClone, finishedWork), + (viewTransitionMutationContext = !0)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 30: + parentViewTransition = pushMutationContext(); + instance = finishedWork.stateNode; + instance.clones = null; + recursivelyInsertNew( + finishedWork, + hostParentClone, + instance, + 5 === visitPhase ? 6 : visitPhase + ); + 5 === visitPhase + ? applyExitViewTransition(finishedWork) + : (7 === visitPhase || 6 === visitPhase) && + applyAppearingPairViewTransition(finishedWork); + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + } +} +function recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase +) { for (parentFiber = parentFiber.child; null !== parentFiber; ) { switch (parentFiber.tag) { case 5: - var clone = parentFiber.stateNode.cloneNode(!0); - appendChild(hostParentClone, clone); - unhideHostChildren && unhideInstance(clone, parentFiber.memoizedProps); + var instance = parentFiber.stateNode; + switch (visitPhase) { + case 1: + case 2: + case 3: + var nextPhase = 0 !== (parentFiber.subtreeFlags & 18874368) ? 3 : 4; + break; + default: + nextPhase = 4; + } + 4 !== nextPhase + ? ((instance = instance.cloneNode(!1)), + recursivelyInsertClonesFromExistingTree( + parentFiber, + instance, + null, + nextPhase + )) + : (instance = instance.cloneNode(!0)); + appendChild(hostParentClone, instance); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + if (1 === visitPhase || 2 === visitPhase) + unhideInstance(instance, parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 6: - clone = parentFiber.stateNode; - if (null === clone) throw Error(formatProdErrorMessage(162)); - clone = clone.cloneNode(!1); - appendChild(hostParentClone, clone); - unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + nextPhase = parentFiber.stateNode; + if (null === nextPhase) throw Error(formatProdErrorMessage(162)); + nextPhase = nextPhase.cloneNode(!1); + appendChild(hostParentClone, nextPhase); + if (1 === visitPhase || 2 === visitPhase) + (nextPhase.nodeValue = parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 4: break; case 22: null === parentFiber.memoizedState && - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ); break; case 30: - clone = pushMutationContext(); - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); - viewTransitionMutationContext = clone; + nextPhase = pushMutationContext(); + instance = parentFiber.stateNode; + instance.clones = null; + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + instance, + 1 === visitPhase ? 2 : 0 === visitPhase ? 4 : visitPhase + ); + if (1 === visitPhase) applyExitViewTransition(parentFiber); + else if (3 === visitPhase || 2 === visitPhase) + applyAppearingPairViewTransition(parentFiber); + else if (0 === visitPhase) { + var state = parentFiber.stateNode, + props = parentFiber.memoizedProps; + instance = getViewTransitionName(props, state); + props = getViewTransitionClassName(props.className, props.layout); + "none" !== props && + ((state = state.clones), + null !== state && + applyViewTransitionToClones(instance, props, state)); + } + viewTransitionMutationContext = nextPhase; break; default: - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ); } parentFiber = parentFiber.sibling; } } -function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { +function recursivelyInsertClones( + parentFiber, + hostParentClone, + parentViewTransition$jscomp$0, + visitPhase$jscomp$0 +) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + trackEnterViewTransitions(deletions[i]), + (viewTransitionMutationContext = !0); if ( null === parentFiber.alternate || 0 !== (parentFiber.subtreeFlags & 13878) ) for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var finishedWork = parentFiber, - hostParentClone = hostParentClone$jscomp$0, - current = finishedWork.alternate, - flags = finishedWork.flags; - switch (finishedWork.tag) { - case 26: - recursivelyInsertClones(finishedWork, hostParentClone); - break; - case 27: - recursivelyInsertClones(finishedWork, hostParentClone); - break; - case 5: - var clone = finishedWork.stateNode; - if (null === current) appendChild(hostParentClone, clone); - else { - null === finishedWork.child + deletions = parentFiber; + i = hostParentClone; + var parentViewTransition = parentViewTransition$jscomp$0, + visitPhase = visitPhase$jscomp$0; + var nextPhase = deletions.alternate; + if (null === nextPhase) + recursivelyInsertNewFiber(deletions, i, parentViewTransition, 5); + else { + var nextPhase$191 = deletions.flags; + switch (deletions.tag) { + case 26: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + break; + case 5: + var clone = deletions.stateNode; + null === deletions.child ? ((clone = clone.cloneNode(!0)), - finishedWork.flags & 32 && setTextContent(clone, "")) + deletions.flags & 32 && + (setTextContent(clone, ""), + (viewTransitionMutationContext = !0))) : (clone = clone.cloneNode(!1)); - if (flags & 4) { - flags = clone; - var newProps = finishedWork.memoizedProps; + if (nextPhase$191 & 4) { + nextPhase$191 = clone; + var newProps = deletions.memoizedProps; updateProperties( - flags, - finishedWork.type, - current.memoizedProps, + nextPhase$191, + deletions.type, + nextPhase.memoizedProps, newProps ); - flags[internalPropsKey] = newProps; + nextPhase$191[internalPropsKey] = newProps; } - unhideHostChildren - ? ((unhideHostChildren = !1), - recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone), - (unhideHostChildren = !0), - unhideInstance(clone, finishedWork.memoizedProps)) - : (recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone)); - } - break; - case 6: - clone = finishedWork.stateNode; - if (null === clone) throw Error(formatProdErrorMessage(162)); - null === current - ? appendChild(hostParentClone, clone) - : ((clone = clone.cloneNode(!1)), - flags & 4 && (clone.nodeValue = current.memoizedProps), - appendChild(hostParentClone, clone), - unhideHostChildren && - (clone.nodeValue = finishedWork.memoizedProps)); - break; - case 4: - break; - case 22: - null === finishedWork.memoizedState && - ((unhideHostChildren = - (current = unhideHostChildren) || 0 !== (flags & 8192)), - recursivelyInsertClones(finishedWork, hostParentClone), - (unhideHostChildren = current)); - break; - case 30: - current = pushMutationContext(); - recursivelyInsertClones(finishedWork, hostParentClone); - viewTransitionMutationContext && (finishedWork.flags |= 4); - viewTransitionMutationContext = current; - break; - default: - recursivelyInsertClones(finishedWork, hostParentClone); + 1 === visitPhase || 2 === visitPhase + ? (recursivelyInsertClones(deletions, clone, null, 3), + appendChild(i, clone), + unhideInstance(clone, deletions.memoizedProps), + (viewTransitionMutationContext = !0)) + : (recursivelyInsertClones(deletions, clone, null, visitPhase), + appendChild(i, clone)); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [clone]) + : parentViewTransition.clones.push(clone)); + break; + case 6: + parentViewTransition = deletions.stateNode; + if (null === parentViewTransition) + throw Error(formatProdErrorMessage(162)); + parentViewTransition = parentViewTransition.cloneNode(!1); + nextPhase$191 & 4 && + ((parentViewTransition.nodeValue = nextPhase.memoizedProps), + (viewTransitionMutationContext = !0)); + appendChild(i, parentViewTransition); + if (1 === visitPhase || 2 === visitPhase) + (parentViewTransition.nodeValue = deletions.memoizedProps), + (viewTransitionMutationContext = !0); + break; + case 4: + break; + case 22: + null === deletions.memoizedState + ? ((nextPhase = + 0 === visitPhase && 0 !== (nextPhase$191 & 8192) + ? 1 + : visitPhase), + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + nextPhase + )) + : null !== nextPhase && + null === nextPhase.memoizedState && + (trackEnterViewTransitions(nextPhase), + (viewTransitionMutationContext = !0)); + break; + case 30: + parentViewTransition = pushMutationContext(); + clone = deletions.stateNode; + clone.clones = null; + nextPhase$191 = 1 === visitPhase ? 2 : visitPhase; + recursivelyInsertClones(deletions, i, clone, nextPhase$191); + viewTransitionMutationContext && (deletions.flags |= 4); + if (1 === visitPhase) applyExitViewTransition(deletions); + else if (3 === visitPhase || 2 === visitPhase) + applyAppearingPairViewTransition(deletions); + else if (0 === visitPhase) + b: { + i = deletions.stateNode; + nextPhase = nextPhase.memoizedProps; + deletions = getViewTransitionName(deletions.memoizedProps, i); + visitPhase = getViewTransitionClassName( + nextPhase.className, + nextPhase.update + ); + if ( + "none" === visitPhase && + ((visitPhase = getViewTransitionClassName( + nextPhase.className, + nextPhase.layout + )), + "none" === visitPhase) + ) + break b; + i = i.clones; + null !== i && + applyViewTransitionToClones(deletions, visitPhase, i); + } + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + } } parentFiber = parentFiber.sibling; } else recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone$jscomp$0 + hostParentClone, + parentViewTransition$jscomp$0, + visitPhase$jscomp$0 ); } +function recursivelyApplyViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + commitEnterViewTransitions(deletions[i], !0); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + deletions = parentFiber; + i = deletions.alternate; + if (null !== i) { + var flags = deletions.flags; + switch (deletions.tag) { + case 4: + break; + case 22: + flags & 8192 && + null !== deletions.memoizedState && + null !== i && + null === i.memoizedState && + commitEnterViewTransitions(i, !0); + break; + case 30: + flags = viewTransitionContextChanged; + var prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged = !1; + recursivelyApplyViewTransitions(deletions); + viewTransitionContextChanged && (deletions.flags |= 4); + i = measureUpdateViewTransition(i, deletions, !0); + 0 !== (deletions.flags & 4) && i + ? (viewTransitionCancelableChildren = prevCancelableChildren) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged = + 0 !== (deletions.flags & 32) ? !0 : flags; + deletions.stateNode.clones = null; + break; + default: + recursivelyApplyViewTransitions(deletions); + } + } + parentFiber = parentFiber.sibling; + } + else measureNestedViewTransitions(parentFiber, !0); +} +function recursivelyRestoreViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + restoreEnterOrExitViewTransitions(deletions[i]); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + restoreViewTransitionsOnFiber(parentFiber), + (parentFiber = parentFiber.sibling); + else restoreNestedViewTransitions(parentFiber); +} +function restoreViewTransitionsOnFiber(finishedWork) { + var current = finishedWork.alternate; + if (null === current) restoreEnterOrExitViewTransitions(finishedWork); + else { + var flags = finishedWork.flags; + switch (finishedWork.tag) { + case 4: + break; + case 22: + flags & 8192 && + (null === finishedWork.memoizedState + ? restoreEnterOrExitViewTransitions(finishedWork) + : null !== current && + null === current.memoizedState && + restoreEnterOrExitViewTransitions(current)); + break; + case 30: + restoreViewTransitionOnHostInstances(current.child, !0); + recursivelyRestoreViewTransitions(finishedWork); + break; + default: + recursivelyRestoreViewTransitions(finishedWork); + } + } +} var DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -13237,8 +13674,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); memoizedUpdaters = workInProgressRootExitStatus; break; - } catch (thrownValue$195) { - handleThrow(root, thrownValue$195); + } catch (thrownValue$198) { + handleThrow(root, thrownValue$198); } while (1); lanes && root.shellSuspendCounter++; @@ -13359,8 +13796,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$197) { - handleThrow(root, thrownValue$197); + } catch (thrownValue$200) { + handleThrow(root, thrownValue$200); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -13973,7 +14410,6 @@ function commitGestureOnRoot(root, finishedWork) { var prevExecutionContext = executionContext; executionContext |= 4; try { - unhideHostChildren = !1; var rootContainer = root.containerInfo, documentElement = 9 === rootContainer.nodeType @@ -14056,26 +14492,26 @@ function commitGestureOnRoot(root, finishedWork) { } var rotate = computedStyle.rotate; if ("none" !== rotate && "" !== rotate) { - var parts$272 = rotate.split(" "); + var parts$275 = rotate.split(" "); transform = - 1 === parts$272.length - ? "rotate(" + parts$272[0] + ") " + transform - : 2 === parts$272.length + 1 === parts$275.length + ? "rotate(" + parts$275[0] + ") " + transform + : 2 === parts$275.length ? "rotate" + - parts$272[0].toUpperCase() + + parts$275[0].toUpperCase() + "(" + - parts$272[1] + + parts$275[1] + ") " + transform - : "rotate3d(" + parts$272.join(", ") + ") " + transform; + : "rotate3d(" + parts$275.join(", ") + ") " + transform; } var translate = computedStyle.translate; if ("none" !== translate && "" !== translate) { - var parts$273 = translate.split(" "); + var parts$276 = translate.split(" "); transform = - (3 === parts$273.length ? "translate3d" : "translate") + + (3 === parts$276.length ? "translate3d" : "translate") + "(" + - parts$273.join(", ") + + parts$276.join(", ") + ") " + transform; } @@ -14090,7 +14526,7 @@ function commitGestureOnRoot(root, finishedWork) { containerInstance.nextSibling ); root.gestureClone = clone; - recursivelyInsertClones(finishedWork, clone); + recursivelyInsertClones(finishedWork, clone, null, 0); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -14116,6 +14552,7 @@ function flushGestureMutations() { if (6 === pendingEffectsStatus) { pendingEffectsStatus = 0; var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork, prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -14123,6 +14560,9 @@ function flushGestureMutations() { var prevExecutionContext = executionContext; executionContext |= 4; try { + viewTransitionContextChanged = !1; + pushViewTransitionCancelableScope(); + recursivelyApplyViewTransitions(finishedWork); var rootClone = root.gestureClone; if (null !== rootClone) { root.gestureClone = null; @@ -14138,6 +14578,19 @@ function flushGestureMutations() { containerParent.removeChild(rootClone); containerInstance.style.viewTransitionName = "root"; } + if (!viewTransitionContextChanged) { + finishedWork = viewTransitionCancelableChildren; + if (null !== finishedWork) + for (rootClone = 0; rootClone < finishedWork.length; rootClone += 3) + cancelViewTransitionName( + finishedWork[rootClone], + finishedWork[rootClone + 1], + finishedWork[rootClone + 2] + ); + restoreRootViewTransitionName(root.containerInfo); + cancelRootViewTransitionName(root.containerInfo); + } + viewTransitionCancelableChildren = null; } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -14150,7 +14603,8 @@ function flushGestureAnimations() { flushGestureMutations(); if (7 === pendingEffectsStatus) { pendingEffectsStatus = 0; - var root = pendingEffectsRoot; + var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; var prevTransition = ReactSharedInternals.T; @@ -14160,7 +14614,8 @@ function flushGestureAnimations() { var prevExecutionContext = executionContext; executionContext |= 4; try { - restoreRootViewTransitionName(root.containerInfo); + restoreViewTransitionsOnFiber(finishedWork), + restoreRootViewTransitionName(root.containerInfo); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -14417,14 +14872,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$203 = firstScheduledRoot; null !== root$203; ) { + for (var root$206 = firstScheduledRoot; null !== root$206; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$203.pendingLanes; + var pendingLanes = root$206.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$203.suspendedLanes, - pingedLanes = root$203.pingedLanes; + var suspendedLanes = root$206.suspendedLanes, + pingedLanes = root$206.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -14438,21 +14893,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$203, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$206, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$203, - root$203 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$203.cancelPendingCommit || - -1 !== root$203.timeoutHandle + root$206, + root$206 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$206.cancelPendingCommit || + -1 !== root$206.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$203, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$206, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$203, JSCompiler_inline_result)); - root$203 = root$203.next; + performSyncWorkOnRoot(root$206, JSCompiler_inline_result)); + root$206 = root$206.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -14736,20 +15191,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1792 = 0; - i$jscomp$inline_1792 < simpleEventPluginEvents.length; - i$jscomp$inline_1792++ + var i$jscomp$inline_1837 = 0; + i$jscomp$inline_1837 < simpleEventPluginEvents.length; + i$jscomp$inline_1837++ ) { - var eventName$jscomp$inline_1793 = - simpleEventPluginEvents[i$jscomp$inline_1792], - domEventName$jscomp$inline_1794 = - eventName$jscomp$inline_1793.toLowerCase(), - capitalizedEvent$jscomp$inline_1795 = - eventName$jscomp$inline_1793[0].toUpperCase() + - eventName$jscomp$inline_1793.slice(1); + var eventName$jscomp$inline_1838 = + simpleEventPluginEvents[i$jscomp$inline_1837], + domEventName$jscomp$inline_1839 = + eventName$jscomp$inline_1838.toLowerCase(), + capitalizedEvent$jscomp$inline_1840 = + eventName$jscomp$inline_1838[0].toUpperCase() + + eventName$jscomp$inline_1838.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1794, - "on" + capitalizedEvent$jscomp$inline_1795 + domEventName$jscomp$inline_1839, + "on" + capitalizedEvent$jscomp$inline_1840 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15997,34 +16452,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$217 = props[hasSrc]; - if (null != propValue$217) + var propValue$220 = props[hasSrc]; + if (null != propValue$220) switch (hasSrc) { case "name": - hasSrcSet = propValue$217; + hasSrcSet = propValue$220; break; case "type": - propValue = propValue$217; + propValue = propValue$220; break; case "checked": - checked = propValue$217; + checked = propValue$220; break; case "defaultChecked": - defaultChecked = propValue$217; + defaultChecked = propValue$220; break; case "value": - propKey = propValue$217; + propKey = propValue$220; break; case "defaultValue": - defaultValue = propValue$217; + defaultValue = propValue$220; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$217) + if (null != propValue$220) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$217, props, null); + setProp(domElement, tag, hasSrc, propValue$220, props, null); } } initInput( @@ -16163,14 +16618,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$217 in props) - props.hasOwnProperty(propValue$217) && - ((hasSrc = props[propValue$217]), + for (propValue$220 in props) + props.hasOwnProperty(propValue$220) && + ((hasSrc = props[propValue$220]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$217, + propValue$220, hasSrc, props, void 0 @@ -16218,14 +16673,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$234 in nextProps) { - var propKey = nextProps[propKey$234]; - lastProp = lastProps[propKey$234]; + for (var propKey$237 in nextProps) { + var propKey = nextProps[propKey$237]; + lastProp = lastProps[propKey$237]; if ( - nextProps.hasOwnProperty(propKey$234) && + nextProps.hasOwnProperty(propKey$237) && (null != propKey || null != lastProp) ) - switch (propKey$234) { + switch (propKey$237) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -16260,7 +16715,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$234, + propKey$237, propKey, nextProps, lastProp @@ -16279,7 +16734,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$234 = null; + propKey = value = defaultValue = propKey$237 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -16311,7 +16766,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$234 = type; + propKey$237 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -16334,15 +16789,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$234 - ? updateOptions(domElement, !!lastProps, propKey$234, !1) + null != propKey$237 + ? updateOptions(domElement, !!lastProps, propKey$237, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$234 = null; + propKey = propKey$237 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -16367,7 +16822,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$234 = name; + propKey$237 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -16382,17 +16837,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$234, propKey); + updateTextarea(domElement, propKey$237, propKey); return; case "option": - for (var propKey$250 in lastProps) + for (var propKey$253 in lastProps) if ( - ((propKey$234 = lastProps[propKey$250]), - lastProps.hasOwnProperty(propKey$250) && - null != propKey$234 && - !nextProps.hasOwnProperty(propKey$250)) + ((propKey$237 = lastProps[propKey$253]), + lastProps.hasOwnProperty(propKey$253) && + null != propKey$237 && + !nextProps.hasOwnProperty(propKey$253)) ) - switch (propKey$250) { + switch (propKey$253) { case "selected": domElement.selected = !1; break; @@ -16400,34 +16855,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$250, + propKey$253, null, nextProps, - propKey$234 + propKey$237 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$234 = nextProps[lastDefaultValue]), + ((propKey$237 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$234 !== propKey && - (null != propKey$234 || null != propKey)) + propKey$237 !== propKey && + (null != propKey$237 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$234 !== propKey && (viewTransitionMutationContext = !0); + propKey$237 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$234 && - "function" !== typeof propKey$234 && - "symbol" !== typeof propKey$234; + propKey$237 && + "function" !== typeof propKey$237 && + "symbol" !== typeof propKey$237; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$234, + propKey$237, nextProps, propKey ); @@ -16448,24 +16903,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$255 in lastProps) - (propKey$234 = lastProps[propKey$255]), - lastProps.hasOwnProperty(propKey$255) && - null != propKey$234 && - !nextProps.hasOwnProperty(propKey$255) && - setProp(domElement, tag, propKey$255, null, nextProps, propKey$234); + for (var propKey$258 in lastProps) + (propKey$237 = lastProps[propKey$258]), + lastProps.hasOwnProperty(propKey$258) && + null != propKey$237 && + !nextProps.hasOwnProperty(propKey$258) && + setProp(domElement, tag, propKey$258, null, nextProps, propKey$237); for (checked in nextProps) if ( - ((propKey$234 = nextProps[checked]), + ((propKey$237 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$234 !== propKey && - (null != propKey$234 || null != propKey)) + propKey$237 !== propKey && + (null != propKey$237 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$234) + if (null != propKey$237) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -16473,7 +16928,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$234, + propKey$237, nextProps, propKey ); @@ -16481,49 +16936,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$260 in lastProps) - (propKey$234 = lastProps[propKey$260]), - lastProps.hasOwnProperty(propKey$260) && - void 0 !== propKey$234 && - !nextProps.hasOwnProperty(propKey$260) && + for (var propKey$263 in lastProps) + (propKey$237 = lastProps[propKey$263]), + lastProps.hasOwnProperty(propKey$263) && + void 0 !== propKey$237 && + !nextProps.hasOwnProperty(propKey$263) && setPropOnCustomElement( domElement, tag, - propKey$260, + propKey$263, void 0, nextProps, - propKey$234 + propKey$237 ); for (defaultChecked in nextProps) - (propKey$234 = nextProps[defaultChecked]), + (propKey$237 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$234 === propKey || - (void 0 === propKey$234 && void 0 === propKey) || + propKey$237 === propKey || + (void 0 === propKey$237 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$234, + propKey$237, nextProps, propKey ); return; } } - for (var propKey$265 in lastProps) - (propKey$234 = lastProps[propKey$265]), - lastProps.hasOwnProperty(propKey$265) && - null != propKey$234 && - !nextProps.hasOwnProperty(propKey$265) && - setProp(domElement, tag, propKey$265, null, nextProps, propKey$234); + for (var propKey$268 in lastProps) + (propKey$237 = lastProps[propKey$268]), + lastProps.hasOwnProperty(propKey$268) && + null != propKey$237 && + !nextProps.hasOwnProperty(propKey$268) && + setProp(domElement, tag, propKey$268, null, nextProps, propKey$237); for (lastProp in nextProps) - (propKey$234 = nextProps[lastProp]), + (propKey$237 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$234 === propKey || - (null == propKey$234 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$234, nextProps, propKey); + propKey$237 === propKey || + (null == propKey$237 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$237, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -16678,6 +17133,10 @@ function unhideInstance(instance, props) { instance.style.display = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function applyViewTransitionName(instance, name, className) { + instance.style.viewTransitionName = name; + null != className && (instance.style.viewTransitionClass = className); +} function restoreViewTransitionName(instance, props) { props = props.style; var viewTransitionName = @@ -16703,6 +17162,40 @@ function restoreViewTransitionName(instance, props) { instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function cancelViewTransitionName(instance, oldName, props) { + restoreViewTransitionName(instance, props); + instance = instance.ownerDocument.documentElement; + null !== instance && + instance.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(" + oldName + ")" + } + ); +} +function cancelRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "" === rootContainer.style.viewTransitionName && + ((rootContainer.style.viewTransitionName = "none"), + rootContainer.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + rootContainer.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); +} function restoreRootViewTransitionName(rootContainer) { rootContainer = 9 === rootContainer.nodeType @@ -16717,27 +17210,43 @@ function restoreRootViewTransitionName(rootContainer) { "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); } -function measureInstance(instance) { - var ownerWindow = instance.ownerDocument.defaultView, - rect = instance.getBoundingClientRect(); - instance = getComputedStyle(instance); +function createMeasurement(rect, computedStyle, element) { + element = element.ownerDocument.defaultView; return { rect: rect, - abs: "absolute" === instance.position || "fixed" === instance.position, + abs: + "absolute" === computedStyle.position || + "fixed" === computedStyle.position, clip: - "none" !== instance.clipPath || - "visible" !== instance.overflow || - "none" !== instance.filter || - "none" !== instance.mask || - "none" !== instance.mask || - "0px" !== instance.borderRadius, + "none" !== computedStyle.clipPath || + "visible" !== computedStyle.overflow || + "none" !== computedStyle.filter || + "none" !== computedStyle.mask || + "none" !== computedStyle.mask || + "0px" !== computedStyle.borderRadius, view: 0 <= rect.bottom && 0 <= rect.right && - rect.top <= ownerWindow.innerHeight && - rect.left <= ownerWindow.innerWidth + rect.top <= element.innerHeight && + rect.left <= element.innerWidth }; } +function measureInstance(instance) { + var rect = instance.getBoundingClientRect(), + computedStyle = getComputedStyle(instance); + return createMeasurement(rect, computedStyle, instance); +} +function measureClonedInstance(instance) { + var measuredRect = instance.getBoundingClientRect(); + measuredRect = new DOMRect( + measuredRect.x + 2e4, + measuredRect.y + 2e4, + measuredRect.width, + measuredRect.height + ); + var computedStyle = getComputedStyle(instance); + return createMeasurement(measuredRect, computedStyle, instance); +} function cancelAllViewTransitionAnimations(scope) { for ( var animations = scope.getAnimations({ subtree: !0 }), i = 0; @@ -16948,17 +17457,17 @@ function startGestureTransition( var anim = animations[i]; if ("running" === anim.playState) { pseudoElement = anim.effect; - var pseudoElement$275 = pseudoElement.pseudoElement; + var pseudoElement$278 = pseudoElement.pseudoElement; if ( - null != pseudoElement$275 && - pseudoElement$275.startsWith("::view-transition") && + null != pseudoElement$278 && + pseudoElement$278.startsWith("::view-transition") && pseudoElement.target === documentElement ) { anim.cancel(); var isGeneratedGroupAnim = !1, isExitGroupAnim = !1; - if (pseudoElement$275.startsWith("::view-transition-group")) { - var groupName = pseudoElement$275.slice(23); + if (pseudoElement$278.startsWith("::view-transition-group")) { + var groupName = pseudoElement$278.slice(23); foundNews.has(groupName) ? ((anim = anim.animationName), (isGeneratedGroupAnim = @@ -16969,22 +17478,22 @@ function startGestureTransition( animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, - pseudoElement$275, + pseudoElement$278, timeline, rangeStart, rangeEnd, isGeneratedGroupAnim, isExitGroupAnim ); - pseudoElement$275.startsWith("::view-transition-old") && - ((pseudoElement$275 = pseudoElement$275.slice(21)), - foundGroups.has(pseudoElement$275) || - foundNews.has(pseudoElement$275) || - (foundGroups.add(pseudoElement$275), + pseudoElement$278.startsWith("::view-transition-old") && + ((pseudoElement$278 = pseudoElement$278.slice(21)), + foundGroups.has(pseudoElement$278) || + foundNews.has(pseudoElement$278) || + (foundGroups.add(pseudoElement$278), animateGesture( [{}, {}], pseudoElement.target, - "::view-transition-group" + pseudoElement$275, + "::view-transition-group" + pseudoElement$278, timeline, rangeStart, rangeEnd, @@ -17582,26 +18091,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$278 = getResourcesFromRoot( + var styles$281 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$279 = styles$278.get(type); - resource$279 || + resource$282 = styles$281.get(type); + resource$282 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$279 = { + (resource$282 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$278.set(type, resource$279), - (styles$278 = JSCompiler_inline_result.querySelector( + styles$281.set(type, resource$282), + (styles$281 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$278._p && - ((resource$279.instance = styles$278), - (resource$279.state.loading = 5)), + !styles$281._p && + ((resource$282.instance = styles$281), + (resource$282.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -17614,16 +18123,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$278 || + styles$281 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$279.state + resource$282.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$279; + return resource$282; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -17720,37 +18229,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$284 = hoistableRoot.querySelector( + var instance$287 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$284) + if (instance$287) return ( (resource.state.loading |= 4), - (resource.instance = instance$284), - markNodeAsHoistable(instance$284), - instance$284 + (resource.instance = instance$287), + markNodeAsHoistable(instance$287), + instance$287 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$284 = ( + instance$287 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$284); - var linkInstance = instance$284; + markNodeAsHoistable(instance$287); + var linkInstance = instance$287; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$284, "link", instance); + setInitialProperties(instance$287, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$284, props.precedence, hoistableRoot); - return (resource.instance = instance$284); + insertStylesheet(instance$287, props.precedence, hoistableRoot); + return (resource.instance = instance$287); case "script": - instance$284 = getScriptKey(props.src); + instance$287 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$284) + getScriptSelectorFromKey(instance$287) )) ) return ( @@ -17759,7 +18268,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$284))) + if ((styleProps = preloadPropsMap.get(instance$287))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -18796,16 +19305,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2053 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2098 = React.version; if ( - "19.1.0-experimental-5398b711-20250314" !== - isomorphicReactPackageVersion$jscomp$inline_2053 + "19.1.0-experimental-c69a5fc5-20250318" !== + isomorphicReactPackageVersion$jscomp$inline_2098 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2053, - "19.1.0-experimental-5398b711-20250314" + isomorphicReactPackageVersion$jscomp$inline_2098, + "19.1.0-experimental-c69a5fc5-20250318" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -18825,24 +19334,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2639 = { +var internals$jscomp$inline_2710 = { bundleType: 0, - version: "19.1.0-experimental-5398b711-20250314", + version: "19.1.0-experimental-c69a5fc5-20250318", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-5398b711-20250314" + reconcilerVersion: "19.1.0-experimental-c69a5fc5-20250318" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2640 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2711 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2640.isDisabled && - hook$jscomp$inline_2640.supportsFiber + !hook$jscomp$inline_2711.isDisabled && + hook$jscomp$inline_2711.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2640.inject( - internals$jscomp$inline_2639 + (rendererID = hook$jscomp$inline_2711.inject( + internals$jscomp$inline_2710 )), - (injectedHook = hook$jscomp$inline_2640); + (injectedHook = hook$jscomp$inline_2711); } catch (err) {} } function noop() {} @@ -19095,7 +19604,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-experimental-5398b711-20250314"; +exports.version = "19.1.0-experimental-c69a5fc5-20250318"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js index 322638f791404..60237e7c2d2da 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js @@ -3603,8 +3603,6 @@ switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; - case REACT_PORTAL_TYPE: - return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: @@ -3613,6 +3611,8 @@ return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; + case REACT_ACTIVITY_TYPE: + return "Activity"; case REACT_VIEW_TRANSITION_TYPE: return "ViewTransition"; } @@ -3624,6 +3624,8 @@ ), type.$$typeof) ) { + case REACT_PORTAL_TYPE: + return "Portal"; case REACT_CONTEXT_TYPE: return (type.displayName || "Context") + ".Provider"; case REACT_CONSUMER_TYPE: @@ -5443,7 +5445,7 @@ renderNodeDestructive(request, task, props.children, -1); task.keyPath = prevKeyPath$jscomp$1; return; - case REACT_OFFSCREEN_TYPE: + case REACT_ACTIVITY_TYPE: if ("hidden" !== props.mode) { var prevKeyPath$jscomp$2 = task.keyPath; task.keyPath = keyPath; @@ -5458,10 +5460,17 @@ task.keyPath = _prevKeyPath3; return; case REACT_VIEW_TRANSITION_TYPE: - var _prevKeyPath4 = task.keyPath; + var prevKeyPath$jscomp$3 = task.keyPath; task.keyPath = keyPath; - renderNodeDestructive(request, task, props.children, -1); - task.keyPath = _prevKeyPath4; + if (null != props.name && "auto" !== props.name) + renderNodeDestructive(request, task, props.children, -1); + else { + var prevTreeContext = task.treeContext; + task.treeContext = pushTreeContext(prevTreeContext, 1, 0); + renderNode(request, task, props.children, -1); + task.treeContext = prevTreeContext; + } + task.keyPath = prevKeyPath$jscomp$3; return; case REACT_SCOPE_TYPE: throw Error( @@ -5478,7 +5487,7 @@ task.keyPath = _prevKeyPath; } } else { - var prevKeyPath$jscomp$3 = task.keyPath, + var prevKeyPath$jscomp$4 = task.keyPath, parentBoundary = task.blockedBoundary, parentPreamble = task.blockedPreamble, parentHoistableState = task.hoistableState, @@ -5559,7 +5568,7 @@ } finally { (task.blockedSegment = parentSegment), (task.blockedPreamble = parentPreamble), - (task.keyPath = prevKeyPath$jscomp$3); + (task.keyPath = prevKeyPath$jscomp$4); } var suspendedPrimaryTask = createRenderTask( request, @@ -5649,7 +5658,7 @@ (task.blockedPreamble = parentPreamble), (task.hoistableState = parentHoistableState), (task.blockedSegment = parentSegment), - (task.keyPath = prevKeyPath$jscomp$3); + (task.keyPath = prevKeyPath$jscomp$4); } var suspendedFallbackTask = createRenderTask( request, @@ -5710,7 +5719,7 @@ var value$jscomp$0 = props.value, children$jscomp$1 = props.children; var prevSnapshot = task.context; - var prevKeyPath$jscomp$4 = task.keyPath; + var prevKeyPath$jscomp$5 = task.keyPath; var prevValue = type._currentValue2; type._currentValue2 = value$jscomp$0; void 0 !== type._currentRenderer2 && @@ -5753,7 +5762,7 @@ var JSCompiler_inline_result$jscomp$0 = (currentActiveSnapshot = prevSnapshot$jscomp$0.parent); task.context = JSCompiler_inline_result$jscomp$0; - task.keyPath = prevKeyPath$jscomp$4; + task.keyPath = prevKeyPath$jscomp$5; prevSnapshot !== task.context && console.error( "Popping the context provider did not return back to the original snapshot. This is a bug in React." @@ -5767,10 +5776,10 @@ "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it." ); var newChildren = render(context$jscomp$0._currentValue2), - prevKeyPath$jscomp$5 = task.keyPath; + prevKeyPath$jscomp$6 = task.keyPath; task.keyPath = keyPath; renderNodeDestructive(request, task, newChildren, -1); - task.keyPath = prevKeyPath$jscomp$5; + task.keyPath = prevKeyPath$jscomp$6; return; case REACT_LAZY_TYPE: var Component = callLazyInitInDEV(type); @@ -8147,7 +8156,7 @@ REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_SCOPE_TYPE = Symbol.for("react.scope"), - REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), + REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"), REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), REACT_POSTPONE_TYPE = Symbol.for("react.postpone"), @@ -9600,5 +9609,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-experimental-5398b711-20250314"; + exports.version = "19.1.0-experimental-c69a5fc5-20250318"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js index f9d9e801b251c..40acaef85d98c 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js @@ -64,7 +64,7 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_SCOPE_TYPE = Symbol.for("react.scope"), - REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), + REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"), REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), REACT_POSTPONE_TYPE = Symbol.for("react.postpone"), @@ -2748,17 +2748,17 @@ function createRenderState(resumableState, generateStaticMarkup) { "\x3c/script>" ); bootstrapScriptContent = idPrefix + "P:"; - var JSCompiler_object_inline_segmentPrefix_1704 = idPrefix + "S:"; + var JSCompiler_object_inline_segmentPrefix_1712 = idPrefix + "S:"; idPrefix += "B:"; - var JSCompiler_object_inline_preamble_1707 = createPreambleState(), - JSCompiler_object_inline_preconnects_1717 = new Set(), - JSCompiler_object_inline_fontPreloads_1718 = new Set(), - JSCompiler_object_inline_highImagePreloads_1719 = new Set(), - JSCompiler_object_inline_styles_1720 = new Map(), - JSCompiler_object_inline_bootstrapScripts_1721 = new Set(), - JSCompiler_object_inline_scripts_1722 = new Set(), - JSCompiler_object_inline_bulkPreloads_1723 = new Set(), - JSCompiler_object_inline_preloads_1724 = { + var JSCompiler_object_inline_preamble_1715 = createPreambleState(), + JSCompiler_object_inline_preconnects_1725 = new Set(), + JSCompiler_object_inline_fontPreloads_1726 = new Set(), + JSCompiler_object_inline_highImagePreloads_1727 = new Set(), + JSCompiler_object_inline_styles_1728 = new Map(), + JSCompiler_object_inline_bootstrapScripts_1729 = new Set(), + JSCompiler_object_inline_scripts_1730 = new Set(), + JSCompiler_object_inline_bulkPreloads_1731 = new Set(), + JSCompiler_object_inline_preloads_1732 = { images: new Map(), stylesheets: new Map(), scripts: new Map(), @@ -2795,7 +2795,7 @@ function createRenderState(resumableState, generateStaticMarkup) { scriptConfig.moduleScriptResources[href] = null; scriptConfig = []; pushLinkImpl(scriptConfig, props); - JSCompiler_object_inline_bootstrapScripts_1721.add(scriptConfig); + JSCompiler_object_inline_bootstrapScripts_1729.add(scriptConfig); bootstrapChunks.push('