@mantine/hooks 7.0.0-alpha.9 → 7.0.0-beta.1

package/cjs/use-interval/use-interval.js

@@ -5,34 +5,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 function useInterval(fn, interval) {
-    const [active, setActive] = React.useState(false);
-    const intervalRef = React.useRef();
-    const fnRef = React.useRef();
-    React.useEffect(() => {
-        fnRef.current = fn;
-    }, [fn]);
-    const start = () => {
-        setActive((old) => {
-            if (!old && !intervalRef.current) {
-                intervalRef.current = window.setInterval(fnRef.current, interval);
-            }
-            return true;
-        });
-    };
-    const stop = () => {
-        setActive(false);
-        window.clearInterval(intervalRef.current);
-        intervalRef.current = undefined;
-    };
-    const toggle = () => {
-        if (active) {
-            stop();
-        }
-        else {
-            start();
-        }
-    };
-    return { start, stop, toggle, active };
+  const [active, setActive] = React.useState(false);
+  const intervalRef = React.useRef();
+  const fnRef = React.useRef();
+  React.useEffect(() => {
+    fnRef.current = fn;
+  }, [fn]);
+  const start = () => {
+    setActive((old) => {
+      if (!old && !intervalRef.current) {
+        intervalRef.current = window.setInterval(fnRef.current, interval);
+      }
+      return true;
+    });
+  };
+  const stop = () => {
+    setActive(false);
+    window.clearInterval(intervalRef.current);
+    intervalRef.current = void 0;
+  };
+  const toggle = () => {
+    if (active) {
+      stop();
+    } else {
+      start();
+    }
+  };
+  return { start, stop, toggle, active };
 }
 
 exports.useInterval = useInterval;

package/cjs/use-interval/use-interval.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-interval.js","sources":["../../src/use-interval/use-interval.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useInterval(fn: () => void, interval: number) {\n  const [active, setActive] = useState(false);\n  const intervalRef = useRef<number>();\n  const fnRef = useRef<() => void>();\n\n  useEffect(() => {\n    fnRef.current = fn;\n  }, [fn]);\n\n  const start = () => {\n    setActive((old) => {\n      if (!old && !intervalRef.current) {\n        intervalRef.current = window.setInterval(fnRef.current!, interval);\n      }\n      return true;\n    });\n  };\n\n  const stop = () => {\n    setActive(false);\n    window.clearInterval(intervalRef.current);\n    intervalRef.current = undefined;\n  };\n\n  const toggle = () => {\n    if (active) {\n      stop();\n    } else {\n      start();\n    }\n  };\n\n  return { start, stop, toggle, active };\n}\n"],"names":["useState","useRef","useEffect"],"mappings":";;;;;;SAEgB,WAAW,CAAC,EAAc,EAAE,QAAgB;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAGC,YAAM,EAAU,CAAC;IACrC,MAAM,KAAK,GAAGA,YAAM,EAAc,CAAC;IAEnCC,eAAS,CAAC;QACR,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;KACpB,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,MAAM,KAAK,GAAG;QACZ,SAAS,CAAC,CAAC,GAAG;YACZ,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;gBAChC,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,OAAQ,EAAE,QAAQ,CAAC,CAAC;aACpE;YACD,OAAO,IAAI,CAAC;SACb,CAAC,CAAC;KACJ,CAAC;IAEF,MAAM,IAAI,GAAG;QACX,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC1C,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC;KACjC,CAAC;IAEF,MAAM,MAAM,GAAG;QACb,IAAI,MAAM,EAAE;YACV,IAAI,EAAE,CAAC;SACR;aAAM;YACL,KAAK,EAAE,CAAC;SACT;KACF,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AACzC;;;;"}
+{"version":3,"file":"use-interval.js","sources":["../../src/use-interval/use-interval.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useInterval(fn: () => void, interval: number) {\n  const [active, setActive] = useState(false);\n  const intervalRef = useRef<number>();\n  const fnRef = useRef<() => void>();\n\n  useEffect(() => {\n    fnRef.current = fn;\n  }, [fn]);\n\n  const start = () => {\n    setActive((old) => {\n      if (!old && !intervalRef.current) {\n        intervalRef.current = window.setInterval(fnRef.current!, interval);\n      }\n      return true;\n    });\n  };\n\n  const stop = () => {\n    setActive(false);\n    window.clearInterval(intervalRef.current);\n    intervalRef.current = undefined;\n  };\n\n  const toggle = () => {\n    if (active) {\n      stop();\n    } else {\n      start();\n    }\n  };\n\n  return { start, stop, toggle, active };\n}\n"],"names":["useState","useRef","useEffect"],"mappings":";;;;;;AACO,SAAS,WAAW,CAAC,EAAE,EAAE,QAAQ,EAAE;AAC1C,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;AAC9C,EAAE,MAAM,WAAW,GAAGC,YAAM,EAAE,CAAC;AAC/B,EAAE,MAAM,KAAK,GAAGA,YAAM,EAAE,CAAC;AACzB,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;AACvB,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACX,EAAE,MAAM,KAAK,GAAG,MAAM;AACtB,IAAI,SAAS,CAAC,CAAC,GAAG,KAAK;AACvB,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;AACxC,QAAQ,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC1E,OAAO;AACP,MAAM,OAAO,IAAI,CAAC;AAClB,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ,EAAE,MAAM,IAAI,GAAG,MAAM;AACrB,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;AACrB,IAAI,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC9C,IAAI,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE,MAAM,MAAM,GAAG,MAAM;AACvB,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,IAAI,EAAE,CAAC;AACb,KAAK,MAAM;AACX,MAAM,KAAK,EAAE,CAAC;AACd,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AACzC;;;;"}

package/cjs/use-isomorphic-effect/use-isomorphic-effect.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-// useLayoutEffect will show warning if used during ssr, e.g. with Next.js
-// useIsomorphicEffect removes it by replacing useLayoutEffect with useEffect during ssr
-const useIsomorphicEffect = typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+const useIsomorphicEffect = typeof document !== "undefined" ? React.useLayoutEffect : React.useEffect;
 
 exports.useIsomorphicEffect = useIsomorphicEffect;
 //# sourceMappingURL=use-isomorphic-effect.js.map

package/cjs/use-isomorphic-effect/use-isomorphic-effect.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-isomorphic-effect.js","sources":["../../src/use-isomorphic-effect/use-isomorphic-effect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react';\n\n// useLayoutEffect will show warning if used during ssr, e.g. with Next.js\n// useIsomorphicEffect removes it by replacing useLayoutEffect with useEffect during ssr\nexport const useIsomorphicEffect = typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n"],"names":["useLayoutEffect","useEffect"],"mappings":";;;;;;AAEA;AACA;MACa,mBAAmB,GAAG,OAAO,QAAQ,KAAK,WAAW,GAAGA,qBAAe,GAAGC;;;;"}
+{"version":3,"file":"use-isomorphic-effect.js","sources":["../../src/use-isomorphic-effect/use-isomorphic-effect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react';\n\n// useLayoutEffect will show warning if used during ssr, e.g. with Next.js\n// useIsomorphicEffect removes it by replacing useLayoutEffect with useEffect during ssr\nexport const useIsomorphicEffect = typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n"],"names":["useLayoutEffect","useEffect"],"mappings":";;;;;;AACY,MAAC,mBAAmB,GAAG,OAAO,QAAQ,KAAK,WAAW,GAAGA,qBAAe,GAAGC;;;;"}

package/cjs/use-list-state/use-list-state.js

@@ -4,62 +4,83 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function useListState(initialValue = []) {
-    const [state, setState] = React.useState(initialValue);
-    const append = (...items) => setState((current) => [...current, ...items]);
-    const prepend = (...items) => setState((current) => [...items, ...current]);
-    const insert = (index, ...items) => setState((current) => [...current.slice(0, index), ...items, ...current.slice(index)]);
-    const apply = (fn) => setState((current) => current.map((item, index) => fn(item, index)));
-    const remove = (...indices) => setState((current) => current.filter((_, index) => !indices.includes(index)));
-    const pop = () => setState((current) => {
-        const cloned = [...current];
-        cloned.pop();
-        return cloned;
-    });
-    const shift = () => setState((current) => {
-        const cloned = [...current];
-        cloned.shift();
-        return cloned;
-    });
-    const reorder = ({ from, to }) => setState((current) => {
-        const cloned = [...current];
-        const item = current[from];
-        cloned.splice(from, 1);
-        cloned.splice(to, 0, item);
-        return cloned;
-    });
-    const setItem = (index, item) => setState((current) => {
-        const cloned = [...current];
-        cloned[index] = item;
-        return cloned;
-    });
-    const setItemProp = (index, prop, value) => setState((current) => {
-        const cloned = [...current];
-        cloned[index] = Object.assign(Object.assign({}, cloned[index]), { [prop]: value });
-        return cloned;
-    });
-    const applyWhere = (condition, fn) => setState((current) => current.map((item, index) => (condition(item, index) ? fn(item, index) : item)));
-    const filter = (fn) => {
-        setState((current) => current.filter(fn));
-    };
-    return [
-        state,
-        {
-            setState,
-            append,
-            prepend,
-            insert,
-            pop,
-            shift,
-            apply,
-            applyWhere,
-            remove,
-            reorder,
-            setItem,
-            setItemProp,
-            filter,
-        },
-    ];
+  const [state, setState] = React.useState(initialValue);
+  const append = (...items) => setState((current) => [...current, ...items]);
+  const prepend = (...items) => setState((current) => [...items, ...current]);
+  const insert = (index, ...items) => setState((current) => [...current.slice(0, index), ...items, ...current.slice(index)]);
+  const apply = (fn) => setState((current) => current.map((item, index) => fn(item, index)));
+  const remove = (...indices) => setState((current) => current.filter((_, index) => !indices.includes(index)));
+  const pop = () => setState((current) => {
+    const cloned = [...current];
+    cloned.pop();
+    return cloned;
+  });
+  const shift = () => setState((current) => {
+    const cloned = [...current];
+    cloned.shift();
+    return cloned;
+  });
+  const reorder = ({ from, to }) => setState((current) => {
+    const cloned = [...current];
+    const item = current[from];
+    cloned.splice(from, 1);
+    cloned.splice(to, 0, item);
+    return cloned;
+  });
+  const setItem = (index, item) => setState((current) => {
+    const cloned = [...current];
+    cloned[index] = item;
+    return cloned;
+  });
+  const setItemProp = (index, prop, value) => setState((current) => {
+    const cloned = [...current];
+    cloned[index] = __spreadProps(__spreadValues({}, cloned[index]), { [prop]: value });
+    return cloned;
+  });
+  const applyWhere = (condition, fn) => setState(
+    (current) => current.map((item, index) => condition(item, index) ? fn(item, index) : item)
+  );
+  const filter = (fn) => {
+    setState((current) => current.filter(fn));
+  };
+  return [
+    state,
+    {
+      setState,
+      append,
+      prepend,
+      insert,
+      pop,
+      shift,
+      apply,
+      applyWhere,
+      remove,
+      reorder,
+      setItem,
+      setItemProp,
+      filter
+    }
+  ];
 }
 
 exports.useListState = useListState;

package/cjs/use-list-state/use-list-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-list-state.js","sources":["../../src/use-list-state/use-list-state.ts"],"sourcesContent":["import React, { useState } from 'react';\n\nexport interface UseListStateHandlers<T> {\n  setState: React.Dispatch<React.SetStateAction<T[]>>;\n  append: (...items: T[]) => void;\n  prepend: (...items: T[]) => void;\n  insert: (index: number, ...items: T[]) => void;\n  pop: () => void;\n  shift: () => void;\n  apply: (fn: (item: T, index?: number) => T) => void;\n  applyWhere: (\n    condition: (item: T, index: number) => boolean,\n    fn: (item: T, index?: number) => T\n  ) => void;\n  remove: (...indices: number[]) => void;\n  reorder: ({ from, to }: { from: number; to: number }) => void;\n  setItem: (index: number, item: T) => void;\n  setItemProp: <K extends keyof T, U extends T[K]>(index: number, prop: K, value: U) => void;\n  filter: (fn: (item: T, i: number) => boolean) => void;\n}\n\nexport type UseListState<T> = [T[], UseListStateHandlers<T>];\n\nexport function useListState<T>(initialValue: T[] = []): UseListState<T> {\n  const [state, setState] = useState(initialValue);\n\n  const append = (...items: T[]) => setState((current) => [...current, ...items]);\n  const prepend = (...items: T[]) => setState((current) => [...items, ...current]);\n\n  const insert = (index: number, ...items: T[]) =>\n    setState((current) => [...current.slice(0, index), ...items, ...current.slice(index)]);\n\n  const apply = (fn: (item: T, index?: number) => T) =>\n    setState((current) => current.map((item, index) => fn(item, index)));\n\n  const remove = (...indices: number[]) =>\n    setState((current) => current.filter((_, index) => !indices.includes(index)));\n\n  const pop = () =>\n    setState((current) => {\n      const cloned = [...current];\n      cloned.pop();\n      return cloned;\n    });\n\n  const shift = () =>\n    setState((current) => {\n      const cloned = [...current];\n      cloned.shift();\n      return cloned;\n    });\n\n  const reorder = ({ from, to }: { from: number; to: number }) =>\n    setState((current) => {\n      const cloned = [...current];\n      const item = current[from];\n\n      cloned.splice(from, 1);\n      cloned.splice(to, 0, item);\n\n      return cloned;\n    });\n\n  const setItem = (index: number, item: T) =>\n    setState((current) => {\n      const cloned = [...current];\n      cloned[index] = item;\n      return cloned;\n    });\n\n  const setItemProp = <K extends keyof T, U extends T[K]>(index: number, prop: K, value: U) =>\n    setState((current) => {\n      const cloned = [...current];\n      cloned[index] = { ...cloned[index], [prop]: value };\n      return cloned;\n    });\n\n  const applyWhere = (\n    condition: (item: T, index: number) => boolean,\n    fn: (item: T, index?: number) => T\n  ) =>\n    setState((current) =>\n      current.map((item, index) => (condition(item, index) ? fn(item, index) : item))\n    );\n\n  const filter = (fn: (item: T, i: number) => boolean) => {\n    setState((current) => current.filter(fn));\n  };\n\n  return [\n    state,\n    {\n      setState,\n      append,\n      prepend,\n      insert,\n      pop,\n      shift,\n      apply,\n      applyWhere,\n      remove,\n      reorder,\n      setItem,\n      setItemProp,\n      filter,\n    },\n  ];\n}\n"],"names":["useState"],"mappings":"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"}
+{"version":3,"file":"use-list-state.js","sources":["../../src/use-list-state/use-list-state.ts"],"sourcesContent":["import React, { useState } from 'react';\n\nexport interface UseListStateHandlers<T> {\n  setState: React.Dispatch<React.SetStateAction<T[]>>;\n  append: (...items: T[]) => void;\n  prepend: (...items: T[]) => void;\n  insert: (index: number, ...items: T[]) => void;\n  pop: () => void;\n  shift: () => void;\n  apply: (fn: (item: T, index?: number) => T) => void;\n  applyWhere: (\n    condition: (item: T, index: number) => boolean,\n    fn: (item: T, index?: number) => T\n  ) => void;\n  remove: (...indices: number[]) => void;\n  reorder: ({ from, to }: { from: number; to: number }) => void;\n  setItem: (index: number, item: T) => void;\n  setItemProp: <K extends keyof T, U extends T[K]>(index: number, prop: K, value: U) => void;\n  filter: (fn: (item: T, i: number) => boolean) => void;\n}\n\nexport type UseListState<T> = [T[], UseListStateHandlers<T>];\n\nexport function useListState<T>(initialValue: T[] = []): UseListState<T> {\n  const [state, setState] = useState(initialValue);\n\n  const append = (...items: T[]) => setState((current) => [...current, ...items]);\n  const prepend = (...items: T[]) => setState((current) => [...items, ...current]);\n\n  const insert = (index: number, ...items: T[]) =>\n    setState((current) => [...current.slice(0, index), ...items, ...current.slice(index)]);\n\n  const apply = (fn: (item: T, index?: number) => T) =>\n    setState((current) => current.map((item, index) => fn(item, index)));\n\n  const remove = (...indices: number[]) =>\n    setState((current) => current.filter((_, index) => !indices.includes(index)));\n\n  const pop = () =>\n    setState((current) => {\n      const cloned = [...current];\n      cloned.pop();\n      return cloned;\n    });\n\n  const shift = () =>\n    setState((current) => {\n      const cloned = [...current];\n      cloned.shift();\n      return cloned;\n    });\n\n  const reorder = ({ from, to }: { from: number; to: number }) =>\n    setState((current) => {\n      const cloned = [...current];\n      const item = current[from];\n\n      cloned.splice(from, 1);\n      cloned.splice(to, 0, item);\n\n      return cloned;\n    });\n\n  const setItem = (index: number, item: T) =>\n    setState((current) => {\n      const cloned = [...current];\n      cloned[index] = item;\n      return cloned;\n    });\n\n  const setItemProp = <K extends keyof T, U extends T[K]>(index: number, prop: K, value: U) =>\n    setState((current) => {\n      const cloned = [...current];\n      cloned[index] = { ...cloned[index], [prop]: value };\n      return cloned;\n    });\n\n  const applyWhere = (\n    condition: (item: T, index: number) => boolean,\n    fn: (item: T, index?: number) => T\n  ) =>\n    setState((current) =>\n      current.map((item, index) => (condition(item, index) ? fn(item, index) : item))\n    );\n\n  const filter = (fn: (item: T, i: number) => boolean) => {\n    setState((current) => current.filter(fn));\n  };\n\n  return [\n    state,\n    {\n      setState,\n      append,\n      prepend,\n      insert,\n      pop,\n      shift,\n      apply,\n      applyWhere,\n      remove,\n      reorder,\n      setItem,\n      setItemProp,\n      filter,\n    },\n  ];\n}\n"],"names":["useState"],"mappings":"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"}

package/cjs/use-local-storage/create-storage.js

@@ -6,81 +6,89 @@ var React = require('react');
 var useWindowEvent = require('../use-window-event/use-window-event.js');
 
 function serializeJSON(value, hookName) {
-    try {
-        return JSON.stringify(value);
-    }
-    catch (error) {
-        throw new Error(`@mantine/hooks ${hookName}: Failed to serialize the value`);
-    }
+  try {
+    return JSON.stringify(value);
+  } catch (error) {
+    throw new Error(`@mantine/hooks ${hookName}: Failed to serialize the value`);
+  }
 }
 function deserializeJSON(value) {
-    try {
-        return JSON.parse(value);
-    }
-    catch (_a) {
-        return value;
-    }
+  try {
+    return JSON.parse(value);
+  } catch (e) {
+    return value;
+  }
 }
 function createStorage(type, hookName) {
-    const eventName = type === 'localStorage' ? 'mantine-local-storage' : 'mantine-session-storage';
-    return function useStorage({ key, defaultValue = undefined, getInitialValueInEffect = true, deserialize = deserializeJSON, serialize = (value) => serializeJSON(value, hookName), }) {
-        const readStorageValue = React.useCallback((skipStorage) => {
-            if (typeof window === 'undefined' ||
-                !(type in window) ||
-                window[type] === null ||
-                skipStorage) {
-                return defaultValue;
-            }
-            const storageValue = window[type].getItem(key);
-            return storageValue !== null ? deserialize(storageValue) : defaultValue;
-        }, [key, defaultValue]);
-        const [value, setValue] = React.useState(readStorageValue(getInitialValueInEffect));
-        const setStorageValue = React.useCallback((val) => {
-            if (val instanceof Function) {
-                setValue((current) => {
-                    const result = val(current);
-                    window[type].setItem(key, serialize(result));
-                    window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: val(current) } }));
-                    return result;
-                });
-            }
-            else {
-                window[type].setItem(key, serialize(val));
-                window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: val } }));
-                setValue(val);
-            }
-        }, [key]);
-        const removeStorageValue = React.useCallback(() => {
-            window[type].removeItem(key);
-            window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: defaultValue } }));
-        }, []);
-        useWindowEvent.useWindowEvent('storage', (event) => {
-            var _a;
-            if (event.storageArea === window[type] && event.key === key) {
-                setValue(deserialize((_a = event.newValue) !== null && _a !== void 0 ? _a : undefined));
-            }
-        });
-        useWindowEvent.useWindowEvent(eventName, (event) => {
-            if (event.detail.key === key) {
-                setValue(event.detail.value);
-            }
-        });
-        React.useEffect(() => {
-            if (defaultValue !== undefined && value === undefined) {
-                setStorageValue(defaultValue);
-            }
-        }, [defaultValue, value, setStorageValue]);
-        React.useEffect(() => {
-            if (getInitialValueInEffect) {
-                setValue(readStorageValue());
-            }
-        }, []);
-        return [
-            value === undefined ? defaultValue : value,
-            setStorageValue,
-            removeStorageValue,
-        ];
-    };
+  const eventName = type === "localStorage" ? "mantine-local-storage" : "mantine-session-storage";
+  return function useStorage({
+    key,
+    defaultValue = void 0,
+    getInitialValueInEffect = true,
+    deserialize = deserializeJSON,
+    serialize = (value) => serializeJSON(value, hookName)
+  }) {
+    const readStorageValue = React.useCallback(
+      (skipStorage) => {
+        if (typeof window === "undefined" || !(type in window) || window[type] === null || skipStorage) {
+          return defaultValue;
+        }
+        const storageValue = window[type].getItem(key);
+        return storageValue !== null ? deserialize(storageValue) : defaultValue;
+      },
+      [key, defaultValue]
+    );
+    const [value, setValue] = React.useState(readStorageValue(getInitialValueInEffect));
+    const setStorageValue = React.useCallback(
+      (val) => {
+        if (val instanceof Function) {
+          setValue((current) => {
+            const result = val(current);
+            window[type].setItem(key, serialize(result));
+            window.dispatchEvent(
+              new CustomEvent(eventName, { detail: { key, value: val(current) } })
+            );
+            return result;
+          });
+        } else {
+          window[type].setItem(key, serialize(val));
+          window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: val } }));
+          setValue(val);
+        }
+      },
+      [key]
+    );
+    const removeStorageValue = React.useCallback(() => {
+      window[type].removeItem(key);
+      window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: defaultValue } }));
+    }, []);
+    useWindowEvent.useWindowEvent("storage", (event) => {
+      var _a;
+      if (event.storageArea === window[type] && event.key === key) {
+        setValue(deserialize((_a = event.newValue) != null ? _a : void 0));
+      }
+    });
+    useWindowEvent.useWindowEvent(eventName, (event) => {
+      if (event.detail.key === key) {
+        setValue(event.detail.value);
+      }
+    });
+    React.useEffect(() => {
+      if (defaultValue !== void 0 && value === void 0) {
+        setStorageValue(defaultValue);
+      }
+    }, [defaultValue, value, setStorageValue]);
+    React.useEffect(() => {
+      if (getInitialValueInEffect) {
+        setValue(readStorageValue());
+      }
+    }, []);
+    return [
+      value === void 0 ? defaultValue : value,
+      setStorageValue,
+      removeStorageValue
+    ];
+  };
 }
 
 exports.createStorage = createStorage;

package/cjs/use-local-storage/create-storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-storage.js","sources":["../../src/use-local-storage/create-storage.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { useWindowEvent } from '../use-window-event/use-window-event';\n\nexport type StorageType = 'localStorage' | 'sessionStorage';\n\nexport interface IStorageProperties<T> {\n  /** Storage key */\n  key: string;\n\n  /** Default value that will be set if value is not found in storage */\n  defaultValue?: T;\n\n  /** If set to true, value will be update is useEffect after mount */\n  getInitialValueInEffect?: boolean;\n\n  /** Function to serialize value into string to be save in storage */\n  serialize?(value: T): string;\n\n  /** Function to deserialize string value from storage to value */\n  deserialize?(value: string | undefined): T;\n}\n\nfunction serializeJSON<T>(value: T, hookName: string) {\n  try {\n    return JSON.stringify(value);\n  } catch (error) {\n    throw new Error(`@mantine/hooks ${hookName}: Failed to serialize the value`);\n  }\n}\n\nfunction deserializeJSON(value: string) {\n  try {\n    return JSON.parse(value);\n  } catch {\n    return value;\n  }\n}\n\nexport function createStorage<T>(type: StorageType, hookName: string) {\n  const eventName = type === 'localStorage' ? 'mantine-local-storage' : 'mantine-session-storage';\n\n  return function useStorage({\n    key,\n    defaultValue = undefined,\n    getInitialValueInEffect = true,\n    deserialize = deserializeJSON,\n    serialize = (value: T) => serializeJSON(value, hookName),\n  }: IStorageProperties<T>) {\n    const readStorageValue = useCallback(\n      (skipStorage?: boolean): T => {\n        if (\n          typeof window === 'undefined' ||\n          !(type in window) ||\n          window[type] === null ||\n          skipStorage\n        ) {\n          return defaultValue as T;\n        }\n\n        const storageValue = window[type].getItem(key);\n\n        return storageValue !== null ? deserialize(storageValue) : (defaultValue as T);\n      },\n      [key, defaultValue]\n    );\n\n    const [value, setValue] = useState<T>(readStorageValue(getInitialValueInEffect));\n\n    const setStorageValue = useCallback(\n      (val: T | ((prevState: T) => T)) => {\n        if (val instanceof Function) {\n          setValue((current) => {\n            const result = val(current);\n            window[type].setItem(key, serialize(result));\n            window.dispatchEvent(\n              new CustomEvent(eventName, { detail: { key, value: val(current) } })\n            );\n            return result;\n          });\n        } else {\n          window[type].setItem(key, serialize(val));\n          window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: val } }));\n          setValue(val);\n        }\n      },\n      [key]\n    );\n\n    const removeStorageValue = useCallback(() => {\n      window[type].removeItem(key);\n      window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: defaultValue } }));\n    }, []);\n\n    useWindowEvent('storage', (event) => {\n      if (event.storageArea === window[type] && event.key === key) {\n        setValue(deserialize(event.newValue ?? undefined));\n      }\n    });\n\n    useWindowEvent(eventName, (event) => {\n      if (event.detail.key === key) {\n        setValue(event.detail.value);\n      }\n    });\n\n    useEffect(() => {\n      if (defaultValue !== undefined && value === undefined) {\n        setStorageValue(defaultValue);\n      }\n    }, [defaultValue, value, setStorageValue]);\n\n    useEffect(() => {\n      if (getInitialValueInEffect) {\n        setValue(readStorageValue());\n      }\n    }, []);\n\n    return [\n      value === undefined ? defaultValue : value,\n      setStorageValue,\n      removeStorageValue,\n    ] as const;\n  };\n}\n"],"names":["useCallback","useState","useWindowEvent","useEffect"],"mappings":"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"}
+{"version":3,"file":"create-storage.js","sources":["../../src/use-local-storage/create-storage.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { useWindowEvent } from '../use-window-event/use-window-event';\n\nexport type StorageType = 'localStorage' | 'sessionStorage';\n\nexport interface IStorageProperties<T> {\n  /** Storage key */\n  key: string;\n\n  /** Default value that will be set if value is not found in storage */\n  defaultValue?: T;\n\n  /** If set to true, value will be update is useEffect after mount */\n  getInitialValueInEffect?: boolean;\n\n  /** Function to serialize value into string to be save in storage */\n  serialize?(value: T): string;\n\n  /** Function to deserialize string value from storage to value */\n  deserialize?(value: string | undefined): T;\n}\n\nfunction serializeJSON<T>(value: T, hookName: string) {\n  try {\n    return JSON.stringify(value);\n  } catch (error) {\n    throw new Error(`@mantine/hooks ${hookName}: Failed to serialize the value`);\n  }\n}\n\nfunction deserializeJSON(value: string) {\n  try {\n    return JSON.parse(value);\n  } catch {\n    return value;\n  }\n}\n\nexport function createStorage<T>(type: StorageType, hookName: string) {\n  const eventName = type === 'localStorage' ? 'mantine-local-storage' : 'mantine-session-storage';\n\n  return function useStorage({\n    key,\n    defaultValue = undefined,\n    getInitialValueInEffect = true,\n    deserialize = deserializeJSON,\n    serialize = (value: T) => serializeJSON(value, hookName),\n  }: IStorageProperties<T>) {\n    const readStorageValue = useCallback(\n      (skipStorage?: boolean): T => {\n        if (\n          typeof window === 'undefined' ||\n          !(type in window) ||\n          window[type] === null ||\n          skipStorage\n        ) {\n          return defaultValue as T;\n        }\n\n        const storageValue = window[type].getItem(key);\n\n        return storageValue !== null ? deserialize(storageValue) : (defaultValue as T);\n      },\n      [key, defaultValue]\n    );\n\n    const [value, setValue] = useState<T>(readStorageValue(getInitialValueInEffect));\n\n    const setStorageValue = useCallback(\n      (val: T | ((prevState: T) => T)) => {\n        if (val instanceof Function) {\n          setValue((current) => {\n            const result = val(current);\n            window[type].setItem(key, serialize(result));\n            window.dispatchEvent(\n              new CustomEvent(eventName, { detail: { key, value: val(current) } })\n            );\n            return result;\n          });\n        } else {\n          window[type].setItem(key, serialize(val));\n          window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: val } }));\n          setValue(val);\n        }\n      },\n      [key]\n    );\n\n    const removeStorageValue = useCallback(() => {\n      window[type].removeItem(key);\n      window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: defaultValue } }));\n    }, []);\n\n    useWindowEvent('storage', (event) => {\n      if (event.storageArea === window[type] && event.key === key) {\n        setValue(deserialize(event.newValue ?? undefined));\n      }\n    });\n\n    useWindowEvent(eventName, (event) => {\n      if (event.detail.key === key) {\n        setValue(event.detail.value);\n      }\n    });\n\n    useEffect(() => {\n      if (defaultValue !== undefined && value === undefined) {\n        setStorageValue(defaultValue);\n      }\n    }, [defaultValue, value, setStorageValue]);\n\n    useEffect(() => {\n      if (getInitialValueInEffect) {\n        setValue(readStorageValue());\n      }\n    }, []);\n\n    return [\n      value === undefined ? defaultValue : value,\n      setStorageValue,\n      removeStorageValue,\n    ] as const;\n  };\n}\n"],"names":["useCallback","useState","useWindowEvent","useEffect"],"mappings":"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"}

package/cjs/use-local-storage/use-local-storage.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var createStorage = require('./create-storage.js');
 
 function useLocalStorage(props) {
-    return createStorage.createStorage('localStorage', 'use-local-storage')(props);
+  return createStorage.createStorage("localStorage", "use-local-storage")(props);
 }
 
 exports.useLocalStorage = useLocalStorage;

package/cjs/use-local-storage/use-local-storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-local-storage.js","sources":["../../src/use-local-storage/use-local-storage.ts"],"sourcesContent":["import { createStorage, IStorageProperties } from './create-storage';\n\nexport function useLocalStorage<T = string>(props: IStorageProperties<T>) {\n  return createStorage<T>('localStorage', 'use-local-storage')(props);\n}\n"],"names":["createStorage"],"mappings":";;;;;;SAEgB,eAAe,CAAa,KAA4B;IACtE,OAAOA,2BAAa,CAAI,cAAc,EAAE,mBAAmB,CAAC,CAAC,KAAK,CAAC,CAAC;AACtE;;;;"}
+{"version":3,"file":"use-local-storage.js","sources":["../../src/use-local-storage/use-local-storage.ts"],"sourcesContent":["import { createStorage, IStorageProperties } from './create-storage';\n\nexport function useLocalStorage<T = string>(props: IStorageProperties<T>) {\n  return createStorage<T>('localStorage', 'use-local-storage')(props);\n}\n"],"names":["createStorage"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,KAAK,EAAE;AACvC,EAAE,OAAOA,2BAAa,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC,KAAK,CAAC,CAAC;AACnE;;;;"}

package/cjs/use-logger/use-logger.js

@@ -5,16 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useDidUpdate = require('../use-did-update/use-did-update.js');
 
-/* eslint-disable no-console */
 function useLogger(componentName, props) {
-    React.useEffect(() => {
-        console.log(`${componentName} mounted`, ...props);
-        return () => console.log(`${componentName} unmounted`);
-    }, []);
-    useDidUpdate.useDidUpdate(() => {
-        console.log(`${componentName} updated`, ...props);
-    }, props);
-    return null;
+  React.useEffect(() => {
+    console.log(`${componentName} mounted`, ...props);
+    return () => console.log(`${componentName} unmounted`);
+  }, []);
+  useDidUpdate.useDidUpdate(() => {
+    console.log(`${componentName} updated`, ...props);
+  }, props);
+  return null;
 }
 
 exports.useLogger = useLogger;

package/cjs/use-logger/use-logger.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-logger.js","sources":["../../src/use-logger/use-logger.ts"],"sourcesContent":["/* eslint-disable no-console */\nimport { useEffect } from 'react';\nimport { useDidUpdate } from '../use-did-update/use-did-update';\n\nexport function useLogger(componentName: string, props: any[]) {\n  useEffect(() => {\n    console.log(`${componentName} mounted`, ...props);\n    return () => console.log(`${componentName} unmounted`);\n  }, []);\n\n  useDidUpdate(() => {\n    console.log(`${componentName} updated`, ...props);\n  }, props);\n\n  return null;\n}\n"],"names":["useEffect","useDidUpdate"],"mappings":";;;;;;;AAAA;SAIgB,SAAS,CAAC,aAAqB,EAAE,KAAY;IAC3DA,eAAS,CAAC;QACR,OAAO,CAAC,GAAG,CAAC,GAAG,aAAa,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC;QAClD,OAAO,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,aAAa,YAAY,CAAC,CAAC;KACxD,EAAE,EAAE,CAAC,CAAC;IAEPC,yBAAY,CAAC;QACX,OAAO,CAAC,GAAG,CAAC,GAAG,aAAa,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC;KACnD,EAAE,KAAK,CAAC,CAAC;IAEV,OAAO,IAAI,CAAC;AACd;;;;"}
+{"version":3,"file":"use-logger.js","sources":["../../src/use-logger/use-logger.ts"],"sourcesContent":["/* eslint-disable no-console */\nimport { useEffect } from 'react';\nimport { useDidUpdate } from '../use-did-update/use-did-update';\n\nexport function useLogger(componentName: string, props: any[]) {\n  useEffect(() => {\n    console.log(`${componentName} mounted`, ...props);\n    return () => console.log(`${componentName} unmounted`);\n  }, []);\n\n  useDidUpdate(() => {\n    console.log(`${componentName} updated`, ...props);\n  }, props);\n\n  return null;\n}\n"],"names":["useEffect","useDidUpdate"],"mappings":";;;;;;;AAEO,SAAS,SAAS,CAAC,aAAa,EAAE,KAAK,EAAE;AAChD,EAAEA,eAAS,CAAC,MAAM;AAClB,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC;AACtD,IAAI,OAAO,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;AAC3D,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAEC,yBAAY,CAAC,MAAM;AACrB,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC;AACtD,GAAG,EAAE,KAAK,CAAC,CAAC;AACZ,EAAE,OAAO,IAAI,CAAC;AACd;;;;"}

package/cjs/use-media-query/use-media-query.js

@@ -4,43 +4,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-/**
- * Older versions of Safari (shipped withCatalina and before) do not support addEventListener on matchMedia
- * https://stackoverflow.com/questions/56466261/matchmedia-addlistener-marked-as-deprecated-addeventlistener-equivalent
- * */
 function attachMediaListener(query, callback) {
-    try {
-        query.addEventListener('change', callback);
-        return () => query.removeEventListener('change', callback);
-    }
-    catch (e) {
-        query.addListener(callback);
-        return () => query.removeListener(callback);
-    }
+  try {
+    query.addEventListener("change", callback);
+    return () => query.removeEventListener("change", callback);
+  } catch (e) {
+    query.addListener(callback);
+    return () => query.removeListener(callback);
+  }
 }
 function getInitialValue(query, initialValue) {
-    if (typeof initialValue === 'boolean') {
-        return initialValue;
-    }
-    if (typeof window !== 'undefined' && 'matchMedia' in window) {
-        return window.matchMedia(query).matches;
-    }
-    return false;
+  if (typeof initialValue === "boolean") {
+    return initialValue;
+  }
+  if (typeof window !== "undefined" && "matchMedia" in window) {
+    return window.matchMedia(query).matches;
+  }
+  return false;
 }
 function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
-    getInitialValueInEffect: true,
+  getInitialValueInEffect: true
 }) {
-    const [matches, setMatches] = React.useState(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue));
-    const queryRef = React.useRef();
-    React.useEffect(() => {
-        if ('matchMedia' in window) {
-            queryRef.current = window.matchMedia(query);
-            setMatches(queryRef.current.matches);
-            return attachMediaListener(queryRef.current, (event) => setMatches(event.matches));
-        }
-        return undefined;
-    }, [query]);
-    return matches;
+  const [matches, setMatches] = React.useState(
+    getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)
+  );
+  const queryRef = React.useRef();
+  React.useEffect(() => {
+    if ("matchMedia" in window) {
+      queryRef.current = window.matchMedia(query);
+      setMatches(queryRef.current.matches);
+      return attachMediaListener(queryRef.current, (event) => setMatches(event.matches));
+    }
+    return void 0;
+  }, [query]);
+  return matches;
 }
 
 exports.useMediaQuery = useMediaQuery;