@primer/react 38.42.0-rc.ebd425836 → 38.42.0

package/dist/FilteredActionList/useAnnouncements.js

@@ -1,4 +1,5 @@
-import { useCallback, useEffect, useRef } from "react";
+import { c } from "../utils/react-compiler-runtime.js";
+import { useEffect, useRef } from "react";
 import { announce } from "@primer/live-region-element";
 //#region src/FilteredActionList/useAnnouncements.tsx
 const delayMs = 500;
@@ -43,91 +44,157 @@ const getAnnouncementState = (items, loading, message, filterValue) => JSON.stri
 	message,
 	filterValue
 });
-const useAnnouncements = (items, listContainerRef, inputRef, enabled = true, loading = false, message, focusManagement, filterValue) => {
+const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message, focusManagement, filterValue) => {
+	const $ = c(37);
+	const enabled = t0 === void 0 ? true : t0;
+	const loading = t1 === void 0 ? false : t1;
 	const usingRovingTabindex = focusManagement === "roving-tabindex";
-	const liveRegion = document.querySelector("live-region");
-	const selectedItems = items.filter((item) => item.selected).length;
-	const announce$1 = useCallback((...args) => {
-		if (enabled) return announce(...args);
-	}, [enabled]);
-	const onInputFocus = useCallback(() => {
-		if (usingRovingTabindex) {
-			const announcementText = `${items.length} item${items.length > 1 ? "s" : ""} available, ${selectedItems} selected.`;
-			announce$1(announcementText, {
-				delayMs,
-				from: liveRegion ? liveRegion : void 0
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = document.querySelector("live-region");
+		$[0] = t2;
+	} else t2 = $[0];
+	const liveRegion = t2;
+	let t3;
+	if ($[1] !== items) {
+		t3 = items.filter(_temp);
+		$[1] = items;
+		$[2] = t3;
+	} else t3 = $[2];
+	const selectedItems = t3.length;
+	let t4;
+	if ($[3] !== enabled) {
+		t4 = (...t5) => {
+			const args = t5;
+			if (enabled) return announce(...args);
+		};
+		$[3] = enabled;
+		$[4] = t4;
+	} else t4 = $[4];
+	const announce$1 = t4;
+	let t5;
+	if ($[5] !== announce$1 || $[6] !== inputRef || $[7] !== items || $[8] !== listContainerRef || $[9] !== selectedItems || $[10] !== usingRovingTabindex) {
+		t5 = () => {
+			if (usingRovingTabindex) {
+				const announcementText = `${items.length} item${items.length > 1 ? "s" : ""} available, ${selectedItems} selected.`;
+				announce$1(announcementText, {
+					delayMs,
+					from: liveRegion ? liveRegion : void 0
+				});
+				return;
+			}
+			window.setTimeout(() => {
+				const activeItem = getItemWithActiveDescendant(listContainerRef, items);
+				if (!activeItem) return;
+				const { index, text, selected } = activeItem;
+				const inputLabel = getInputLabel(inputRef.current);
+				const announcementText_0 = [
+					inputLabel ? `${inputLabel}, filter text box and list of items` : "Focus on filter text box and list of items",
+					`Focused item: ${text}`,
+					`${selected ? "selected" : "not selected"}`,
+					`${index + 1} of ${items.length}`
+				].join(", ");
+				announce$1(announcementText_0, {
+					delayMs,
+					from: liveRegion ? liveRegion : void 0
+				});
 			});
-			return;
-		}
-		window.setTimeout(() => {
-			const activeItem = getItemWithActiveDescendant(listContainerRef, items);
-			if (!activeItem) return;
-			const { index, text, selected } = activeItem;
-			const inputLabel = getInputLabel(inputRef.current);
-			const announcementText = [
-				inputLabel ? `${inputLabel}, filter text box and list of items` : "Focus on filter text box and list of items",
-				`Focused item: ${text}`,
-				`${selected ? "selected" : "not selected"}`,
-				`${index + 1} of ${items.length}`
-			].join(", ");
-			announce$1(announcementText, {
-				delayMs,
-				from: liveRegion ? liveRegion : void 0
-			});
-		});
-	}, [
-		announce$1,
-		inputRef,
-		items,
-		listContainerRef,
-		liveRegion,
-		selectedItems,
-		usingRovingTabindex
-	]);
-	const announcementState = getAnnouncementState(items, loading, message, filterValue);
+		};
+		$[5] = announce$1;
+		$[6] = inputRef;
+		$[7] = items;
+		$[8] = listContainerRef;
+		$[9] = selectedItems;
+		$[10] = usingRovingTabindex;
+		$[11] = t5;
+	} else t5 = $[11];
+	const onInputFocus = t5;
+	let t6;
+	if ($[12] !== filterValue || $[13] !== items || $[14] !== loading || $[15] !== message) {
+		t6 = getAnnouncementState(items, loading, message, filterValue);
+		$[12] = filterValue;
+		$[13] = items;
+		$[14] = loading;
+		$[15] = message;
+		$[16] = t6;
+	} else t6 = $[16];
+	const announcementState = t6;
 	const previousAnnouncementState = useRef(announcementState);
-	useEffect(function announceListUpdates() {
-		if (previousAnnouncementState.current === announcementState) return;
-		previousAnnouncementState.current = announcementState;
-		liveRegion === null || liveRegion === void 0 || liveRegion.clear();
-		if (items.length === 0 && !loading) {
-			announce$1(`${message === null || message === void 0 ? void 0 : message.title}. ${message === null || message === void 0 ? void 0 : message.description}`, { delayMs });
-			return;
-		}
-		if (usingRovingTabindex) {
-			const announcementText = `${items.length} item${items.length > 1 ? "s" : ""} available, ${selectedItems} selected.`;
-			announce$1(announcementText, {
-				delayMs,
-				from: liveRegion ? liveRegion : void 0
-			});
-		} else window.requestAnimationFrame(() => {
-			const activeItem = getItemWithActiveDescendant(listContainerRef, items);
-			if (!activeItem) return;
-			const { index, text, selected } = activeItem;
-			const announcementText = [
-				`List updated`,
-				`Focused item: ${text}`,
-				`${selected ? "selected" : "not selected"}`,
-				`${index + 1} of ${items.length}`
-			].join(", ");
-			announce$1(announcementText, {
-				delayMs,
-				from: liveRegion ? liveRegion : void 0
+	let t7;
+	if ($[17] !== announce$1 || $[18] !== announcementState || $[19] !== items || $[20] !== listContainerRef || $[21] !== loading || $[22] !== (message === null || message === void 0 ? void 0 : message.description) || $[23] !== (message === null || message === void 0 ? void 0 : message.title) || $[24] !== selectedItems || $[25] !== usingRovingTabindex) {
+		t7 = function announceListUpdates() {
+			if (previousAnnouncementState.current === announcementState) return;
+			previousAnnouncementState.current = announcementState;
+			liveRegion === null || liveRegion === void 0 || liveRegion.clear();
+			if (items.length === 0 && !loading) {
+				announce$1(`${message === null || message === void 0 ? void 0 : message.title}. ${message === null || message === void 0 ? void 0 : message.description}`, { delayMs });
+				return;
+			}
+			if (usingRovingTabindex) {
+				const announcementText_1 = `${items.length} item${items.length > 1 ? "s" : ""} available, ${selectedItems} selected.`;
+				announce$1(announcementText_1, {
+					delayMs,
+					from: liveRegion ? liveRegion : void 0
+				});
+			} else window.requestAnimationFrame(() => {
+				const activeItem_0 = getItemWithActiveDescendant(listContainerRef, items);
+				if (!activeItem_0) return;
+				const { index: index_0, text: text_0, selected: selected_0 } = activeItem_0;
+				const announcementText_2 = [
+					"List updated",
+					`Focused item: ${text_0}`,
+					`${selected_0 ? "selected" : "not selected"}`,
+					`${index_0 + 1} of ${items.length}`
+				].join(", ");
+				announce$1(announcementText_2, {
+					delayMs,
+					from: liveRegion ? liveRegion : void 0
+				});
 			});
-		});
-	}, [
-		announce$1,
-		announcementState,
-		items,
-		listContainerRef,
-		liveRegion,
-		usingRovingTabindex,
-		message === null || message === void 0 ? void 0 : message.title,
-		message === null || message === void 0 ? void 0 : message.description,
-		loading,
-		selectedItems
-	]);
+		};
+		$[17] = announce$1;
+		$[18] = announcementState;
+		$[19] = items;
+		$[20] = listContainerRef;
+		$[21] = loading;
+		$[22] = message === null || message === void 0 ? void 0 : message.description;
+		$[23] = message === null || message === void 0 ? void 0 : message.title;
+		$[24] = selectedItems;
+		$[25] = usingRovingTabindex;
+		$[26] = t7;
+	} else t7 = $[26];
+	const t8 = message === null || message === void 0 ? void 0 : message.title;
+	const t9 = message === null || message === void 0 ? void 0 : message.description;
+	let t10;
+	if ($[27] !== announce$1 || $[28] !== announcementState || $[29] !== items || $[30] !== listContainerRef || $[31] !== loading || $[32] !== selectedItems || $[33] !== t8 || $[34] !== t9 || $[35] !== usingRovingTabindex) {
+		t10 = [
+			announce$1,
+			announcementState,
+			items,
+			listContainerRef,
+			liveRegion,
+			usingRovingTabindex,
+			t8,
+			t9,
+			loading,
+			selectedItems
+		];
+		$[27] = announce$1;
+		$[28] = announcementState;
+		$[29] = items;
+		$[30] = listContainerRef;
+		$[31] = loading;
+		$[32] = selectedItems;
+		$[33] = t8;
+		$[34] = t9;
+		$[35] = usingRovingTabindex;
+		$[36] = t10;
+	} else t10 = $[36];
+	useEffect(t7, t10);
 	return onInputFocus;
 };
+function _temp(item) {
+	return item.selected;
+}
 //#endregion
 export { useAnnouncements };

package/dist/FormControl/FormControlLabel.js

@@ -4,7 +4,6 @@ import { InputLabel } from "../internal/components/InputLabel.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/FormControl/FormControlLabel.tsx
 const FormControlLabel = (t0) => {
-	var _id;
 	const $ = c(26);
 	let as;
 	let children;
@@ -40,7 +39,7 @@ const FormControlLabel = (t0) => {
 	}
 	const requiredIndicator = t1 === void 0 ? true : t1;
 	const { disabled, id: formControlId, required, isReferenced, labelId } = useFormControlContext();
-	const resolvedId = (_id = id) !== null && _id !== void 0 ? _id : labelId;
+	const resolvedId = id !== null && id !== void 0 ? id : labelId;
 	let t2;
 	if ($[10] !== as || $[11] !== className || $[12] !== disabled || $[13] !== formControlId || $[14] !== htmlFor || $[15] !== isReferenced || $[16] !== props || $[17] !== required || $[18] !== requiredIndicator || $[19] !== requiredText || $[20] !== resolvedId || $[21] !== visuallyHidden) {
 		t2 = as === "legend" || as === "span" ? {

package/dist/InlineMessage/InlineMessage.js

@@ -30,7 +30,6 @@ const smallIcons = {
 	})
 };
 function InlineMessage(t0) {
-	var _variant;
 	const $ = c(19);
 	let LeadingVisual;
 	let children;
@@ -82,7 +81,7 @@ function InlineMessage(t0) {
 		$[10] = className;
 		$[11] = t2;
 	} else t2 = $[11];
-	const t3 = (_variant = variant) !== null && _variant !== void 0 ? _variant : void 0;
+	const t3 = variant !== null && variant !== void 0 ? variant : void 0;
 	let t4;
 	if ($[12] !== children || $[13] !== icon || $[14] !== rest || $[15] !== size || $[16] !== t2 || $[17] !== t3) {
 		t4 = /* @__PURE__ */ jsxs("div", {

package/dist/NavList/NavList.js

@@ -25,7 +25,7 @@ function levelToHeadingTag(level) {
 	return `h${Math.min(Math.max(level, 1), 4)}`;
 }
 const Root = /*#__PURE__*/ React.forwardRef((t0, ref) => {
-	var _heading$props$id, _ariaLabelledby;
+	var _heading$props$id;
 	const $ = c(26);
 	let ariaLabel;
 	let ariaLabelledby;
@@ -64,7 +64,7 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 		$[8] = t2;
 	} else t2 = $[8];
 	const headingLevel = t2;
-	const navLabelledby = (_ariaLabelledby = ariaLabelledby) !== null && _ariaLabelledby !== void 0 ? _ariaLabelledby : ariaLabel ? void 0 : headingId;
+	const navLabelledby = ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : ariaLabel ? void 0 : headingId;
 	let t3;
 	if ($[9] !== heading || $[10] !== headingId) {
 		t3 = heading ? /*#__PURE__*/ React.cloneElement(heading, { id: headingId }) : null;
@@ -601,8 +601,7 @@ const GroupHeadingImpl = (t0) => {
 	const headingLevel = React.useContext(NavListHeadingLevelContext);
 	let t1;
 	if ($[4] !== as || $[5] !== headingLevel) {
-		var _as;
-		t1 = (_as = as) !== null && _as !== void 0 ? _as : headingLevel ? levelToHeadingTag(headingLevel + 1) : "h3";
+		t1 = as !== null && as !== void 0 ? as : headingLevel ? levelToHeadingTag(headingLevel + 1) : "h3";
 		$[4] = as;
 		$[5] = headingLevel;
 		$[6] = t1;