@pixpilot/shadcn 1.2.0 → 1.2.1

package/dist/components/ui/file-upload.js

@@ -190,6 +190,7 @@ function FileUploadRoot(props) {
 	const dir = useDirection(dirProp);
 	const listeners = useLazyRef(() => /* @__PURE__ */ new Set()).current;
 	const files = useLazyRef(() => /* @__PURE__ */ new Map()).current;
+	const progressFrames = useLazyRef(() => /* @__PURE__ */ new Map()).current;
 	const urlCache = useLazyRef(() => /* @__PURE__ */ new WeakMap()).current;
 	const inputRef = React.useRef(null);
 	const isControlled = value !== void 0;
@@ -201,18 +202,24 @@ function FileUploadRoot(props) {
 		urlCache
 	]);
 	const acceptTypes = React.useMemo(() => accept?.split(",").map((t) => t.trim()) ?? null, [accept]);
+	const cancelPendingProgress = React.useCallback((file) => {
+		const frameId = progressFrames.get(file);
+		if (frameId === void 0) return;
+		cancelAnimationFrame(frameId);
+		progressFrames.delete(file);
+	}, [progressFrames]);
 	const onProgress = useLazyRef(() => {
-		let frame = 0;
 		return (file, progress) => {
-			if (frame) return;
-			frame = requestAnimationFrame(() => {
-				frame = 0;
+			cancelPendingProgress(file);
+			const frameId = requestAnimationFrame(() => {
+				progressFrames.delete(file);
 				store.dispatch({
 					type: "SET_PROGRESS",
 					file,
 					progress: Math.min(Math.max(0, progress), 100)
 				});
 			});
+			progressFrames.set(file, frameId);
 		};
 	}).current;
 	React.useEffect(() => {
@@ -232,12 +239,18 @@ function FileUploadRoot(props) {
 	]);
 	React.useEffect(() => {
 		return () => {
+			for (const frameId of progressFrames.values()) cancelAnimationFrame(frameId);
+			progressFrames.clear();
 			for (const file of files.keys()) {
 				const cachedUrl = urlCache.get(file);
 				if (cachedUrl) URL.revokeObjectURL(cachedUrl);
 			}
 		};
-	}, [files, urlCache]);
+	}, [
+		files,
+		progressFrames,
+		urlCache
+	]);
 	const onFilesUpload = React.useCallback(async (files$1) => {
 		try {
 			for (const file of files$1) store.dispatch({
@@ -248,12 +261,14 @@ function FileUploadRoot(props) {
 			if (onUpload) await onUpload(files$1, {
 				onProgress,
 				onSuccess: (file) => {
+					cancelPendingProgress(file);
 					store.dispatch({
 						type: "SET_SUCCESS",
 						file
 					});
 				},
 				onError: (file, error) => {
+					cancelPendingProgress(file);
 					store.dispatch({
 						type: "SET_ERROR",
 						file,
@@ -261,19 +276,26 @@ function FileUploadRoot(props) {
 					});
 				}
 			});
-			else for (const file of files$1) store.dispatch({
-				type: "SET_SUCCESS",
-				file
-			});
+			else for (const file of files$1) {
+				cancelPendingProgress(file);
+				store.dispatch({
+					type: "SET_SUCCESS",
+					file
+				});
+			}
 		} catch (error) {
 			const errorMessage = error instanceof Error ? error.message : "Upload failed";
-			for (const file of files$1) store.dispatch({
-				type: "SET_ERROR",
-				file,
-				error: errorMessage
-			});
+			for (const file of files$1) {
+				cancelPendingProgress(file);
+				store.dispatch({
+					type: "SET_ERROR",
+					file,
+					error: errorMessage
+				});
+			}
 		}
 	}, [
+		cancelPendingProgress,
 		store,
 		onUpload,
 		onProgress

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn",
   "type": "module",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A collection of reusable UI components built with shadcn/ui and Radix UI primitives.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -84,10 +84,10 @@
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.49.0",
-    "@internal/eslint-config": "0.3.0",
+    "@internal/tsdown-config": "0.1.0",
     "@internal/prettier-config": "0.0.1",
+    "@internal/eslint-config": "0.3.0",
     "@internal/tsconfig": "0.1.0",
-    "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",