@cube-dev/ui-kit 0.182.0 → 0.183.0

package/dist/components/content/InlineInput/InlineInput.js

@@ -1,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useAutoTooltip } from "../use-auto-tooltip.js";
+import { c } from "react-compiler-runtime";
 import { BLOCK_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
-import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FocusScope, useFocusRing, useFocusWithin } from "react-aria";
 import { useControlledState } from "@react-stately/utils";
@@ -123,7 +124,18 @@ const PROGRAMMATIC_EDIT_BLUR_GRACE_MS = 500;
 * works regardless of `editTrigger`.
 */
 const InlineInput = forwardRef(function InlineInput(allProps, ref) {
-	const { value: valueProp, defaultValue, onChange, isEditing: isEditingProp, defaultIsEditing, onEditingChange, onSubmit, onCancel, editTrigger = "dblclick", keyboardActivation = true, submitOnBlur = true, trimOnSubmit = true, allowEmpty = false, isDisabled = false, isReadOnly = false, isStyled = false, placeholder, autoComplete, renderDisplay, tooltip = true, tooltipPlacement = "top", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, qa, qaVal, styles: stylesProp, inputStyles, mods: customMods, tokens: customTokens, ...otherProps } = allProps;
+	const $ = c(94);
+	const { value: valueProp, defaultValue, onChange, isEditing: isEditingProp, defaultIsEditing, onEditingChange, onSubmit, onCancel, editTrigger: t0, keyboardActivation: t1, submitOnBlur: t2, trimOnSubmit: t3, allowEmpty: t4, isDisabled: t5, isReadOnly: t6, isStyled: t7, placeholder, autoComplete, renderDisplay, tooltip: t8, tooltipPlacement: t9, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, qa, qaVal, styles: stylesProp, inputStyles, mods: customMods, tokens: customTokens, ...otherProps } = allProps;
+	const editTrigger = t0 === void 0 ? "dblclick" : t0;
+	const keyboardActivation = t1 === void 0 ? true : t1;
+	const submitOnBlur = t2 === void 0 ? true : t2;
+	const trimOnSubmit = t3 === void 0 ? true : t3;
+	const allowEmpty = t4 === void 0 ? false : t4;
+	const isDisabled = t5 === void 0 ? false : t5;
+	const isReadOnly = t6 === void 0 ? false : t6;
+	const isStyled = t7 === void 0 ? false : t7;
+	const tooltip = t8 === void 0 ? true : t8;
+	const tooltipPlacement = t9 === void 0 ? "top" : t9;
 	const isControlled = valueProp !== void 0;
 	const inputRef = useRef(null);
 	const measureRef = useRef(null);
@@ -140,206 +152,434 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 	const programmaticEditStartRef = useRef(null);
 	const pendingRestoreFocusRef = useRef(false);
 	const isEditingRef = useRef(isEditing);
-	useLayoutEffect(() => {
-		isEditingRef.current = isEditing;
-	}, [isEditing]);
-	useEffect(() => {
-		setOptimisticValue(null);
-	}, [value]);
-	const enterEditing = useEvent(() => {
-		if (isDisabled || isReadOnly || isEditing) return;
-		submitTokenRef.current += 1;
-		isEditingRef.current = true;
-		setOptimisticValue(null);
-		setDraft(value);
-		setIsEditing(true);
-	});
-	const canRestoreFocus = () => keyboardActivation && editTrigger !== "none" && !isDisabled && !isReadOnly;
-	const commit = useEvent((rawValue, restoreFocus = true) => {
-		if (!isEditingRef.current) return;
-		const next = trimOnSubmit ? rawValue.trim() : rawValue;
-		if (restoreFocus && canRestoreFocus()) pendingRestoreFocusRef.current = true;
-		if (!next && !allowEmpty) {
+	let t10;
+	let t11;
+	if ($[0] !== isEditing) {
+		t10 = () => {
+			isEditingRef.current = isEditing;
+		};
+		t11 = [isEditing];
+		$[0] = isEditing;
+		$[1] = t10;
+		$[2] = t11;
+	} else {
+		t10 = $[1];
+		t11 = $[2];
+	}
+	useLayoutEffect(t10, t11);
+	let t12;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = () => {
+			setOptimisticValue(null);
+		};
+		$[3] = t12;
+	} else t12 = $[3];
+	let t13;
+	if ($[4] !== value) {
+		t13 = [value];
+		$[4] = value;
+		$[5] = t13;
+	} else t13 = $[5];
+	useEffect(t12, t13);
+	let t14;
+	if ($[6] !== isDisabled || $[7] !== isEditing || $[8] !== isReadOnly || $[9] !== setIsEditing || $[10] !== value) {
+		t14 = () => {
+			if (isDisabled || isReadOnly || isEditing) return;
+			submitTokenRef.current = submitTokenRef.current + 1;
+			isEditingRef.current = true;
+			setOptimisticValue(null);
+			setDraft(value);
+			setIsEditing(true);
+		};
+		$[6] = isDisabled;
+		$[7] = isEditing;
+		$[8] = isReadOnly;
+		$[9] = setIsEditing;
+		$[10] = value;
+		$[11] = t14;
+	} else t14 = $[11];
+	const enterEditing = useEvent(t14);
+	let t15;
+	if ($[12] !== editTrigger || $[13] !== isDisabled || $[14] !== isReadOnly || $[15] !== keyboardActivation) {
+		t15 = () => keyboardActivation && editTrigger !== "none" && !isDisabled && !isReadOnly;
+		$[12] = editTrigger;
+		$[13] = isDisabled;
+		$[14] = isReadOnly;
+		$[15] = keyboardActivation;
+		$[16] = t15;
+	} else t15 = $[16];
+	const canRestoreFocus = t15;
+	let t16;
+	if ($[17] !== allowEmpty || $[18] !== canRestoreFocus || $[19] !== isControlled || $[20] !== onCancel || $[21] !== onSubmit || $[22] !== setIsEditing || $[23] !== setValue || $[24] !== trimOnSubmit) {
+		t16 = (rawValue, t17) => {
+			const restoreFocus = t17 === void 0 ? true : t17;
+			if (!isEditingRef.current) return;
+			const next = trimOnSubmit ? rawValue.trim() : rawValue;
+			if (restoreFocus && canRestoreFocus()) pendingRestoreFocusRef.current = true;
+			if (!next && !allowEmpty) {
+				isEditingRef.current = false;
+				programmaticEditStartRef.current = null;
+				setIsEditing(false);
+				onCancel?.();
+				return;
+			}
+			const token = submitTokenRef.current = submitTokenRef.current + 1;
+			if (isControlled) setOptimisticValue(next);
+			isEditingRef.current = false;
+			programmaticEditStartRef.current = null;
+			setValue(next);
+			setIsEditing(false);
+			const result = onSubmit?.(next);
+			if (result != null && typeof result.then === "function") result.then(_temp, () => {
+				if (submitTokenRef.current === token && isControlled) setOptimisticValue(null);
+			});
+		};
+		$[17] = allowEmpty;
+		$[18] = canRestoreFocus;
+		$[19] = isControlled;
+		$[20] = onCancel;
+		$[21] = onSubmit;
+		$[22] = setIsEditing;
+		$[23] = setValue;
+		$[24] = trimOnSubmit;
+		$[25] = t16;
+	} else t16 = $[25];
+	const commit = useEvent(t16);
+	let t17;
+	if ($[26] !== canRestoreFocus || $[27] !== onCancel || $[28] !== setIsEditing) {
+		t17 = (t18) => {
+			const restoreFocus_0 = t18 === void 0 ? true : t18;
+			if (!isEditingRef.current) return;
+			if (restoreFocus_0 && canRestoreFocus()) pendingRestoreFocusRef.current = true;
 			isEditingRef.current = false;
 			programmaticEditStartRef.current = null;
 			setIsEditing(false);
 			onCancel?.();
-			return;
-		}
-		const token = ++submitTokenRef.current;
-		if (isControlled) setOptimisticValue(next);
-		isEditingRef.current = false;
-		programmaticEditStartRef.current = null;
-		setValue(next);
-		setIsEditing(false);
-		const result = onSubmit?.(next);
-		if (result != null && typeof result.then === "function") result.then(() => {}, () => {
-			if (submitTokenRef.current === token && isControlled) setOptimisticValue(null);
-		});
-	});
-	const cancel = useEvent((restoreFocus = true) => {
-		if (!isEditingRef.current) return;
-		if (restoreFocus && canRestoreFocus()) pendingRestoreFocusRef.current = true;
-		isEditingRef.current = false;
-		programmaticEditStartRef.current = null;
-		setIsEditing(false);
-		onCancel?.();
-	});
-	useEffect(() => {
-		if (!isEditing) setDraft(value);
-	}, [value, isEditing]);
-	useLayoutEffect(() => {
-		if (!isEditing) return;
-		inputRef.current?.select();
-	}, [isEditing]);
-	useLayoutEffect(() => {
-		if (isEditing || !pendingRestoreFocusRef.current) return;
-		pendingRestoreFocusRef.current = false;
-		const root = rootRef.current;
-		if (!root) return;
-		const active = root.ownerDocument.activeElement;
-		if (!(!active || active === root.ownerDocument.body) && !root.contains(active)) return;
-		setRingSuppressed(true);
-		root.focus();
-	}, [isEditing]);
-	useLayoutEffect(() => {
-		if (!isEditing) return;
-		const measure = measureRef.current;
-		if (!measure) return;
-		setInputWidth(measure.scrollWidth);
-	}, [
-		isEditing,
-		draft,
-		placeholder
-	]);
-	const handleKeyDown = useEvent((e) => {
-		programmaticEditStartRef.current = null;
-		if (e.key === "Enter") {
-			e.preventDefault();
-			commit(draft);
-			return;
-		}
-		if (e.key === "Escape") {
-			e.preventDefault();
-			cancel();
-			return;
-		}
-		if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === " " || e.key === "Delete" || e.key === "Backspace") e.stopPropagation();
-	});
-	const handleInputChange = useEvent((e) => {
-		programmaticEditStartRef.current = null;
-		setDraft(e.target.value);
-	});
+		};
+		$[26] = canRestoreFocus;
+		$[27] = onCancel;
+		$[28] = setIsEditing;
+		$[29] = t17;
+	} else t17 = $[29];
+	const cancel = useEvent(t17);
+	let t18;
+	let t19;
+	if ($[30] !== isEditing || $[31] !== value) {
+		t18 = () => {
+			if (!isEditing) setDraft(value);
+		};
+		t19 = [value, isEditing];
+		$[30] = isEditing;
+		$[31] = value;
+		$[32] = t18;
+		$[33] = t19;
+	} else {
+		t18 = $[32];
+		t19 = $[33];
+	}
+	useEffect(t18, t19);
+	let t20;
+	let t21;
+	if ($[34] !== isEditing) {
+		t20 = () => {
+			if (!isEditing) return;
+			inputRef.current?.select();
+		};
+		t21 = [isEditing];
+		$[34] = isEditing;
+		$[35] = t20;
+		$[36] = t21;
+	} else {
+		t20 = $[35];
+		t21 = $[36];
+	}
+	useLayoutEffect(t20, t21);
+	let t22;
+	let t23;
+	if ($[37] !== isEditing) {
+		t22 = () => {
+			if (isEditing || !pendingRestoreFocusRef.current) return;
+			pendingRestoreFocusRef.current = false;
+			const root = rootRef.current;
+			if (!root) return;
+			const active = root.ownerDocument.activeElement;
+			if (!(!active || active === root.ownerDocument.body) && !root.contains(active)) return;
+			setRingSuppressed(true);
+			root.focus();
+		};
+		t23 = [isEditing];
+		$[37] = isEditing;
+		$[38] = t22;
+		$[39] = t23;
+	} else {
+		t22 = $[38];
+		t23 = $[39];
+	}
+	useLayoutEffect(t22, t23);
+	let t24;
+	if ($[40] !== isEditing) {
+		t24 = () => {
+			if (!isEditing) return;
+			const measure = measureRef.current;
+			if (!measure) return;
+			setInputWidth(measure.scrollWidth);
+		};
+		$[40] = isEditing;
+		$[41] = t24;
+	} else t24 = $[41];
+	let t25;
+	if ($[42] !== draft || $[43] !== isEditing || $[44] !== placeholder) {
+		t25 = [
+			isEditing,
+			draft,
+			placeholder
+		];
+		$[42] = draft;
+		$[43] = isEditing;
+		$[44] = placeholder;
+		$[45] = t25;
+	} else t25 = $[45];
+	useLayoutEffect(t24, t25);
+	let t26;
+	if ($[46] !== cancel || $[47] !== commit || $[48] !== draft) {
+		t26 = (e) => {
+			programmaticEditStartRef.current = null;
+			if (e.key === "Enter") {
+				e.preventDefault();
+				commit(draft);
+				return;
+			}
+			if (e.key === "Escape") {
+				e.preventDefault();
+				cancel();
+				return;
+			}
+			if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === " " || e.key === "Delete" || e.key === "Backspace") e.stopPropagation();
+		};
+		$[46] = cancel;
+		$[47] = commit;
+		$[48] = draft;
+		$[49] = t26;
+	} else t26 = $[49];
+	const handleKeyDown = useEvent(t26);
+	let t27;
+	if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+		t27 = (e_0) => {
+			programmaticEditStartRef.current = null;
+			setDraft(e_0.target.value);
+		};
+		$[50] = t27;
+	} else t27 = $[50];
+	const handleInputChange = useEvent(t27);
 	const { isFocusVisible, focusProps: focusRingProps } = useFocusRing();
-	const { focusWithinProps } = useFocusWithin({
-		onFocusWithinChange: (within) => {
+	let t28;
+	if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+		t28 = (within) => {
 			setIsFocusWithin(within);
 			if (!within) setRingSuppressed(false);
-		},
-		onBlurWithin: () => {
-			if (!isEditingRef.current) return;
-			if (!submitOnBlur) return;
-			const active = rootRef.current?.ownerDocument.activeElement;
-			if (active && rootRef.current?.contains(active)) return;
-			const startedAt = programmaticEditStartRef.current;
-			if (startedAt != null && Date.now() - startedAt < PROGRAMMATIC_EDIT_BLUR_GRACE_MS && isEditingRef.current) {
-				requestAnimationFrame(() => {
-					if (isEditingRef.current) {
-						inputRef.current?.focus();
-						inputRef.current?.select();
-					}
-				});
-				return;
+		};
+		$[51] = t28;
+	} else t28 = $[51];
+	let t29;
+	if ($[52] !== commit || $[53] !== draft || $[54] !== submitOnBlur) {
+		t29 = {
+			onFocusWithinChange: t28,
+			onBlurWithin: () => {
+				if (!isEditingRef.current) return;
+				if (!submitOnBlur) return;
+				const active_0 = rootRef.current?.ownerDocument.activeElement;
+				if (active_0 && rootRef.current?.contains(active_0)) return;
+				const startedAt = programmaticEditStartRef.current;
+				if (startedAt != null && Date.now() - startedAt < PROGRAMMATIC_EDIT_BLUR_GRACE_MS && isEditingRef.current) {
+					requestAnimationFrame(() => {
+						if (isEditingRef.current) {
+							inputRef.current?.focus();
+							inputRef.current?.select();
+						}
+					});
+					return;
+				}
+				commit(draft, false);
 			}
-			commit(draft, false);
-		}
-	});
-	const handleDblClick = useEvent((e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		enterEditing();
-	});
-	const handleClick = useEvent((e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		enterEditing();
-	});
-	const handleRootKeyDown = useEvent((e) => {
-		if (e.key === "Enter" || e.key === "F2" || e.key === " ") {
-			e.preventDefault();
-			e.stopPropagation();
+		};
+		$[52] = commit;
+		$[53] = draft;
+		$[54] = submitOnBlur;
+		$[55] = t29;
+	} else t29 = $[55];
+	const { focusWithinProps } = useFocusWithin(t29);
+	let t30;
+	if ($[56] !== enterEditing) {
+		t30 = (e_1) => {
+			e_1.preventDefault();
+			e_1.stopPropagation();
 			enterEditing();
-		}
-	});
-	useImperativeHandle(ref, () => ({
-		startEditing: () => {
-			const wasEditing = isEditingRef.current;
+		};
+		$[56] = enterEditing;
+		$[57] = t30;
+	} else t30 = $[57];
+	const handleDblClick = useEvent(t30);
+	let t31;
+	if ($[58] !== enterEditing) {
+		t31 = (e_2) => {
+			e_2.preventDefault();
+			e_2.stopPropagation();
 			enterEditing();
-			if (!wasEditing && isEditingRef.current) programmaticEditStartRef.current = Date.now();
-		},
-		stopEditing: (submit = true) => {
-			if (!isEditingRef.current) return;
-			if (submit) commit(draft);
-			else cancel();
-		},
-		focus: () => {
-			if (isEditingRef.current) inputRef.current?.focus();
-			else rootRef.current?.focus();
-		},
-		getValue: () => displayedValue
-	}), [
-		enterEditing,
-		commit,
-		cancel,
-		draft,
-		displayedValue
-	]);
+		};
+		$[58] = enterEditing;
+		$[59] = t31;
+	} else t31 = $[59];
+	const handleClick = useEvent(t31);
+	let t32;
+	if ($[60] !== enterEditing) {
+		t32 = (e_3) => {
+			if (e_3.key === "Enter" || e_3.key === "F2" || e_3.key === " ") {
+				e_3.preventDefault();
+				e_3.stopPropagation();
+				enterEditing();
+			}
+		};
+		$[60] = enterEditing;
+		$[61] = t32;
+	} else t32 = $[61];
+	const handleRootKeyDown = useEvent(t32);
+	let t33;
+	let t34;
+	if ($[62] !== cancel || $[63] !== commit || $[64] !== displayedValue || $[65] !== draft || $[66] !== enterEditing) {
+		t33 = () => ({
+			startEditing: () => {
+				const wasEditing = isEditingRef.current;
+				enterEditing();
+				if (!wasEditing && isEditingRef.current) programmaticEditStartRef.current = Date.now();
+			},
+			stopEditing: (t35) => {
+				const submit = t35 === void 0 ? true : t35;
+				if (!isEditingRef.current) return;
+				if (submit) commit(draft);
+				else cancel();
+			},
+			focus: () => {
+				if (isEditingRef.current) inputRef.current?.focus();
+				else rootRef.current?.focus();
+			},
+			getValue: () => displayedValue
+		});
+		t34 = [
+			enterEditing,
+			commit,
+			cancel,
+			draft,
+			displayedValue
+		];
+		$[62] = cancel;
+		$[63] = commit;
+		$[64] = displayedValue;
+		$[65] = draft;
+		$[66] = enterEditing;
+		$[67] = t33;
+		$[68] = t34;
+	} else {
+		t33 = $[67];
+		t34 = $[68];
+	}
+	useImperativeHandle(ref, t33, t34);
 	const isEditable = editTrigger !== "none" && !isDisabled && !isReadOnly;
 	const showFocusRing = keyboardActivation && (isEditing || isFocusVisible && isFocusWithin && isEditable && !ringSuppressed);
-	const mods = useMemo(() => ({
-		editing: isEditing,
-		editable: isEditable,
-		focused: showFocusRing,
-		disabled: isDisabled,
-		"read-only": isReadOnly,
-		styled: isStyled,
-		empty: !displayedValue,
-		...customMods
-	}), [
-		isEditing,
-		isEditable,
-		showFocusRing,
-		isDisabled,
-		isReadOnly,
-		isStyled,
-		displayedValue,
-		customMods
-	]);
-	const extractedStyles = extractStyles(otherProps, STYLE_PROPS, useMemo(() => {
-		if (!stylesProp && !inputStyles) return void 0;
-		if (!inputStyles) return stylesProp;
+	const t35 = !displayedValue;
+	let t36;
+	if ($[69] !== customMods || $[70] !== isDisabled || $[71] !== isEditable || $[72] !== isEditing || $[73] !== isReadOnly || $[74] !== isStyled || $[75] !== showFocusRing || $[76] !== t35) {
+		t36 = {
+			editing: isEditing,
+			editable: isEditable,
+			focused: showFocusRing,
+			disabled: isDisabled,
+			"read-only": isReadOnly,
+			styled: isStyled,
+			empty: t35,
+			...customMods
+		};
+		$[69] = customMods;
+		$[70] = isDisabled;
+		$[71] = isEditable;
+		$[72] = isEditing;
+		$[73] = isReadOnly;
+		$[74] = isStyled;
+		$[75] = showFocusRing;
+		$[76] = t35;
+		$[77] = t36;
+	} else t36 = $[77];
+	const mods = t36;
+	let t37;
+	bb0: {
+		if (!stylesProp && !inputStyles) {
+			t37 = void 0;
+			break bb0;
+		}
+		if (!inputStyles) {
+			t37 = stylesProp;
+			break bb0;
+		}
 		const existingInput = stylesProp?.Input ?? void 0;
-		return {
-			...stylesProp,
-			Input: existingInput ? {
+		let t38;
+		if ($[78] !== existingInput || $[79] !== inputStyles) {
+			t38 = existingInput ? {
 				...existingInput,
 				...inputStyles
-			} : inputStyles
+			} : inputStyles;
+			$[78] = existingInput;
+			$[79] = inputStyles;
+			$[80] = t38;
+		} else t38 = $[80];
+		let t39;
+		if ($[81] !== stylesProp || $[82] !== t38) {
+			t39 = {
+				...stylesProp,
+				Input: t38
+			};
+			$[81] = stylesProp;
+			$[82] = t38;
+			$[83] = t39;
+		} else t39 = $[83];
+		t37 = t39;
+	}
+	const extractedStyles = extractStyles(otherProps, STYLE_PROPS, t37);
+	const t38 = inputWidth != null ? `${inputWidth}px` : "auto";
+	let t39;
+	if ($[84] !== customTokens || $[85] !== t38) {
+		t39 = {
+			...customTokens,
+			"$input-width": t38
 		};
-	}, [stylesProp, inputStyles]));
-	const tokens = useMemo(() => ({
-		...customTokens,
-		"$input-width": inputWidth != null ? `${inputWidth}px` : "auto"
-	}), [customTokens, inputWidth]);
-	const displayContent = renderDisplay ? renderDisplay(displayedValue) : displayedValue || (placeholder ? /* @__PURE__ */ jsx("span", {
-		"data-element": "Placeholder",
-		children: placeholder
-	}) : "");
+		$[84] = customTokens;
+		$[85] = t38;
+		$[86] = t39;
+	} else t39 = $[86];
+	const tokens = t39;
+	let t40;
+	if ($[87] !== displayedValue || $[88] !== placeholder || $[89] !== renderDisplay) {
+		t40 = renderDisplay ? renderDisplay(displayedValue) : displayedValue || (placeholder ? /* @__PURE__ */ jsx("span", {
+			"data-element": "Placeholder",
+			children: placeholder
+		}) : "");
+		$[87] = displayedValue;
+		$[88] = placeholder;
+		$[89] = renderDisplay;
+		$[90] = t40;
+	} else t40 = $[90];
+	const displayContent = t40;
 	const baseProps = filterBaseProps(otherProps, { eventProps: true });
-	const { labelRef: tooltipLabelRef, renderWithTooltip } = useAutoTooltip({
-		tooltip: isEditing || renderDisplay ? false : tooltip,
-		children: displayedValue
-	});
+	const t41 = isEditing || renderDisplay ? false : tooltip;
+	let t42;
+	if ($[91] !== displayedValue || $[92] !== t41) {
+		t42 = {
+			tooltip: t41,
+			children: displayedValue
+		};
+		$[91] = displayedValue;
+		$[92] = t41;
+		$[93] = t42;
+	} else t42 = $[93];
+	const { labelRef: tooltipLabelRef, renderWithTooltip } = useAutoTooltip(t42);
 	const wantsClick = !isEditing && isEditable && editTrigger === "click";
 	const wantsDblClick = !isEditing && isEditable && editTrigger === "dblclick";
 	const wantsKeyboard = !isEditing && isEditable && keyboardActivation;
@@ -348,8 +588,8 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 			rootRef.current = element;
 			if (tooltipRef) tooltipRef.current = element;
 		};
-		const handleDisplayRef = (element) => {
-			tooltipLabelRef(element);
+		const handleDisplayRef = (element_0) => {
+			tooltipLabelRef(element_0);
 		};
 		const a11yProps = {};
 		if (wantsKeyboard) {
@@ -406,6 +646,7 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 	};
 	return renderWithTooltip(renderRoot, tooltipPlacement);
 });
+function _temp() {}
 
 //#endregion
 export { InlineInput };