@primer/react 38.31.0-rc.f96563b64 → 38.31.0

package/CHANGELOG.md

@@ -6,6 +6,8 @@
 
 - [#8057](https://github.com/primer/react/pull/8057) [`0b9c81e`](https://github.com/primer/react/commit/0b9c81e7e8fef1dfc98f3b86b5a375d4ec7fe204) Thanks [@francinelucca](https://github.com/francinelucca)! - ThemeProvider: Remove `primer_react_theme_provider_remove_ssr_handoff` feature flag.
 
+- [#8105](https://github.com/primer/react/pull/8105) [`be2950f`](https://github.com/primer/react/commit/be2950fd1ac268dd4e79258ab2cfe9241dd9e1c6) Thanks [@joshblack](https://github.com/joshblack)! - React Compiler: Enable compiler output for Banner, ConfirmationDialog, PageLayout, Pagination, UnderlineNav, `useMergedRefs`, and `useScrollFlash`
+
 ### Patch Changes
 
 - [#8066](https://github.com/primer/react/pull/8066) [`dd66aa2`](https://github.com/primer/react/commit/dd66aa27611f7ad56adb7429b50813d6af5a01d7) Thanks [@janmaarten-a11y](https://github.com/janmaarten-a11y)! - Fix invalid HTML nesting in `ActionList.Heading` by applying the visually-hidden styles directly to the heading element instead of wrapping it in a `span`.

package/dist/Autocomplete/Autocomplete.js

@@ -3,8 +3,9 @@ import { AutocompleteContext, AutocompleteDeferredInputContext, AutocompleteInpu
 import AutocompleteInput from "./AutocompleteInput.js";
 import AutocompleteMenu from "./AutocompleteMenu.js";
 import AutocompleteOverlay from "./AutocompleteOverlay.js";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useDeferredValue, useMemo, useReducer, useRef } from "react";
+import { useDeferredValue, useReducer, useRef } from "react";
 //#region src/Autocomplete/Autocomplete.tsx
 const initialState = {
 	inputValue: "",
@@ -39,88 +40,144 @@ const reducer = (state, action) => {
 		default: return state;
 	}
 };
-const Autocomplete = ({ children, id: idProp }) => {
+const Autocomplete = (t0) => {
+	const $ = c(24);
+	const { children, id: idProp } = t0;
 	const activeDescendantRef = useRef(null);
 	const scrollContainerRef = useRef(null);
 	const inputRef = useRef(null);
 	const [state, dispatch] = useReducer(reducer, initialState);
 	const { inputValue, showMenu, autocompleteSuggestion, isMenuDirectlyActivated, selectedItemLength } = state;
-	const setInputValue = useCallback((value) => {
-		dispatch({
-			type: "inputValue",
-			payload: value
-		});
-	}, []);
-	const setShowMenu = useCallback((value) => {
-		dispatch({
-			type: "showMenu",
-			payload: value
-		});
-	}, []);
-	const setAutocompleteSuggestion = useCallback((value) => {
-		dispatch({
-			type: "autocompleteSuggestion",
-			payload: value
-		});
-	}, []);
-	const setIsMenuDirectlyActivated = useCallback((value) => {
-		dispatch({
-			type: "isMenuDirectlyActivated",
-			payload: value
-		});
-	}, []);
-	const setSelectedItemLength = useCallback((value) => {
-		dispatch({
-			type: "selectedItemLength",
-			payload: value
-		});
-	}, []);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = (value) => {
+			dispatch({
+				type: "inputValue",
+				payload: value
+			});
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const setInputValue = t1;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = (value_0) => {
+			dispatch({
+				type: "showMenu",
+				payload: value_0
+			});
+		};
+		$[1] = t2;
+	} else t2 = $[1];
+	const setShowMenu = t2;
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = (value_1) => {
+			dispatch({
+				type: "autocompleteSuggestion",
+				payload: value_1
+			});
+		};
+		$[2] = t3;
+	} else t3 = $[2];
+	const setAutocompleteSuggestion = t3;
+	let t4;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = (value_2) => {
+			dispatch({
+				type: "isMenuDirectlyActivated",
+				payload: value_2
+			});
+		};
+		$[3] = t4;
+	} else t4 = $[3];
+	const setIsMenuDirectlyActivated = t4;
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (value_3) => {
+			dispatch({
+				type: "selectedItemLength",
+				payload: value_3
+			});
+		};
+		$[4] = t5;
+	} else t5 = $[4];
+	const setSelectedItemLength = t5;
 	const id = useId$1(idProp);
-	const autocompleteContextValue = useMemo(() => ({
-		activeDescendantRef,
-		id,
-		inputRef,
-		scrollContainerRef,
-		selectedItemLength,
-		setAutocompleteSuggestion,
-		setInputValue,
-		setIsMenuDirectlyActivated,
-		setShowMenu,
-		setSelectedItemLength,
-		showMenu
-	}), [
-		id,
-		selectedItemLength,
-		setAutocompleteSuggestion,
-		setInputValue,
-		setIsMenuDirectlyActivated,
-		setShowMenu,
-		setSelectedItemLength,
-		showMenu
-	]);
-	const autocompleteInputContextValue = useMemo(() => ({
-		autocompleteSuggestion,
-		inputValue,
-		isMenuDirectlyActivated
-	}), [
-		autocompleteSuggestion,
-		inputValue,
-		isMenuDirectlyActivated
-	]);
+	let t6;
+	if ($[5] !== id || $[6] !== selectedItemLength || $[7] !== showMenu) {
+		t6 = {
+			activeDescendantRef,
+			id,
+			inputRef,
+			scrollContainerRef,
+			selectedItemLength,
+			setAutocompleteSuggestion,
+			setInputValue,
+			setIsMenuDirectlyActivated,
+			setShowMenu,
+			setSelectedItemLength,
+			showMenu
+		};
+		$[5] = id;
+		$[6] = selectedItemLength;
+		$[7] = showMenu;
+		$[8] = t6;
+	} else t6 = $[8];
+	const autocompleteContextValue = t6;
+	let t7;
+	if ($[9] !== autocompleteSuggestion || $[10] !== inputValue || $[11] !== isMenuDirectlyActivated) {
+		t7 = {
+			autocompleteSuggestion,
+			inputValue,
+			isMenuDirectlyActivated
+		};
+		$[9] = autocompleteSuggestion;
+		$[10] = inputValue;
+		$[11] = isMenuDirectlyActivated;
+		$[12] = t7;
+	} else t7 = $[12];
+	const autocompleteInputContextValue = t7;
 	const deferredInputValue = useDeferredValue(inputValue);
-	const autocompleteDeferredInputContextValue = useMemo(() => ({ deferredInputValue }), [deferredInputValue]);
-	return /*#__PURE__*/ jsx(AutocompleteContext.Provider, {
-		value: autocompleteContextValue,
-		children: /*#__PURE__*/ jsx(AutocompleteInputContext.Provider, {
+	let t8;
+	if ($[13] !== deferredInputValue) {
+		t8 = { deferredInputValue };
+		$[13] = deferredInputValue;
+		$[14] = t8;
+	} else t8 = $[14];
+	const autocompleteDeferredInputContextValue = t8;
+	let t9;
+	if ($[15] !== autocompleteDeferredInputContextValue || $[16] !== children) {
+		t9 = /*#__PURE__*/ jsx(AutocompleteDeferredInputContext.Provider, {
+			value: autocompleteDeferredInputContextValue,
+			children
+		});
+		$[15] = autocompleteDeferredInputContextValue;
+		$[16] = children;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== autocompleteInputContextValue || $[19] !== t9) {
+		t10 = /*#__PURE__*/ jsx(AutocompleteInputContext.Provider, {
 			value: autocompleteInputContextValue,
-			children: /*#__PURE__*/ jsx(AutocompleteDeferredInputContext.Provider, {
-				value: autocompleteDeferredInputContextValue,
-				children
-			})
-		})
-	});
+			children: t9
+		});
+		$[18] = autocompleteInputContextValue;
+		$[19] = t9;
+		$[20] = t10;
+	} else t10 = $[20];
+	let t11;
+	if ($[21] !== autocompleteContextValue || $[22] !== t10) {
+		t11 = /*#__PURE__*/ jsx(AutocompleteContext.Provider, {
+			value: autocompleteContextValue,
+			children: t10
+		});
+		$[21] = autocompleteContextValue;
+		$[22] = t10;
+		$[23] = t11;
+	} else t11 = $[23];
+	return t11;
 };
-Autocomplete.displayName = "Autocomplete";
 var Autocomplete_default = Object.assign(Autocomplete, {
 	__SLOT__: Symbol("Autocomplete"),
 	Context: AutocompleteContext,