@primer/react 38.31.0-rc.f96563b64 → 38.31.1-rc.43134a516

package/dist/Button/IconButton.js

@@ -3,43 +3,135 @@ import { ButtonBase } from "./ButtonBase.js";
 import { TooltipContext } from "../TooltipV2/TooltipContext.js";
 import { Tooltip } from "../TooltipV2/Tooltip.js";
 import { TooltipContext as TooltipContext$1 } from "../Tooltip/TooltipContext.js";
+import { c } from "react-compiler-runtime";
 import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
 //#region src/Button/IconButton.tsx
-const IconButton = /*#__PURE__*/ forwardRef(({ icon: Icon, "aria-label": ariaLabel, description, disabled, tooltipDirection, unsafeDisableTooltip = false, keyshortcuts, keybindingHint, className, ...props }, forwardedRef) => {
+const IconButton = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
+	const $ = c(36);
+	let Icon;
+	let ariaLabel;
+	let className;
+	let description;
+	let disabled;
+	let keybindingHint;
+	let keyshortcuts;
+	let props;
+	let t1;
+	let tooltipDirection;
+	if ($[0] !== t0) {
+		({icon: Icon, "aria-label": ariaLabel, description, disabled, tooltipDirection, unsafeDisableTooltip: t1, keyshortcuts, keybindingHint, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = Icon;
+		$[2] = ariaLabel;
+		$[3] = className;
+		$[4] = description;
+		$[5] = disabled;
+		$[6] = keybindingHint;
+		$[7] = keyshortcuts;
+		$[8] = props;
+		$[9] = t1;
+		$[10] = tooltipDirection;
+	} else {
+		Icon = $[1];
+		ariaLabel = $[2];
+		className = $[3];
+		description = $[4];
+		disabled = $[5];
+		keybindingHint = $[6];
+		keyshortcuts = $[7];
+		props = $[8];
+		t1 = $[9];
+		tooltipDirection = $[10];
+	}
+	const unsafeDisableTooltip = t1 === void 0 ? false : t1;
 	const { tooltipId } = React.useContext(TooltipContext);
 	const { tooltipId: tooltipIdV1 } = React.useContext(TooltipContext$1);
 	const { "aria-expanded": isExpanded, "aria-haspopup": hasPopup } = props;
 	const hasExternalTooltip = tooltipId || tooltipIdV1;
 	const hasActivePopup = (isExpanded === true || isExpanded === "true") && hasPopup === "true";
-	if (unsafeDisableTooltip || disabled || ariaLabel === void 0 || ariaLabel === "" || hasExternalTooltip) return /*#__PURE__*/ jsx(ButtonBase, {
-		icon: Icon,
-		className: clsx(className, ButtonBase_module_css_default.IconButton),
-		"data-component": "IconButton",
-		type: "button",
-		"aria-label": ariaLabel,
-		disabled,
-		...props,
-		ref: forwardedRef
-	});
-	else return /*#__PURE__*/ jsx(Tooltip, {
-		ref: forwardedRef,
-		text: description !== null && description !== void 0 ? description : ariaLabel,
-		type: description ? void 0 : "label",
-		direction: tooltipDirection,
-		keybindingHint: keybindingHint !== null && keybindingHint !== void 0 ? keybindingHint : keyshortcuts,
-		_privateDisableTooltip: hasActivePopup,
-		children: /*#__PURE__*/ jsx(ButtonBase, {
-			icon: Icon,
-			className: clsx(className, ButtonBase_module_css_default.IconButton),
-			"data-component": "IconButton",
-			type: "button",
-			"aria-keyshortcuts": keyshortcuts !== null && keyshortcuts !== void 0 ? keyshortcuts : void 0,
-			"aria-label": description ? ariaLabel : void 0,
-			...props
-		})
-	});
+	if (unsafeDisableTooltip || disabled || ariaLabel === void 0 || ariaLabel === "" || hasExternalTooltip) {
+		let t2;
+		if ($[11] !== className) {
+			t2 = clsx(className, ButtonBase_module_css_default.IconButton);
+			$[11] = className;
+			$[12] = t2;
+		} else t2 = $[12];
+		let t3;
+		if ($[13] !== Icon || $[14] !== ariaLabel || $[15] !== disabled || $[16] !== forwardedRef || $[17] !== props || $[18] !== t2) {
+			t3 = /*#__PURE__*/ jsx(ButtonBase, {
+				icon: Icon,
+				className: t2,
+				"data-component": "IconButton",
+				type: "button",
+				"aria-label": ariaLabel,
+				disabled,
+				...props,
+				ref: forwardedRef
+			});
+			$[13] = Icon;
+			$[14] = ariaLabel;
+			$[15] = disabled;
+			$[16] = forwardedRef;
+			$[17] = props;
+			$[18] = t2;
+			$[19] = t3;
+		} else t3 = $[19];
+		return t3;
+	} else {
+		var _description, _keybindingHint, _keyshortcuts;
+		const tooltipText = (_description = description) !== null && _description !== void 0 ? _description : ariaLabel;
+		const t2 = description ? void 0 : "label";
+		const t3 = (_keybindingHint = keybindingHint) !== null && _keybindingHint !== void 0 ? _keybindingHint : keyshortcuts;
+		let t4;
+		if ($[20] !== className) {
+			t4 = clsx(className, ButtonBase_module_css_default.IconButton);
+			$[20] = className;
+			$[21] = t4;
+		} else t4 = $[21];
+		const t5 = (_keyshortcuts = keyshortcuts) !== null && _keyshortcuts !== void 0 ? _keyshortcuts : void 0;
+		const t6 = description ? ariaLabel : void 0;
+		let t7;
+		if ($[22] !== Icon || $[23] !== props || $[24] !== t4 || $[25] !== t5 || $[26] !== t6) {
+			t7 = /*#__PURE__*/ jsx(ButtonBase, {
+				icon: Icon,
+				className: t4,
+				"data-component": "IconButton",
+				type: "button",
+				"aria-keyshortcuts": t5,
+				"aria-label": t6,
+				...props
+			});
+			$[22] = Icon;
+			$[23] = props;
+			$[24] = t4;
+			$[25] = t5;
+			$[26] = t6;
+			$[27] = t7;
+		} else t7 = $[27];
+		let t8;
+		if ($[28] !== forwardedRef || $[29] !== hasActivePopup || $[30] !== t2 || $[31] !== t3 || $[32] !== t7 || $[33] !== tooltipDirection || $[34] !== tooltipText) {
+			t8 = /*#__PURE__*/ jsx(Tooltip, {
+				ref: forwardedRef,
+				text: tooltipText,
+				type: t2,
+				direction: tooltipDirection,
+				keybindingHint: t3,
+				_privateDisableTooltip: hasActivePopup,
+				children: t7
+			});
+			$[28] = forwardedRef;
+			$[29] = hasActivePopup;
+			$[30] = t2;
+			$[31] = t3;
+			$[32] = t7;
+			$[33] = tooltipDirection;
+			$[34] = tooltipText;
+			$[35] = t8;
+		} else t8 = $[35];
+		return t8;
+	}
 });
 //#endregion
 export { IconButton };

package/dist/Button/LinkButton.js

@@ -1,15 +1,41 @@
 import { ButtonBase } from "./ButtonBase.js";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 //#region src/Button/LinkButton.tsx
-const LinkButton = /*#__PURE__*/ forwardRef(({ children, as: Component = "a", ...props }, forwardedRef) => {
-	return /*#__PURE__*/ jsx(ButtonBase, {
-		as: Component,
-		ref: forwardedRef,
-		"data-component": "LinkButton",
-		...props,
-		children
-	});
+const LinkButton = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
+	const $ = c(9);
+	let children;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({children, as: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		children = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const Component = t1 === void 0 ? "a" : t1;
+	let t2;
+	if ($[4] !== Component || $[5] !== children || $[6] !== forwardedRef || $[7] !== props) {
+		t2 = /*#__PURE__*/ jsx(ButtonBase, {
+			as: Component,
+			ref: forwardedRef,
+			"data-component": "LinkButton",
+			...props,
+			children
+		});
+		$[4] = Component;
+		$[5] = children;
+		$[6] = forwardedRef;
+		$[7] = props;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 });
 //#endregion
 export { LinkButton };

package/dist/ConfirmationDialog/ConfirmationDialog.js

@@ -1,6 +1,7 @@
 import { Dialog } from "../Dialog/Dialog.js";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { useCallback } from "react";
+import "react";
 //#region src/ConfirmationDialog/ConfirmationDialog.tsx
 /**
 * Props to customize the ConfirmationDialog.
@@ -12,37 +13,98 @@ import { useCallback } from "react";
 * rendering capabilities are provided for ConfirmationDialog.
 */
 const ConfirmationDialog = (props) => {
-	const { onClose, title, cancelButtonContent = "Cancel", confirmButtonContent = "OK", confirmButtonType = "normal", cancelButtonLoading = false, confirmButtonLoading = false, children, className, width = "medium", height, overrideButtonFocus } = props;
-	const onCancelButtonClick = useCallback(() => {
-		onClose("cancel");
-	}, [onClose]);
-	const onConfirmButtonClick = useCallback(() => {
-		onClose("confirm");
-	}, [onClose]);
+	const $ = c(26);
+	const { onClose, title, cancelButtonContent: t0, confirmButtonContent: t1, confirmButtonType: t2, cancelButtonLoading: t3, confirmButtonLoading: t4, children, className, width: t5, height, overrideButtonFocus } = props;
+	const cancelButtonContent = t0 === void 0 ? "Cancel" : t0;
+	const confirmButtonContent = t1 === void 0 ? "OK" : t1;
+	const confirmButtonType = t2 === void 0 ? "normal" : t2;
+	const cancelButtonLoading = t3 === void 0 ? false : t3;
+	const confirmButtonLoading = t4 === void 0 ? false : t4;
+	const width = t5 === void 0 ? "medium" : t5;
+	let t6;
+	if ($[0] !== onClose) {
+		t6 = () => {
+			onClose("cancel");
+		};
+		$[0] = onClose;
+		$[1] = t6;
+	} else t6 = $[1];
+	const onCancelButtonClick = t6;
+	let t7;
+	if ($[2] !== onClose) {
+		t7 = () => {
+			onClose("confirm");
+		};
+		$[2] = onClose;
+		$[3] = t7;
+	} else t7 = $[3];
+	const onConfirmButtonClick = t7;
 	const buttonToFocus = overrideButtonFocus !== void 0 ? overrideButtonFocus : confirmButtonType === "danger" ? "cancel" : "confirm";
-	return /*#__PURE__*/ jsx(Dialog, {
-		"data-component": "ConfirmationDialog",
-		onClose,
-		title,
-		footerButtons: [{
+	const t8 = buttonToFocus === "cancel";
+	let t9;
+	if ($[4] !== cancelButtonContent || $[5] !== cancelButtonLoading || $[6] !== onCancelButtonClick || $[7] !== t8) {
+		t9 = {
 			content: cancelButtonContent,
 			onClick: onCancelButtonClick,
-			autoFocus: buttonToFocus === "cancel",
+			autoFocus: t8,
 			loading: cancelButtonLoading
-		}, {
+		};
+		$[4] = cancelButtonContent;
+		$[5] = cancelButtonLoading;
+		$[6] = onCancelButtonClick;
+		$[7] = t8;
+		$[8] = t9;
+	} else t9 = $[8];
+	const cancelButton = t9;
+	const t10 = buttonToFocus === "confirm";
+	let t11;
+	if ($[9] !== confirmButtonContent || $[10] !== confirmButtonLoading || $[11] !== confirmButtonType || $[12] !== onConfirmButtonClick || $[13] !== t10) {
+		t11 = {
 			content: confirmButtonContent,
 			buttonType: confirmButtonType,
 			onClick: onConfirmButtonClick,
-			autoFocus: buttonToFocus === "confirm",
+			autoFocus: t10,
 			loading: confirmButtonLoading
-		}],
-		role: "alertdialog",
-		width,
-		height,
-		className,
-		children
-	});
+		};
+		$[9] = confirmButtonContent;
+		$[10] = confirmButtonLoading;
+		$[11] = confirmButtonType;
+		$[12] = onConfirmButtonClick;
+		$[13] = t10;
+		$[14] = t11;
+	} else t11 = $[14];
+	const confirmButton = t11;
+	let t12;
+	if ($[15] !== cancelButton || $[16] !== confirmButton) {
+		t12 = [cancelButton, confirmButton];
+		$[15] = cancelButton;
+		$[16] = confirmButton;
+		$[17] = t12;
+	} else t12 = $[17];
+	const footerButtons = t12;
+	let t13;
+	if ($[18] !== children || $[19] !== className || $[20] !== footerButtons || $[21] !== height || $[22] !== onClose || $[23] !== title || $[24] !== width) {
+		t13 = /*#__PURE__*/ jsx(Dialog, {
+			"data-component": "ConfirmationDialog",
+			onClose,
+			title,
+			footerButtons,
+			role: "alertdialog",
+			width,
+			height,
+			className,
+			children
+		});
+		$[18] = children;
+		$[19] = className;
+		$[20] = footerButtons;
+		$[21] = height;
+		$[22] = onClose;
+		$[23] = title;
+		$[24] = width;
+		$[25] = t13;
+	} else t13 = $[25];
+	return t13;
 };
-ConfirmationDialog.displayName = "ConfirmationDialog";
 //#endregion
 export { ConfirmationDialog };