@prijsvrijtechsupport/ui 0.0.31 → 0.0.32

package/dist/components/topHeaderMenu/index.d.ts

@@ -5,5 +5,13 @@ interface TopHeaderMenuProps {
     menuItems?: React.ReactNode[];
     onHeartClick?: () => void;
 }
+interface FlyingIcon {
+    id: number;
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+}
+export declare const createTimeoutCallback: (iconId: number, setFlyingIcons: React.Dispatch<React.SetStateAction<FlyingIcon[]>>, onHeartClick?: () => void) => () => void;
 export declare const TopHeaderMenu: ({ className, menuItems, onHeartClick, ...props }: TopHeaderMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.cjs

@@ -4362,6 +4362,14 @@ const Toggle = TransportToggle;
 
 //#endregion
 //#region src/components/topHeaderMenu/index.tsx
+const createTimeoutCallback = (iconId, setFlyingIcons, onHeartClick) => {
+	return () => {
+		setFlyingIcons((prev) => prev.filter((icon) => icon.id !== iconId));
+		if (onHeartClick) {
+			onHeartClick();
+		}
+	};
+};
 const TopHeaderMenu = ({ className, menuItems, onHeartClick,...props }) => {
 	const [flyingIcons, setFlyingIcons] = (0, react.useState)([]);
 	const iconIdCounter = (0, react.useRef)(0);
@@ -4384,12 +4392,8 @@ const TopHeaderMenu = ({ className, menuItems, onHeartClick,...props }) => {
 			endY: targetRect.top + targetRect.height / 2
 		};
 		setFlyingIcons((prev) => [...prev, newIcon]);
-		setTimeout(() => {
-			setFlyingIcons((prev) => prev.filter((icon) => icon.id !== newIcon.id));
-			if (onHeartClick) {
-				onHeartClick();
-			}
-		}, 1e3);
+		const timeoutCallback = createTimeoutCallback(newIcon.id, setFlyingIcons, onHeartClick);
+		setTimeout(timeoutCallback, 1e3);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-component": "top-header-menu",