@jbpark/use-hooks 2.5.0 → 2.6.0

package/dist/hooks/index.d.mts

@@ -3,6 +3,7 @@ import { useBodyScrollLock } from "./use-body-scroll-lock.mjs";
 import { useClickOutside } from "./use-click-outside.mjs";
 import { useElementPosition } from "./use-element-position.mjs";
 import { useElementScroll } from "./use-element-scroll.mjs";
+import { useFileToDataUrl } from "./use-file-to-data-url.mjs";
 import { useHistoryState } from "./use-history-state.mjs";
 import { useIntersectionObserver } from "./use-intersection-observer.mjs";
 import { useResponsiveSize } from "./use-responsive-size.mjs";

package/dist/hooks/index.mjs

@@ -3,6 +3,7 @@ import useBodyScrollLock from "./use-body-scroll-lock.mjs";
 import useClickOutside from "./use-click-outside.mjs";
 import useElementPosition from "./use-element-position.mjs";
 import useElementScroll from "./use-element-scroll.mjs";
+import useFileToDataUrl from "./use-file-to-data-url.mjs";
 import useHistoryState from "./use-history-state.mjs";
 import useIntersectionObserver from "./use-intersection-observer.mjs";
 import useResponsiveSize from "./use-responsive-size.mjs";

package/dist/hooks/use-file-to-data-url.d.mts

@@ -0,0 +1,5 @@
+//#region src/hooks/use-file-to-data-url.d.ts
+declare const useFileToDataUrl: () => (file: File) => Promise<string>;
+//#endregion
+export { useFileToDataUrl };
+//# sourceMappingURL=use-file-to-data-url.d.mts.map

package/dist/hooks/use-file-to-data-url.mjs

@@ -0,0 +1,22 @@
+import { useCallback } from "react";
+
+//#region src/hooks/use-file-to-data-url.ts
+const useFileToDataUrl = () => {
+	return useCallback((file) => {
+		return new Promise((resolve, reject) => {
+			const reader = new FileReader();
+			reader.onload = () => {
+				if (typeof reader.result === "string") resolve(reader.result);
+				else reject(/* @__PURE__ */ new Error("Failed to read file as a data URL."));
+			};
+			reader.onerror = () => {
+				reject(reader.error ?? /* @__PURE__ */ new Error("Failed to read file."));
+			};
+			reader.readAsDataURL(file);
+		});
+	}, []);
+};
+
+//#endregion
+export { useFileToDataUrl as default };
+//# sourceMappingURL=use-file-to-data-url.mjs.map

package/dist/hooks/use-file-to-data-url.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-file-to-data-url.mjs","names":[],"sources":["../../src/hooks/use-file-to-data-url.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nconst useFileToDataUrl = () => {\n  const readAsDataUrl = useCallback((file: File): Promise<string> => {\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader();\n\n      reader.onload = () => {\n        if (typeof reader.result === 'string') {\n          resolve(reader.result);\n        } else {\n          reject(new Error('Failed to read file as a data URL.'));\n        }\n      };\n\n      reader.onerror = () => {\n        reject(reader.error ?? new Error('Failed to read file.'));\n      };\n\n      reader.readAsDataURL(file);\n    });\n  }, []);\n\n  return readAsDataUrl;\n};\n\nexport default useFileToDataUrl;\n"],"mappings":";;;AAEA,MAAM,yBAAyB;AAqB7B,QApBsB,aAAa,SAAgC;AACjE,SAAO,IAAI,SAAS,SAAS,WAAW;GACtC,MAAM,SAAS,IAAI,YAAY;AAE/B,UAAO,eAAe;AACpB,QAAI,OAAO,OAAO,WAAW,SAC3B,SAAQ,OAAO,OAAO;QAEtB,wBAAO,IAAI,MAAM,qCAAqC,CAAC;;AAI3D,UAAO,gBAAgB;AACrB,WAAO,OAAO,yBAAS,IAAI,MAAM,uBAAuB,CAAC;;AAG3D,UAAO,cAAc,KAAK;IAC1B;IACD,EAAE,CAAC"}

package/dist/index.d.mts

@@ -3,6 +3,7 @@ import { useBodyScrollLock } from "./hooks/use-body-scroll-lock.mjs";
 import { useClickOutside } from "./hooks/use-click-outside.mjs";
 import { useElementPosition } from "./hooks/use-element-position.mjs";
 import { useElementScroll } from "./hooks/use-element-scroll.mjs";
+import { useFileToDataUrl } from "./hooks/use-file-to-data-url.mjs";
 import { useHistoryState } from "./hooks/use-history-state.mjs";
 import { useIntersectionObserver } from "./hooks/use-intersection-observer.mjs";
 import { useResponsiveSize } from "./hooks/use-responsive-size.mjs";
@@ -15,4 +16,4 @@ import { useTimeline } from "./hooks/use-timeline.mjs";
 import { useWindowScroll } from "./hooks/use-window-scroll.mjs";
 import { useViewport } from "./hooks/use-viewport.mjs";
 import "./hooks/index.mjs";
-export { useBodyScrollLock, useClickOutside, useDebounce, useElementPosition, useElementScroll, useHistoryState, useImage, useIntersectionObserver, useLocalStorage, useRecursiveTimeout, useResponsiveSize, useScrollToElements, useThrottle, useTimeline, useViewport, useWindowScroll };
+export { useBodyScrollLock, useClickOutside, useDebounce, useElementPosition, useElementScroll, useFileToDataUrl, useHistoryState, useImage, useIntersectionObserver, useLocalStorage, useRecursiveTimeout, useResponsiveSize, useScrollToElements, useThrottle, useTimeline, useViewport, useWindowScroll };

package/dist/index.mjs

@@ -3,6 +3,7 @@ import useBodyScrollLock from "./hooks/use-body-scroll-lock.mjs";
 import useClickOutside from "./hooks/use-click-outside.mjs";
 import useElementPosition from "./hooks/use-element-position.mjs";
 import useElementScroll from "./hooks/use-element-scroll.mjs";
+import useFileToDataUrl from "./hooks/use-file-to-data-url.mjs";
 import useHistoryState from "./hooks/use-history-state.mjs";
 import useIntersectionObserver from "./hooks/use-intersection-observer.mjs";
 import useResponsiveSize from "./hooks/use-responsive-size.mjs";
@@ -16,4 +17,4 @@ import useWindowScroll from "./hooks/use-window-scroll.mjs";
 import useViewport from "./hooks/use-viewport.mjs";
 import "./hooks/index.mjs";
 
-export { useBodyScrollLock, useClickOutside, useDebounce, useElementPosition, useElementScroll, useHistoryState, useImage, useIntersectionObserver, useLocalStorage, useRecursiveTimeout, useResponsiveSize, useScrollToElements, useThrottle, useTimeline, useViewport, useWindowScroll };
+export { useBodyScrollLock, useClickOutside, useDebounce, useElementPosition, useElementScroll, useFileToDataUrl, useHistoryState, useImage, useIntersectionObserver, useLocalStorage, useRecursiveTimeout, useResponsiveSize, useScrollToElements, useThrottle, useTimeline, useViewport, useWindowScroll };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/use-hooks",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "A collection of reusable React 19 hooks for common UI and interaction patterns",
   "keywords": [
     "react",
@@ -54,7 +54,7 @@
   "devDependencies": {
     "@changesets/cli": "^2.31.1",
     "@eslint/js": "^9.33.0",
-    "@jbpark/ui-kit": "^2.7.0",
+    "@jbpark/ui-kit": "^3.0.0",
     "@radix-ui/react-icons": "^1.3.2",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@types/node": "^24.5.2",