@mui/utils 5.15.6 → 5.15.8

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@mui/utils",
-  "version": "5.15.6",
+  "version": "5.15.8",
   "private": false,
   "author": "MUI Team",
   "description": "Utility functions for React components.",
-  "main": "./index.js",
+  "main": "./node/index.js",
   "keywords": [
     "react",
     "react-component",
@@ -26,7 +26,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.8",
+    "@babel/runtime": "^7.23.9",
     "@types/prop-types": "^15.7.11",
     "prop-types": "^15.8.1",
     "react-is": "^18.2.0"
@@ -48,6 +48,6 @@
   "engines": {
     "node": ">=12.0.0"
   },
-  "module": "./esm/index.js",
+  "module": "./index.js",
   "types": "./index.d.ts"
 }

package/ponyfillGlobal/index.js

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

package/ponyfillGlobal/package.json

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

package/ponyfillGlobal/ponyfillGlobal.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 /* eslint-disable */
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var _default = exports.default = typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();
+export default typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();

package/refType/index.d.ts

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

package/refType/index.js

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

package/refType/package.json

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

package/requirePropFactory/index.d.ts

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

package/requirePropFactory/index.js

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

package/requirePropFactory/package.json

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

package/resolveProps/index.d.ts

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

package/resolveProps/index.js

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

package/resolveProps/package.json

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

package/scrollLeft/index.d.ts

@@ -0,0 +1 @@
+export * from './scrollLeft';

package/scrollLeft/index.js

@@ -0,0 +1 @@
+export * from './scrollLeft';

package/scrollLeft/package.json

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

package/setRef/index.d.ts

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

package/setRef/index.js

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

package/setRef/package.json

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

package/unsupportedProp/index.d.ts

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

package/unsupportedProp/index.js

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

package/unsupportedProp/package.json

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

package/useControlled/index.js

@@ -1,14 +1 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _useControlled.default;
-  }
-});
-var _useControlled = _interopRequireDefault(require("./useControlled"));
+export { default } from './useControlled';

package/useControlled/package.json

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

package/useControlled/useControlled.js

@@ -1,15 +1,8 @@
-"use strict";
 'use client';
 
 /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useControlled;
-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; }
-function useControlled({
+import * as React from 'react';
+export default function useControlled({
   controlled,
   default: defaultProp,
   name,

package/useEnhancedEffect/index.js

@@ -1,14 +1 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _useEnhancedEffect.default;
-  }
-});
-var _useEnhancedEffect = _interopRequireDefault(require("./useEnhancedEffect"));
+export { default } from './useEnhancedEffect';

package/useEnhancedEffect/package.json

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

package/useEnhancedEffect/useEnhancedEffect.js

@@ -1,13 +1,7 @@
-"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; }
+import * as React from 'react';
+
 /**
  * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
  * This is useful for effects that are only needed for client-side rendering but not for SSR.
@@ -16,4 +10,4 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * and confirm it doesn't apply to your use-case.
  */
 const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-var _default = exports.default = useEnhancedEffect;
+export default useEnhancedEffect;

package/useEventCallback/index.js

@@ -1,14 +1 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _useEventCallback.default;
-  }
-});
-var _useEventCallback = _interopRequireDefault(require("./useEventCallback"));
+export { default } from './useEventCallback';

package/useEventCallback/package.json

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

package/useEventCallback/useEventCallback.js

@@ -1,15 +1,8 @@
-"use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _useEnhancedEffect = _interopRequireDefault(require("../useEnhancedEffect"));
-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; }
+import * as React from 'react';
+import useEnhancedEffect from '../useEnhancedEffect';
+
 /**
  * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892
  * See RFC in https://github.com/reactjs/rfcs/pull/220
@@ -17,11 +10,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 function useEventCallback(fn) {
   const ref = React.useRef(fn);
-  (0, _useEnhancedEffect.default)(() => {
+  useEnhancedEffect(() => {
     ref.current = fn;
   });
   return React.useRef((...args) =>
   // @ts-expect-error hide `this`
   (0, ref.current)(...args)).current;
 }
-var _default = exports.default = useEventCallback;
+export default useEventCallback;

package/useForkRef/index.js

@@ -1,14 +1 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _useForkRef.default;
-  }
-});
-var _useForkRef = _interopRequireDefault(require("./useForkRef"));
+export { default } from './useForkRef';

package/useForkRef/package.json

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

package/useForkRef/useForkRef.js

@@ -1,16 +1,8 @@
-"use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useForkRef;
-var React = _interopRequireWildcard(require("react"));
-var _setRef = _interopRequireDefault(require("../setRef"));
-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; }
-function useForkRef(...refs) {
+import * as React from 'react';
+import setRef from '../setRef';
+export default function useForkRef(...refs) {
   /**
    * This will create a new function if the refs passed to this hook change and are all defined.
    * This means react will call the old forkRef with `null` and the new forkRef
@@ -22,7 +14,7 @@ function useForkRef(...refs) {
     }
     return instance => {
       refs.forEach(ref => {
-        (0, _setRef.default)(ref, instance);
+        setRef(ref, instance);
       });
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/useId/index.js

@@ -1,14 +1 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _useId.default;
-  }
-});
-var _useId = _interopRequireDefault(require("./useId"));
+export { default } from './useId';

package/useId/package.json

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

package/useId/useId.js

@@ -1,13 +1,6 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useId;
-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; }
+import * as React from 'react';
 let globalId = 0;
 function useGlobalId(idOverride) {
   const [defaultId, setDefaultId] = React.useState(idOverride);
@@ -33,7 +26,7 @@ const maybeReactUseId = React['useId'.toString()];
  * @param idOverride
  * @returns {string}
  */
-function useId(idOverride) {
+export default function useId(idOverride) {
   if (maybeReactUseId !== undefined) {
     const reactId = maybeReactUseId();
     return idOverride != null ? idOverride : reactId;

package/useIsFocusVisible/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './useIsFocusVisible';
+export * from './useIsFocusVisible';

package/useIsFocusVisible/index.js

@@ -0,0 +1,2 @@
+export { default } from './useIsFocusVisible';
+export * from './useIsFocusVisible';

package/useIsFocusVisible/package.json

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

package/{modern → useIsFocusVisible}/useIsFocusVisible.js

@@ -2,9 +2,10 @@
 
 // based on https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js
 import * as React from 'react';
+import { Timeout } from '../useTimeout/useTimeout';
 let hadKeyboardEvent = true;
 let hadFocusVisibleRecently = false;
-let hadFocusVisibleRecentlyTimeout;
+const hadFocusVisibleRecentlyTimeout = new Timeout();
 const inputTypesWhitelist = {
   text: true,
   search: true,
@@ -134,10 +135,9 @@ export default function useIsFocusVisible() {
       // If we don't see a visibility change within 100ms, it's probably a
       // regular focus change.
       hadFocusVisibleRecently = true;
-      window.clearTimeout(hadFocusVisibleRecentlyTimeout);
-      hadFocusVisibleRecentlyTimeout = window.setTimeout(() => {
+      hadFocusVisibleRecentlyTimeout.start(100, () => {
         hadFocusVisibleRecently = false;
-      }, 100);
+      });
       isFocusVisibleRef.current = false;
       return true;
     }

package/useLazyRef/index.d.ts

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

package/useLazyRef/index.js

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

package/useLazyRef/package.json

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

package/useLazyRef/useLazyRef.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+/**
+ * A React.useRef() that is initialized lazily with a function. Note that it accepts an optional
+ * initialization argument, so the initialization function doesn't need to be an inline closure.
+ *
+ * @usage
+ *   const ref = useLazyRef(sortColumns, columns)
+ */
+export default function useLazyRef<T, U>(init: (arg?: U) => T, initArg?: U): React.MutableRefObject<T>;

package/useLazyRef/useLazyRef.js

@@ -0,0 +1,19 @@
+'use client';
+
+import * as React from 'react';
+const UNINITIALIZED = {};
+
+/**
+ * A React.useRef() that is initialized lazily with a function. Note that it accepts an optional
+ * initialization argument, so the initialization function doesn't need to be an inline closure.
+ *
+ * @usage
+ *   const ref = useLazyRef(sortColumns, columns)
+ */
+export default function useLazyRef(init, initArg) {
+  const ref = React.useRef(UNINITIALIZED);
+  if (ref.current === UNINITIALIZED) {
+    ref.current = init(initArg);
+  }
+  return ref;
+}

package/useOnMount/index.d.ts

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

package/useOnMount/index.js

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

package/useOnMount/package.json

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

package/useOnMount/useOnMount.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+/**
+ * A React.useEffect equivalent that runs once, when the component is mounted.
+ */
+export default function useOnMount(fn: React.EffectCallback): void;

package/useOnMount/useOnMount.js

@@ -0,0 +1,13 @@
+'use client';
+
+import * as React from 'react';
+const EMPTY = [];
+
+/**
+ * A React.useEffect equivalent that runs once, when the component is mounted.
+ */
+export default function useOnMount(fn) {
+  /* eslint-disable react-hooks/exhaustive-deps */
+  React.useEffect(fn, EMPTY);
+  /* eslint-enable react-hooks/exhaustive-deps */
+}

package/usePreviousProps/index.d.ts

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

package/usePreviousProps/index.js

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

package/usePreviousProps/package.json

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

package/useTimeout/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './useTimeout';
+export { Timeout } from './useTimeout';

package/useTimeout/index.js

@@ -0,0 +1,2 @@
+export { default } from './useTimeout';
+export { Timeout } from './useTimeout';

package/useTimeout/package.json

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

package/useTimeout/useTimeout.d.ts

@@ -0,0 +1,11 @@
+export declare class Timeout {
+    static create(): Timeout;
+    currentId: number;
+    /**
+     * Executes `fn` after `delay`, clearing any previously scheduled call.
+     */
+    start(delay: number, fn: Function): void;
+    clear: () => void;
+    disposeEffect: () => () => void;
+}
+export default function useTimeout(): Timeout;

package/useTimeout/useTimeout.js

@@ -0,0 +1,36 @@
+'use client';
+
+import useLazyRef from '../useLazyRef/useLazyRef';
+import useOnMount from '../useOnMount/useOnMount';
+export class Timeout {
+  constructor() {
+    this.currentId = 0;
+    this.clear = () => {
+      if (this.currentId !== 0) {
+        clearTimeout(this.currentId);
+        this.currentId = 0;
+      }
+    };
+    this.disposeEffect = () => {
+      return this.clear;
+    };
+  }
+  static create() {
+    return new Timeout();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(delay, fn) {
+    this.clear();
+    this.currentId = setTimeout(() => {
+      this.currentId = 0;
+      fn();
+    }, delay);
+  }
+}
+export default function useTimeout() {
+  const timeout = useLazyRef(Timeout.create).current;
+  useOnMount(timeout.disposeEffect);
+  return timeout;
+}

package/visuallyHidden/index.d.ts

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