@mui/utils 5.15.11 → 5.15.13

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/utils v5.15.11
+ * @mui/utils v5.15.13
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/utils v5.15.11
+ * @mui/utils v5.15.13
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/useTimeout/useTimeout.js

@@ -8,11 +8,11 @@ export var Timeout = /*#__PURE__*/function () {
   function Timeout() {
     var _this = this;
     _classCallCheck(this, Timeout);
-    this.currentId = 0;
+    this.currentId = null;
     this.clear = function () {
-      if (_this.currentId !== 0) {
+      if (_this.currentId !== null) {
         clearTimeout(_this.currentId);
-        _this.currentId = 0;
+        _this.currentId = null;
       }
     };
     this.disposeEffect = function () {
@@ -29,7 +29,7 @@ export var Timeout = /*#__PURE__*/function () {
       var _this2 = this;
       this.clear();
       this.currentId = setTimeout(function () {
-        _this2.currentId = 0;
+        _this2.currentId = null;
         fn();
       }, delay);
     }

package/legacy/visuallyHidden/visuallyHidden.js

@@ -2,7 +2,7 @@ var visuallyHidden = {
   border: 0,
   clip: 'rect(0 0 0 0)',
   height: '1px',
-  margin: -1,
+  margin: '-1px',
   overflow: 'hidden',
   padding: 0,
   position: 'absolute',

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/utils v5.15.11
+ * @mui/utils v5.15.13
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/useTimeout/useTimeout.js

@@ -4,11 +4,11 @@ import useLazyRef from '../useLazyRef/useLazyRef';
 import useOnMount from '../useOnMount/useOnMount';
 export class Timeout {
   constructor() {
-    this.currentId = 0;
+    this.currentId = null;
     this.clear = () => {
-      if (this.currentId !== 0) {
+      if (this.currentId !== null) {
         clearTimeout(this.currentId);
-        this.currentId = 0;
+        this.currentId = null;
       }
     };
     this.disposeEffect = () => {
@@ -24,7 +24,7 @@ export class Timeout {
   start(delay, fn) {
     this.clear();
     this.currentId = setTimeout(() => {
-      this.currentId = 0;
+      this.currentId = null;
       fn();
     }, delay);
   }

package/modern/visuallyHidden/visuallyHidden.js

@@ -2,7 +2,7 @@ const visuallyHidden = {
   border: 0,
   clip: 'rect(0 0 0 0)',
   height: '1px',
-  margin: -1,
+  margin: '-1px',
   overflow: 'hidden',
   padding: 0,
   position: 'absolute',

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/utils v5.15.11
+ * @mui/utils v5.15.13
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/useTimeout/useTimeout.js

@@ -11,11 +11,11 @@ var _useLazyRef = _interopRequireDefault(require("../useLazyRef/useLazyRef"));
 var _useOnMount = _interopRequireDefault(require("../useOnMount/useOnMount"));
 class Timeout {
   constructor() {
-    this.currentId = 0;
+    this.currentId = null;
     this.clear = () => {
-      if (this.currentId !== 0) {
+      if (this.currentId !== null) {
         clearTimeout(this.currentId);
-        this.currentId = 0;
+        this.currentId = null;
       }
     };
     this.disposeEffect = () => {
@@ -31,7 +31,7 @@ class Timeout {
   start(delay, fn) {
     this.clear();
     this.currentId = setTimeout(() => {
-      this.currentId = 0;
+      this.currentId = null;
       fn();
     }, delay);
   }

package/node/visuallyHidden/visuallyHidden.js

@@ -8,7 +8,7 @@ const visuallyHidden = {
   border: 0,
   clip: 'rect(0 0 0 0)',
   height: '1px',
-  margin: -1,
+  margin: '-1px',
   overflow: 'hidden',
   padding: 0,
   position: 'absolute',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/utils",
-  "version": "5.15.11",
+  "version": "5.15.13",
   "private": false,
   "author": "MUI Team",
   "description": "Utility functions for React components.",

package/useTimeout/useTimeout.d.ts

@@ -1,6 +1,6 @@
 export declare class Timeout {
     static create(): Timeout;
-    currentId: number;
+    currentId: ReturnType<typeof setTimeout> | null;
     /**
      * Executes `fn` after `delay`, clearing any previously scheduled call.
      */

package/useTimeout/useTimeout.js

@@ -4,11 +4,11 @@ import useLazyRef from '../useLazyRef/useLazyRef';
 import useOnMount from '../useOnMount/useOnMount';
 export class Timeout {
   constructor() {
-    this.currentId = 0;
+    this.currentId = null;
     this.clear = () => {
-      if (this.currentId !== 0) {
+      if (this.currentId !== null) {
         clearTimeout(this.currentId);
-        this.currentId = 0;
+        this.currentId = null;
       }
     };
     this.disposeEffect = () => {
@@ -24,7 +24,7 @@ export class Timeout {
   start(delay, fn) {
     this.clear();
     this.currentId = setTimeout(() => {
-      this.currentId = 0;
+      this.currentId = null;
       fn();
     }, delay);
   }

package/visuallyHidden/visuallyHidden.js

@@ -2,7 +2,7 @@ const visuallyHidden = {
   border: 0,
   clip: 'rect(0 0 0 0)',
   height: '1px',
-  margin: -1,
+  margin: '-1px',
   overflow: 'hidden',
   padding: 0,
   position: 'absolute',

package/legacy/useLocalStorageState/index.js

@@ -1 +0,0 @@
-export { default } from './useLocalStorageState';

package/legacy/useLocalStorageState/useLocalStorageState.js

@@ -1,112 +0,0 @@
-'use client';
-
-import * as React from 'react';
-var NOOP = function NOOP() {};
-
-// storage events only work across tabs, we'll use an event emitter to announce within the current tab
-var currentTabChangeListeners = new Map();
-function onCurrentTabStorageChange(key, handler) {
-  var listeners = currentTabChangeListeners.get(key);
-  if (!listeners) {
-    listeners = new Set();
-    currentTabChangeListeners.set(key, listeners);
-  }
-  listeners.add(handler);
-}
-function offCurrentTabStorageChange(key, handler) {
-  var listeners = currentTabChangeListeners.get(key);
-  if (!listeners) {
-    return;
-  }
-  listeners.delete(handler);
-  if (listeners.size === 0) {
-    currentTabChangeListeners.delete(key);
-  }
-}
-function emitCurrentTabStorageChange(key) {
-  var listeners = currentTabChangeListeners.get(key);
-  if (listeners) {
-    listeners.forEach(function (listener) {
-      return listener();
-    });
-  }
-}
-function subscribe(area, key, cb) {
-  var storageHandler = function storageHandler(event) {
-    if (event.storageArea === area && event.key === key) {
-      cb();
-    }
-  };
-  window.addEventListener('storage', storageHandler);
-  onCurrentTabStorageChange(key, cb);
-  return function () {
-    window.removeEventListener('storage', storageHandler);
-    offCurrentTabStorageChange(key, cb);
-  };
-}
-function getSnapshot(area, key) {
-  return area.getItem(key);
-}
-function setValue(area, key, value) {
-  if (typeof window !== 'undefined') {
-    if (value === null) {
-      area.removeItem(key);
-    } else {
-      area.setItem(key, String(value));
-    }
-    emitCurrentTabStorageChange(key);
-  }
-}
-function useLocalStorageStateServer(key) {
-  var initializer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var _React$useState = React.useState(initializer),
-    initialValue = _React$useState[0];
-  return [initialValue, function () {}];
-}
-
-/**
- * Sync state to local storage so that it persists through a page refresh. Usage is
- * similar to useState except we pass in a storage key so that we can default
- * to that value on page load instead of the specified initial value.
- *
- * Since the storage API isn't available in server-rendering environments, we
- * return initialValue during SSR and hydration.
- *
- * Things this hook does different from existing solutions:
- * - SSR-capable: it shows initial value during SSR and hydration, but immediately
- *   initializes when clientside mounted.
- * - Sync state across tabs: When another tab changes the value in the storage area, the
- *   current tab follows suit.
- */
-
-function useLocalStorageStateBrowser(key) {
-  var initializer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var _React$useState2 = React.useState(initializer),
-    initialValue = _React$useState2[0];
-  var area = window.localStorage;
-  var subscribeKey = React.useCallback(function (cb) {
-    return key ? subscribe(area, key, cb) : NOOP;
-  }, [area, key]);
-  var getKeySnapshot = React.useCallback(function () {
-    var _ref;
-    return (_ref = key && getSnapshot(area, key)) != null ? _ref : initialValue;
-  }, [area, initialValue, key]);
-  var getKeyServerSnapshot = React.useCallback(function () {
-    return initialValue;
-  }, [initialValue]);
-  var storedValue = React.useSyncExternalStore(subscribeKey, getKeySnapshot, getKeyServerSnapshot);
-  var setStoredValue = React.useCallback(function (value) {
-    if (key) {
-      var valueToStore = value instanceof Function ? value(storedValue) : value;
-      setValue(area, key, valueToStore);
-    }
-  }, [area, key, storedValue]);
-  var _React$useState3 = React.useState(initialValue),
-    nonStoredValue = _React$useState3[0],
-    setNonStoredValue = _React$useState3[1];
-  if (!key) {
-    return [nonStoredValue, setNonStoredValue];
-  }
-  return [storedValue, setStoredValue];
-}
-export default typeof window === 'undefined' ? useLocalStorageStateServer : useLocalStorageStateBrowser;

package/modern/useLocalStorageState/index.js

@@ -1 +0,0 @@
-export { default } from './useLocalStorageState';

package/modern/useLocalStorageState/useLocalStorageState.js

@@ -1,97 +0,0 @@
-'use client';
-
-import * as React from 'react';
-const NOOP = () => {};
-
-// storage events only work across tabs, we'll use an event emitter to announce within the current tab
-const currentTabChangeListeners = new Map();
-function onCurrentTabStorageChange(key, handler) {
-  let listeners = currentTabChangeListeners.get(key);
-  if (!listeners) {
-    listeners = new Set();
-    currentTabChangeListeners.set(key, listeners);
-  }
-  listeners.add(handler);
-}
-function offCurrentTabStorageChange(key, handler) {
-  const listeners = currentTabChangeListeners.get(key);
-  if (!listeners) {
-    return;
-  }
-  listeners.delete(handler);
-  if (listeners.size === 0) {
-    currentTabChangeListeners.delete(key);
-  }
-}
-function emitCurrentTabStorageChange(key) {
-  const listeners = currentTabChangeListeners.get(key);
-  if (listeners) {
-    listeners.forEach(listener => listener());
-  }
-}
-function subscribe(area, key, cb) {
-  const storageHandler = event => {
-    if (event.storageArea === area && event.key === key) {
-      cb();
-    }
-  };
-  window.addEventListener('storage', storageHandler);
-  onCurrentTabStorageChange(key, cb);
-  return () => {
-    window.removeEventListener('storage', storageHandler);
-    offCurrentTabStorageChange(key, cb);
-  };
-}
-function getSnapshot(area, key) {
-  return area.getItem(key);
-}
-function setValue(area, key, value) {
-  if (typeof window !== 'undefined') {
-    if (value === null) {
-      area.removeItem(key);
-    } else {
-      area.setItem(key, String(value));
-    }
-    emitCurrentTabStorageChange(key);
-  }
-}
-function useLocalStorageStateServer(key, initializer = null) {
-  const [initialValue] = React.useState(initializer);
-  return [initialValue, () => {}];
-}
-
-/**
- * Sync state to local storage so that it persists through a page refresh. Usage is
- * similar to useState except we pass in a storage key so that we can default
- * to that value on page load instead of the specified initial value.
- *
- * Since the storage API isn't available in server-rendering environments, we
- * return initialValue during SSR and hydration.
- *
- * Things this hook does different from existing solutions:
- * - SSR-capable: it shows initial value during SSR and hydration, but immediately
- *   initializes when clientside mounted.
- * - Sync state across tabs: When another tab changes the value in the storage area, the
- *   current tab follows suit.
- */
-
-function useLocalStorageStateBrowser(key, initializer = null) {
-  const [initialValue] = React.useState(initializer);
-  const area = window.localStorage;
-  const subscribeKey = React.useCallback(cb => key ? subscribe(area, key, cb) : NOOP, [area, key]);
-  const getKeySnapshot = React.useCallback(() => (key && getSnapshot(area, key)) ?? initialValue, [area, initialValue, key]);
-  const getKeyServerSnapshot = React.useCallback(() => initialValue, [initialValue]);
-  const storedValue = React.useSyncExternalStore(subscribeKey, getKeySnapshot, getKeyServerSnapshot);
-  const setStoredValue = React.useCallback(value => {
-    if (key) {
-      const valueToStore = value instanceof Function ? value(storedValue) : value;
-      setValue(area, key, valueToStore);
-    }
-  }, [area, key, storedValue]);
-  const [nonStoredValue, setNonStoredValue] = React.useState(initialValue);
-  if (!key) {
-    return [nonStoredValue, setNonStoredValue];
-  }
-  return [storedValue, setStoredValue];
-}
-export default typeof window === 'undefined' ? useLocalStorageStateServer : useLocalStorageStateBrowser;

package/node/useLocalStorageState/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _useLocalStorageState.default;
-  }
-});
-var _useLocalStorageState = _interopRequireDefault(require("./useLocalStorageState"));

package/node/useLocalStorageState/useLocalStorageState.js

@@ -1,107 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const NOOP = () => {};
-
-// storage events only work across tabs, we'll use an event emitter to announce within the current tab
-const currentTabChangeListeners = new Map();
-function onCurrentTabStorageChange(key, handler) {
-  let listeners = currentTabChangeListeners.get(key);
-  if (!listeners) {
-    listeners = new Set();
-    currentTabChangeListeners.set(key, listeners);
-  }
-  listeners.add(handler);
-}
-function offCurrentTabStorageChange(key, handler) {
-  const listeners = currentTabChangeListeners.get(key);
-  if (!listeners) {
-    return;
-  }
-  listeners.delete(handler);
-  if (listeners.size === 0) {
-    currentTabChangeListeners.delete(key);
-  }
-}
-function emitCurrentTabStorageChange(key) {
-  const listeners = currentTabChangeListeners.get(key);
-  if (listeners) {
-    listeners.forEach(listener => listener());
-  }
-}
-function subscribe(area, key, cb) {
-  const storageHandler = event => {
-    if (event.storageArea === area && event.key === key) {
-      cb();
-    }
-  };
-  window.addEventListener('storage', storageHandler);
-  onCurrentTabStorageChange(key, cb);
-  return () => {
-    window.removeEventListener('storage', storageHandler);
-    offCurrentTabStorageChange(key, cb);
-  };
-}
-function getSnapshot(area, key) {
-  return area.getItem(key);
-}
-function setValue(area, key, value) {
-  if (typeof window !== 'undefined') {
-    if (value === null) {
-      area.removeItem(key);
-    } else {
-      area.setItem(key, String(value));
-    }
-    emitCurrentTabStorageChange(key);
-  }
-}
-function useLocalStorageStateServer(key, initializer = null) {
-  const [initialValue] = React.useState(initializer);
-  return [initialValue, () => {}];
-}
-
-/**
- * Sync state to local storage so that it persists through a page refresh. Usage is
- * similar to useState except we pass in a storage key so that we can default
- * to that value on page load instead of the specified initial value.
- *
- * Since the storage API isn't available in server-rendering environments, we
- * return initialValue during SSR and hydration.
- *
- * Things this hook does different from existing solutions:
- * - SSR-capable: it shows initial value during SSR and hydration, but immediately
- *   initializes when clientside mounted.
- * - Sync state across tabs: When another tab changes the value in the storage area, the
- *   current tab follows suit.
- */
-
-function useLocalStorageStateBrowser(key, initializer = null) {
-  const [initialValue] = React.useState(initializer);
-  const area = window.localStorage;
-  const subscribeKey = React.useCallback(cb => key ? subscribe(area, key, cb) : NOOP, [area, key]);
-  const getKeySnapshot = React.useCallback(() => {
-    var _ref;
-    return (_ref = key && getSnapshot(area, key)) != null ? _ref : initialValue;
-  }, [area, initialValue, key]);
-  const getKeyServerSnapshot = React.useCallback(() => initialValue, [initialValue]);
-  const storedValue = React.useSyncExternalStore(subscribeKey, getKeySnapshot, getKeyServerSnapshot);
-  const setStoredValue = React.useCallback(value => {
-    if (key) {
-      const valueToStore = value instanceof Function ? value(storedValue) : value;
-      setValue(area, key, valueToStore);
-    }
-  }, [area, key, storedValue]);
-  const [nonStoredValue, setNonStoredValue] = React.useState(initialValue);
-  if (!key) {
-    return [nonStoredValue, setNonStoredValue];
-  }
-  return [storedValue, setStoredValue];
-}
-var _default = exports.default = typeof window === 'undefined' ? useLocalStorageStateServer : useLocalStorageStateBrowser;

package/useLocalStorageState/index.d.ts

@@ -1 +0,0 @@
-export { default } from './useLocalStorageState';

package/useLocalStorageState/index.js

@@ -1 +0,0 @@
-export { default } from './useLocalStorageState';

package/useLocalStorageState/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/useLocalStorageState/index.js",
-  "types": "./index.d.ts"
-}

package/useLocalStorageState/useLocalStorageState.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-type Initializer<T> = () => T;
-type UseStorageStateHookResult<T> = [T, React.Dispatch<React.SetStateAction<T>>];
-declare function useLocalStorageStateServer(key: string | null, initializer: string | Initializer<string>): UseStorageStateHookResult<string>;
-declare function useLocalStorageStateServer(key: string | null, initializer?: string | null | Initializer<string | null>): UseStorageStateHookResult<string | null>;
-declare const _default: typeof useLocalStorageStateServer;
-export default _default;

package/useLocalStorageState/useLocalStorageState.js

@@ -1,100 +0,0 @@
-'use client';
-
-import * as React from 'react';
-const NOOP = () => {};
-
-// storage events only work across tabs, we'll use an event emitter to announce within the current tab
-const currentTabChangeListeners = new Map();
-function onCurrentTabStorageChange(key, handler) {
-  let listeners = currentTabChangeListeners.get(key);
-  if (!listeners) {
-    listeners = new Set();
-    currentTabChangeListeners.set(key, listeners);
-  }
-  listeners.add(handler);
-}
-function offCurrentTabStorageChange(key, handler) {
-  const listeners = currentTabChangeListeners.get(key);
-  if (!listeners) {
-    return;
-  }
-  listeners.delete(handler);
-  if (listeners.size === 0) {
-    currentTabChangeListeners.delete(key);
-  }
-}
-function emitCurrentTabStorageChange(key) {
-  const listeners = currentTabChangeListeners.get(key);
-  if (listeners) {
-    listeners.forEach(listener => listener());
-  }
-}
-function subscribe(area, key, cb) {
-  const storageHandler = event => {
-    if (event.storageArea === area && event.key === key) {
-      cb();
-    }
-  };
-  window.addEventListener('storage', storageHandler);
-  onCurrentTabStorageChange(key, cb);
-  return () => {
-    window.removeEventListener('storage', storageHandler);
-    offCurrentTabStorageChange(key, cb);
-  };
-}
-function getSnapshot(area, key) {
-  return area.getItem(key);
-}
-function setValue(area, key, value) {
-  if (typeof window !== 'undefined') {
-    if (value === null) {
-      area.removeItem(key);
-    } else {
-      area.setItem(key, String(value));
-    }
-    emitCurrentTabStorageChange(key);
-  }
-}
-function useLocalStorageStateServer(key, initializer = null) {
-  const [initialValue] = React.useState(initializer);
-  return [initialValue, () => {}];
-}
-
-/**
- * Sync state to local storage so that it persists through a page refresh. Usage is
- * similar to useState except we pass in a storage key so that we can default
- * to that value on page load instead of the specified initial value.
- *
- * Since the storage API isn't available in server-rendering environments, we
- * return initialValue during SSR and hydration.
- *
- * Things this hook does different from existing solutions:
- * - SSR-capable: it shows initial value during SSR and hydration, but immediately
- *   initializes when clientside mounted.
- * - Sync state across tabs: When another tab changes the value in the storage area, the
- *   current tab follows suit.
- */
-
-function useLocalStorageStateBrowser(key, initializer = null) {
-  const [initialValue] = React.useState(initializer);
-  const area = window.localStorage;
-  const subscribeKey = React.useCallback(cb => key ? subscribe(area, key, cb) : NOOP, [area, key]);
-  const getKeySnapshot = React.useCallback(() => {
-    var _ref;
-    return (_ref = key && getSnapshot(area, key)) != null ? _ref : initialValue;
-  }, [area, initialValue, key]);
-  const getKeyServerSnapshot = React.useCallback(() => initialValue, [initialValue]);
-  const storedValue = React.useSyncExternalStore(subscribeKey, getKeySnapshot, getKeyServerSnapshot);
-  const setStoredValue = React.useCallback(value => {
-    if (key) {
-      const valueToStore = value instanceof Function ? value(storedValue) : value;
-      setValue(area, key, valueToStore);
-    }
-  }, [area, key, storedValue]);
-  const [nonStoredValue, setNonStoredValue] = React.useState(initialValue);
-  if (!key) {
-    return [nonStoredValue, setNonStoredValue];
-  }
-  return [storedValue, setStoredValue];
-}
-export default typeof window === 'undefined' ? useLocalStorageStateServer : useLocalStorageStateBrowser;