@sohanemon/utils 4.0.4 → 4.0.6

package/dist/components/index.js

@@ -1,8 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export { Icon as Iconify } from '@iconify/react';
+// @ts-ignore
+import styles from './responsiveness-indicator.module.css';
 export function TailwindIndicator() {
     if (process.env.NODE_ENV === 'production')
         return null;
-    return (_jsxs("div", { className: 'fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white', children: [_jsx("div", { className: 'block sm:hidden', children: "xs" }), _jsx("div", { className: 'hidden sm:block md:hidden', children: "sm" }), _jsx("div", { className: 'hidden md:block lg:hidden', children: "md" }), _jsx("div", { className: 'hidden lg:block xl:hidden', children: "lg" }), _jsx("div", { className: 'hidden xl:block 2xl:hidden', children: "xl" }), _jsx("div", { className: 'hidden 2xl:block', children: "2xl" })] }));
+    return (_jsxs("div", { className: styles.fixedBottomLeft, children: [_jsx("div", { className: styles.xs, children: "xs" }), _jsx("div", { className: styles.sm, children: "sm" }), _jsx("div", { className: styles.md, children: "md" }), _jsx("div", { className: styles.lg, children: "lg" }), _jsx("div", { className: styles.xl, children: "xl" }), _jsx("div", { className: styles['two-xl'], children: "2xl" })] }));
 }

package/dist/hooks/index.d.ts

@@ -8,5 +8,6 @@ export declare const useIsomorphicEffect: any;
 export declare function useTimeout(callback: () => void, delay?: number | null): void;
 export declare function useWindowEvent<K extends string = keyof WindowEventMap>(type: K, listener: K extends keyof WindowEventMap ? (this: Window, ev: WindowEventMap[K]) => void : (this: Window, ev: CustomEvent) => void, options?: boolean | AddEventListenerOptions): void;
 type LocalStorageValue<T> = [T, Dispatch<SetStateAction<T>>];
-declare const useLocalStorage: <T extends Record<string, any>>(key: string, defaultValue: T) => LocalStorageValue<T>;
-export default useLocalStorage;
+export declare const useLocalStorage: <T extends Record<string, any>>(key: string, defaultValue: T) => LocalStorageValue<T>;
+export declare const useUrlParams: <T extends string | number | boolean>(key: string, defaultValue: T) => [T, (value: T) => void];
+export {};

package/dist/hooks/index.js

@@ -102,7 +102,7 @@ export function useWindowEvent(type, listener, options) {
     }, [type, listener]);
 }
 // Custom hook for using local storage with a specified key and default value
-const useLocalStorage = (key, defaultValue) => {
+export const useLocalStorage = (key, defaultValue) => {
     const [storedValue, setStoredValue] = useState(defaultValue);
     // Use effect to retrieve the stored value from local storage on component mount
     useEffect(() => {
@@ -126,4 +126,23 @@ const useLocalStorage = (key, defaultValue) => {
     };
     return [storedValue, updateStoredValue];
 };
-export default useLocalStorage;
+// Custom hook for using URL parameters with a specified key and default value
+export const useUrlParams = (key, defaultValue) => {
+    const [value, setValue] = useState(defaultValue);
+    // Use effect to retrieve the value from URL parameters on component mount
+    useEffect(() => {
+        const params = new URLSearchParams(window.location.search);
+        const value = params.get(key);
+        if (value !== null) {
+            setValue(value);
+        }
+    }, [key]);
+    // Function to update the value in URL parameters and state
+    const updateValue = (newValue) => {
+        const params = new URLSearchParams(window.location.search);
+        params.set(key, String(newValue));
+        window.history.pushState({}, '', `${window.location.pathname}?${params}`);
+        setValue(newValue);
+    };
+    return [value, updateValue];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sohanemon/utils",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "description": "",
   "source": "./src/index.ts",
   "main": "./dist/index.js",