@pelatform/ui.hook 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -232,7 +232,7 @@ interface UseCopyToClipboardOptions {
  * );
  * ```
  */
-declare function useCopyToClipboard({ timeout, onCopy, }?: UseCopyToClipboardOptions): {
+declare function useCopyToClipboard({ timeout, onCopy }?: UseCopyToClipboardOptions): {
     /** Whether text was recently copied (true for timeout duration) */
     copied: boolean;
     /** Function to copy text to clipboard */
@@ -248,7 +248,7 @@ declare function useCopyToClipboard({ timeout, onCopy, }?: UseCopyToClipboardOpt
 /**
  * Metadata structure for uploaded files
  */
-interface FileMetadata {
+type FileMetadata = {
     /** The name of the file */
     name: string;
     /** The size of the file in bytes */
@@ -259,22 +259,22 @@ interface FileMetadata {
     url: string;
     /** Unique identifier for the file */
     id: string;
-}
+};
 /**
  * File object with preview capabilities
  */
-interface FileWithPreview {
+type FileWithPreview = {
     /** The actual file object or metadata */
     file: File | FileMetadata;
     /** Unique identifier for the file */
     id: string;
     /** Optional preview URL for the file (typically for images) */
     preview?: string;
-}
+};
 /**
  * Configuration options for the file upload hook
  */
-interface FileUploadOptions {
+type FileUploadOptions = {
     /** Maximum number of files allowed (only used when multiple is true, defaults to Infinity) */
     maxFiles?: number;
     /** Maximum file size in bytes (defaults to Infinity) */
@@ -290,22 +290,22 @@ interface FileUploadOptions {
     /** Callback function executed when new files are added */
     onFilesAdded?: (addedFiles: FileWithPreview[]) => void;
     onError?: (errors: string[]) => void;
-}
+};
 /**
  * Current state of the file upload component
  */
-interface FileUploadState {
+type FileUploadState = {
     /** Array of files currently selected/uploaded */
     files: FileWithPreview[];
     /** Whether the user is currently dragging files over the drop zone */
     isDragging: boolean;
     /** Array of validation error messages */
     errors: string[];
-}
+};
 /**
  * Actions available for file upload management
  */
-interface FileUploadActions {
+type FileUploadActions = {
     /** Add new files to the upload state */
     addFiles: (files: FileList | File[]) => void;
     /** Remove a specific file by its ID */
@@ -330,7 +330,7 @@ interface FileUploadActions {
     getInputProps: (props?: InputHTMLAttributes<HTMLInputElement>) => InputHTMLAttributes<HTMLInputElement> & {
         ref: React__default.Ref<HTMLInputElement>;
     };
-}
+};
 /**
  * Hook for comprehensive file upload functionality with drag & drop support
  *
@@ -941,7 +941,7 @@ interface UseScrollPositionProps {
  * }
  * ```
  */
-declare const useScrollPosition: ({ targetRef, }?: UseScrollPositionProps) => number;
+declare const useScrollPosition: ({ targetRef }?: UseScrollPositionProps) => number;
 
 /**
  * Dual slider input management hook for React components
@@ -1022,7 +1022,7 @@ interface UseSliderInputProps {
  * }
  * ```
  */
-declare function useSliderInput({ minValue, maxValue, initialValue, }: UseSliderInputProps): {
+declare function useSliderInput({ minValue, maxValue, initialValue }: UseSliderInputProps): {
     /** Function to manually set slider values */
     setSliderValues: React.Dispatch<React.SetStateAction<[number, number]>>;
     /** Function to manually set input values */

package/dist/index.js

@@ -80,9 +80,7 @@ var useAnalytics = () => {
 import { useEffect } from "react";
 var useBodyClasses = (className) => {
   useEffect(() => {
-    if (!className.trim()) {
-      return;
-    }
+    if (!className.trim()) return;
     const classList = className.split(/\s+/).filter(Boolean);
     classList.forEach((cls) => {
       document.body.classList.add(cls);
@@ -97,10 +95,7 @@ var useBodyClasses = (className) => {
 
 // src/use-copy-to-clipboard.ts
 import * as React from "react";
-function useCopyToClipboard({
-  timeout = 2e3,
-  onCopy
-} = {}) {
+function useCopyToClipboard({ timeout = 2e3, onCopy } = {}) {
   const [copied, setCopied] = React.useState(false);
   const copy = React.useCallback(
     (value) => {
@@ -138,7 +133,11 @@ function useCopyToClipboard({
 }
 
 // src/use-file-upload.ts
-import { useCallback as useCallback3, useRef, useState as useState2 } from "react";
+import {
+  useCallback as useCallback3,
+  useRef,
+  useState as useState2
+} from "react";
 var useFileUpload = (options = {}) => {
   const {
     maxFiles = Number.POSITIVE_INFINITY,
@@ -166,8 +165,10 @@ var useFileUpload = (options = {}) => {
         if (file.size > maxSize) {
           return `File "${file.name}" exceeds the maximum size of ${formatBytes(maxSize)}.`;
         }
-      } else if (file.size > maxSize) {
-        return `File "${file.name}" exceeds the maximum size of ${formatBytes(maxSize)}.`;
+      } else {
+        if (file.size > maxSize) {
+          return `File "${file.name}" exceeds the maximum size of ${formatBytes(maxSize)}.`;
+        }
       }
       if (accept !== "*") {
         const acceptedTypes = accept.split(",").map((type) => type.trim());
@@ -191,15 +192,12 @@ var useFileUpload = (options = {}) => {
     },
     [accept, maxSize]
   );
-  const createPreview = useCallback3(
-    (file) => {
-      if (file instanceof File) {
-        return URL.createObjectURL(file);
-      }
-      return file.url;
-    },
-    []
-  );
+  const createPreview = useCallback3((file) => {
+    if (file instanceof File) {
+      return URL.createObjectURL(file);
+    }
+    return file.url;
+  }, []);
   const generateUniqueId = useCallback3((file) => {
     if (file instanceof File) {
       return `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
@@ -227,9 +225,7 @@ var useFileUpload = (options = {}) => {
   }, [onFilesChange]);
   const addFiles = useCallback3(
     (newFiles) => {
-      if (!newFiles || newFiles.length === 0) {
-        return;
-      }
+      if (!newFiles || newFiles.length === 0) return;
       const newFilesArray = Array.from(newFiles);
       const errors = [];
       setState((prev) => ({ ...prev, errors: [] }));
@@ -409,15 +405,12 @@ var useFileUpload = (options = {}) => {
   ];
 };
 var formatBytes = (bytes, decimals = 2) => {
-  if (bytes === 0) {
-    return "0 Bytes";
-  }
+  if (bytes === 0) return "0 Bytes";
   const k = 1024;
   const dm = decimals < 0 ? 0 : decimals;
   const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
   const i = Math.floor(Math.log(bytes) / Math.log(k));
-  const idx = Math.min(i, sizes.length - 1);
-  return `${Number.parseFloat((bytes / k ** idx).toFixed(dm))} ${sizes[idx]}`;
+  return Number.parseFloat((bytes / k ** i).toFixed(dm)) + sizes[i];
 };
 
 // src/use-hydrated.tsx
@@ -463,13 +456,12 @@ var useMenu = (pathname) => {
   const isActive = (path) => {
     if (path && path === "/") {
       return path === pathname;
+    } else {
+      return !!path && pathname.startsWith(path);
     }
-    return !!path && pathname.startsWith(path);
   };
   const hasActiveChild = (children) => {
-    if (!(children && Array.isArray(children))) {
-      return false;
-    }
+    if (!children || !Array.isArray(children)) return false;
     return children.some(
       (child) => child.path && isActive(child.path) || child.children && hasActiveChild(child.children)
     );
@@ -503,10 +495,7 @@ var useMenu = (pathname) => {
           return currentBreadcrumb;
         }
         if (item.children && item.children.length > 0) {
-          const childBreadcrumb = findBreadcrumb(
-            item.children,
-            currentBreadcrumb
-          );
+          const childBreadcrumb = findBreadcrumb(item.children, currentBreadcrumb);
           if (childBreadcrumb.length > currentBreadcrumb.length) {
             return childBreadcrumb;
           }
@@ -532,11 +521,7 @@ var useMenu = (pathname) => {
           if (targetLevel === currentLevel && hasActiveChildAtLevel(item.children)) {
             return item.children;
           }
-          const children = findChildren(
-            item.children,
-            targetLevel,
-            currentLevel + 1
-          );
+          const children = findChildren(item.children, targetLevel, currentLevel + 1);
           if (children) {
             return children;
           }
@@ -562,9 +547,7 @@ var useMenu = (pathname) => {
 import * as React2 from "react";
 var DEFAULT_MOBILE_BREAKPOINT = 1024;
 function useIsMobile(breakpoint = DEFAULT_MOBILE_BREAKPOINT) {
-  const [isMobile, setIsMobile] = React2.useState(
-    void 0
-  );
+  const [isMobile, setIsMobile] = React2.useState(void 0);
   React2.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
     const onChange = () => {
@@ -616,9 +599,7 @@ import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef2
 var RECAPTCHA_SCRIPT_ID = "recaptcha-v2-script";
 var scriptLoadPromise = null;
 function loadRecaptchaScript() {
-  if (scriptLoadPromise) {
-    return scriptLoadPromise;
-  }
+  if (scriptLoadPromise) return scriptLoadPromise;
   scriptLoadPromise = new Promise((resolve) => {
     if (document.getElementById(RECAPTCHA_SCRIPT_ID) && window.grecaptcha) {
       resolve();
@@ -629,7 +610,7 @@ function loadRecaptchaScript() {
     };
     const script = document.createElement("script");
     script.id = RECAPTCHA_SCRIPT_ID;
-    script.src = "https://www.google.com/recaptcha/api.js?onload=onRecaptchaLoaded&render=explicit";
+    script.src = `https://www.google.com/recaptcha/api.js?onload=onRecaptchaLoaded&render=explicit`;
     script.async = true;
     script.defer = true;
     script.onerror = () => {
@@ -646,12 +627,8 @@ function useRecaptchaV2(siteKey) {
   const isRendered = useRef2(false);
   const isInitializing = useRef2(false);
   const initializeRecaptcha = useCallback4(async () => {
-    if (isInitializing.current) {
-      return;
-    }
-    if (!(containerRef.current && siteKey)) {
-      return;
-    }
+    if (isInitializing.current) return;
+    if (!containerRef.current || !siteKey) return;
     isInitializing.current = true;
     try {
       if (widgetId.current !== null) {
@@ -692,7 +669,7 @@ function useRecaptchaV2(siteKey) {
   }, [siteKey]);
   useEffect6(() => {
     if (containerRef.current) {
-      void initializeRecaptcha();
+      initializeRecaptcha();
     }
     return () => {
       if (widgetId.current !== null) {
@@ -722,9 +699,7 @@ function useRecaptchaV2(siteKey) {
   };
   const resetCaptcha = () => {
     const grecaptcha = window.grecaptcha;
-    if (!grecaptcha || widgetId.current === null) {
-      return;
-    }
+    if (!grecaptcha || widgetId.current === null) return;
     try {
       grecaptcha.reset(widgetId.current);
     } catch (error) {
@@ -760,9 +735,7 @@ function useRemoveGAParams() {
 
 // src/use-scroll-position.ts
 import { useEffect as useEffect8, useState as useState6 } from "react";
-var useScrollPosition = ({
-  targetRef
-} = {}) => {
+var useScrollPosition = ({ targetRef } = {}) => {
   const [scrollPosition, setScrollPosition] = useState6(0);
   useEffect8(() => {
     const target = targetRef?.current || document;
@@ -782,11 +755,7 @@ var useScrollPosition = ({
 
 // src/use-slider-input.ts
 import { useCallback as useCallback5, useState as useState7 } from "react";
-function useSliderInput({
-  minValue,
-  maxValue,
-  initialValue
-}) {
+function useSliderInput({ minValue, maxValue, initialValue }) {
   const [sliderValues, setSliderValues] = useState7(initialValue);
   const [inputValues, setInputValues] = useState7(initialValue);
   const handleSliderChange = useCallback5((values) => {
@@ -795,7 +764,7 @@ function useSliderInput({
   }, []);
   const handleInputChange = useCallback5(
     (e, index) => {
-      const newValue = Number.parseFloat(e.target.value);
+      const newValue = parseFloat(e.target.value);
       if (!Number.isNaN(newValue)) {
         const updatedInputs = [...inputValues];
         updatedInputs[index] = newValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pelatform/ui.hook",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Hook components of the Pelatform UI Library.",
   "author": "Pelatform",
   "license": "MIT",
@@ -38,10 +38,10 @@
     "components"
   ],
   "devDependencies": {
-    "@pelatform/tsconfig": "^0.1.0",
+    "@pelatform/tsconfig": "^0.1.2",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.7",
-    "react": "^19.2.0",
+    "react": "^19.2.1",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3"
   },