@applica-software-guru/react-admin 1.3.162 → 1.3.165

package/src/utils/localStorage.ts

@@ -0,0 +1,73 @@
+import _ from 'lodash';
+import * as yup from 'yup';
+
+const listenerSchema = yup.mixed().test('function', 'Invalid function', (value) => {
+  return _.isFunction(value);
+});
+
+type IListener = (value: unknown) => void;
+interface ILocalStorage {
+  get: (key: string) => unknown | null;
+  set: (key: string, value: unknown) => unknown | null;
+  watch: (key: string, callback: IListener) => void;
+  unwatch: (key: string, callback?: IListener) => void;
+}
+
+class LocalStorage implements ILocalStorage {
+  #listeners: Array<{ key: string; callback: IListener }> = [];
+
+  #canAccessLocalStorage(): boolean {
+    return typeof window !== 'undefined';
+  }
+
+  get(key: string): unknown | null {
+    yup.string().required().validateSync(key);
+    if (!this.#canAccessLocalStorage()) {
+      return null;
+    } else {
+      const value = localStorage.getItem(key);
+      return _.isNil(value) ? null : JSON.parse(value);
+    }
+  }
+
+  set(key: string, value: unknown): unknown | null {
+    yup.string().required().validateSync(key);
+    if (this.#canAccessLocalStorage()) {
+      localStorage.setItem(key, JSON.stringify(value));
+      return value;
+    } else {
+      return null;
+    }
+  }
+
+  watch(key: string, callback: IListener): void {
+    yup.string().required().validateSync(key);
+    listenerSchema.validateSync(callback);
+    if (this.#canAccessLocalStorage()) {
+      this.#listeners.push({ key: key, callback: callback });
+      window.addEventListener('storage', (e) => {
+        if (e.storageArea === localStorage && e.key === key) {
+          callback(this.get(key));
+        }
+      });
+    }
+  }
+
+  unwatch(key: string, callback?: IListener | undefined): void {
+    yup.string().required().validateSync(key);
+    listenerSchema.optional().default(_.identity).validateSync(callback);
+    if (this.#canAccessLocalStorage()) {
+      if (callback !== undefined) {
+        this.#listeners = _.reject(this.#listeners, (listener) => {
+          return listener.key === key && listener.callback === callback;
+        });
+      } else {
+        this.#listeners = _.reject(this.#listeners, (listener) => {
+          return listener.key === key;
+        });
+      }
+    }
+  }
+}
+
+export { LocalStorage };

package/src/hooks/useLocalStorage.jsx

@@ -1,31 +0,0 @@
-import { useEffect, useState } from 'react';
-
-export default function useLocalStorage(key, defaultValue) {
-  const [value, setValue] = useState(() => {
-    const storedValue = typeof window !== 'undefined' ? localStorage.getItem(key) : null;
-    return storedValue === null ? defaultValue : JSON.parse(storedValue);
-  });
-
-  useEffect(() => {
-    const listener = (e) => {
-      if (typeof window !== 'undefined' && e.storageArea === localStorage && e.key === key) {
-        setValue(e.newValue ? JSON.parse(e.newValue) : e.newValue);
-      }
-    };
-    window.addEventListener('storage', listener);
-
-    return () => {
-      window.removeEventListener('storage', listener);
-    };
-  }, [key, defaultValue]);
-
-  const setValueInLocalStorage = (newValue) => {
-    setValue((currentValue) => {
-      const result = typeof newValue === 'function' ? newValue(currentValue) : newValue;
-      if (typeof window !== 'undefined') localStorage.setItem(key, JSON.stringify(result));
-      return result;
-    });
-  };
-
-  return [value, setValueInLocalStorage];
-}