@bikiran/utils 2.3.3 → 2.3.5

package/dist/index.d.ts

@@ -29,13 +29,13 @@ export { getBikiranUrl, getAccountUrl, getApiUrl, getApi2Url, getApi3Url, getBas
 export type { TInputChangeEvent, TTextAreaChangeEvent, TMouseEvent, TFormEvent, TKeyboardEvent, TFocusEvent, TDragEvent, TState, } from "./lib/types/GlobalType";
 export type { TDomainProperty, TDomainDuration, TDomainInfo, } from "./lib/types/domain";
 export type { TApp } from "./lib/types/app";
-export type { TInputChangeEvent as TInputChangeEventAlt, TTextAreaChangeEvent as TTextAreaChangeEventAlt, TMouseEvent as TMouseEventAlt, TFormEvent as TFormEventAlt, TKeyboardEvent as TKeyboardEventAlt, TFocusEvent as TFocusEventAlt, TDragEvent as TDragEventAlt, TState as TStateAlt, } from "./lib/types/event";
 export type { TUser } from "./lib/types/user";
 export type { TApiResponse, TPagination } from "./lib/types/response";
-export type { TInvoiceInfo, TAddressBilling, TAddressShipping, } from "./lib/types/invoice";
+export type { TInvoiceInfo, TAddressBilling, TAddressPayload, TAddressShipping, TInvoiceData, TInvoiceProduct, TPaymentIssue, TPaymentOption, } from "./lib/types/invoice";
 export { default as countries } from "./lib/utils/country.json";
 export { win, doc, storage } from "./lib/utils/dom";
 export { setLocalStorage, getLocalStorage } from "./lib/utils/storage";
 export { mkQueryString, mkToken, mkStrongPassword, } from "./lib/utils/StringOperation";
 export { default as StatusColor } from "./lib/utils/statusColor";
 export { useOutsideClick } from "./lib/utils/OutsideClick";
+export { showSize } from "./lib/utils/showSize";

package/dist/index.js

@@ -34,3 +34,4 @@ export { mkQueryString, mkToken, mkStrongPassword, } from "./lib/utils/StringOpe
 export { default as StatusColor } from "./lib/utils/statusColor";
 // React hooks
 export { useOutsideClick } from "./lib/utils/OutsideClick";
+export { showSize } from "./lib/utils/showSize";

package/dist/index.ts

@@ -71,19 +71,6 @@ export type {
 
 // App types
 export type { TApp } from "./lib/types/app";
-
-// Event types (alternative to GlobalType)
-export type {
-  TInputChangeEvent as TInputChangeEventAlt,
-  TTextAreaChangeEvent as TTextAreaChangeEventAlt,
-  TMouseEvent as TMouseEventAlt,
-  TFormEvent as TFormEventAlt,
-  TKeyboardEvent as TKeyboardEventAlt,
-  TFocusEvent as TFocusEventAlt,
-  TDragEvent as TDragEventAlt,
-  TState as TStateAlt,
-} from "./lib/types/event";
-
 // User types
 export type { TUser } from "./lib/types/user";
 
@@ -94,7 +81,12 @@ export type { TApiResponse, TPagination } from "./lib/types/response";
 export type {
   TInvoiceInfo,
   TAddressBilling,
+  TAddressPayload,
   TAddressShipping,
+  TInvoiceData,
+  TInvoiceProduct,
+  TPaymentIssue,
+  TPaymentOption,
 } from "./lib/types/invoice";
 export { default as countries } from "./lib/utils/country.json";
 export { win, doc, storage } from "./lib/utils/dom";
@@ -110,3 +102,4 @@ export { default as StatusColor } from "./lib/utils/statusColor";
 
 // React hooks
 export { useOutsideClick } from "./lib/utils/OutsideClick";
+export { showSize } from "./lib/utils/showSize";

package/dist/lib/utils/OutsideClick.d.ts

@@ -1,2 +1 @@
-import React from "react";
-export declare function useOutsideClick(ref: React.RefObject<HTMLElement>, callback: () => void): void;
+export declare function useOutsideClick(ref: React.RefObject<HTMLElement>, callback: () => void, ignoreClassNames?: string[]): void;

package/dist/lib/utils/OutsideClick.js

@@ -1,8 +1,29 @@
 import { useEffect } from "react";
-export function useOutsideClick(ref, callback) {
+export function useOutsideClick(ref, callback, ignoreClassNames) {
     useEffect(() => {
         function handleClickOutside(event) {
-            if (ref.current && !ref.current.contains(event.target)) {
+            const target = event.target;
+            // Check if the click is outside the referenced element
+            if (ref.current && !ref.current.contains(target)) {
+                // If ignoreClassNames is provided, check if the clicked element has any of those classes
+                if (ignoreClassNames && ignoreClassNames.length > 0) {
+                    const hasIgnoredClass = ignoreClassNames.some((className) => {
+                        var _a;
+                        // Check if the clicked element or any of its parents has the ignored class
+                        let element = target;
+                        while (element) {
+                            if ((_a = element.classList) === null || _a === void 0 ? void 0 : _a.contains(className)) {
+                                return true;
+                            }
+                            element = element.parentElement;
+                        }
+                        return false;
+                    });
+                    // Don't trigger callback if clicked element has an ignored class
+                    if (hasIgnoredClass) {
+                        return;
+                    }
+                }
                 callback();
             }
         }
@@ -10,5 +31,5 @@ export function useOutsideClick(ref, callback) {
         return () => {
             document.removeEventListener("mousedown", handleClickOutside);
         };
-    }, [ref, callback]);
+    }, [ref, callback, ignoreClassNames]);
 }

package/dist/lib/utils/OutsideClick.ts

@@ -1,12 +1,36 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 
 export function useOutsideClick(
   ref: React.RefObject<HTMLElement>,
-  callback: () => void
+  callback: () => void,
+  ignoreClassNames?: string[]
 ) {
   useEffect(() => {
     function handleClickOutside(event: MouseEvent) {
-      if (ref.current && !ref.current.contains(event.target as Node)) {
+      const target = event.target as HTMLElement;
+
+      // Check if the click is outside the referenced element
+      if (ref.current && !ref.current.contains(target)) {
+        // If ignoreClassNames is provided, check if the clicked element has any of those classes
+        if (ignoreClassNames && ignoreClassNames.length > 0) {
+          const hasIgnoredClass = ignoreClassNames.some((className) => {
+            // Check if the clicked element or any of its parents has the ignored class
+            let element: HTMLElement | null = target;
+            while (element) {
+              if (element.classList?.contains(className)) {
+                return true;
+              }
+              element = element.parentElement;
+            }
+            return false;
+          });
+
+          // Don't trigger callback if clicked element has an ignored class
+          if (hasIgnoredClass) {
+            return;
+          }
+        }
+
         callback();
       }
     }
@@ -15,5 +39,5 @@ export function useOutsideClick(
     return () => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
-  }, [ref, callback]);
+  }, [ref, callback, ignoreClassNames]);
 }

package/dist/lib/utils/showSize.d.ts

@@ -0,0 +1 @@
+export declare function showSize(value: number, fromUnit?: string): string;

package/dist/lib/utils/showSize.js

@@ -0,0 +1,18 @@
+export function showSize(value, fromUnit = "bytes") {
+    const units = ["bytes", "KB", "MB", "GB", "TB"];
+    const normalizedUnit = fromUnit.toLowerCase();
+    // Convert units array to lowercase for comparison
+    const unitIndex = units.map((u) => u.toLowerCase()).indexOf(normalizedUnit);
+    if (unitIndex === -1) {
+        console.error(`Invalid unit: ${fromUnit}. Using 'bytes' as default.`);
+        return showSize(value, "bytes"); // Recursively call with default unit
+    }
+    // Convert the input value to bytes first
+    const bytes = value * Math.pow(1024, unitIndex);
+    // Then convert bytes to the most appropriate unit
+    if (bytes === 0)
+        return "0 bytes";
+    const k = 1024;
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + units[i];
+}

package/dist/lib/utils/showSize.ts

@@ -0,0 +1,23 @@
+export function showSize(value: number, fromUnit: string = "bytes"): string {
+  const units = ["bytes", "KB", "MB", "GB", "TB"];
+  const normalizedUnit = fromUnit.toLowerCase();
+
+  // Convert units array to lowercase for comparison
+  const unitIndex = units.map((u) => u.toLowerCase()).indexOf(normalizedUnit);
+
+  if (unitIndex === -1) {
+    console.error(`Invalid unit: ${fromUnit}. Using 'bytes' as default.`);
+    return showSize(value, "bytes"); // Recursively call with default unit
+  }
+
+  // Convert the input value to bytes first
+  const bytes = value * Math.pow(1024, unitIndex);
+
+  // Then convert bytes to the most appropriate unit
+  if (bytes === 0) return "0 bytes";
+
+  const k = 1024;
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + units[i];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bikiran/utils",
-  "version": "2.3.3",
+  "version": "2.3.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [