@mui/utils 6.0.0-alpha.9 → 6.0.0-beta.1

package/useId/package.json

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

package/useId/useId.js

@@ -1,6 +1,13 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
+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 && {}.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; }
 let globalId = 0;
 function useGlobalId(idOverride) {
   const [defaultId, setDefaultId] = React.useState(idOverride);
@@ -26,10 +33,10 @@ const maybeReactUseId = React['useId'.toString()];
  * @param idOverride
  * @returns {string}
  */
-export default function useId(idOverride) {
+function useId(idOverride) {
   if (maybeReactUseId !== undefined) {
     const reactId = maybeReactUseId();
-    return idOverride ?? reactId;
+    return idOverride != null ? idOverride : reactId;
   }
   // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.
   return useGlobalId(idOverride);

package/useLazyRef/index.js

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

package/useLazyRef/package.json

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

package/useLazyRef/useLazyRef.js

@@ -1,6 +1,13 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useLazyRef;
+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 && {}.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 UNINITIALIZED = {};
 
 /**
@@ -10,7 +17,7 @@ const UNINITIALIZED = {};
  * @usage
  *   const ref = useLazyRef(sortColumns, columns)
  */
-export default function useLazyRef(init, initArg) {
+function useLazyRef(init, initArg) {
   const ref = React.useRef(UNINITIALIZED);
   if (ref.current === UNINITIALIZED) {
     ref.current = init(initArg);

package/useLocalStorageState/index.js

@@ -1 +1,13 @@
-export { default } from './useLocalStorageState';
+"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/useLocalStorageState/package.json

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

package/useLocalStorageState/useLocalStorageState.js

@@ -1,7 +1,13 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-
+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 && {}.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; }
 // 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) {
@@ -90,7 +96,10 @@ function useLocalStorageStateBrowser(key, initializer = null) {
   const [initialValue] = React.useState(initializer);
   const area = window.localStorage;
   const subscribeKey = React.useCallback(callbark => subscribe(area, key, callbark), [area, key]);
-  const getKeySnapshot = React.useCallback(() => getSnapshot(area, key) ?? initialValue, [area, initialValue, key]);
+  const getKeySnapshot = React.useCallback(() => {
+    var _getSnapshot;
+    return (_getSnapshot = getSnapshot(area, key)) != null ? _getSnapshot : initialValue;
+  }, [area, initialValue, key]);
 
   // Start with null for the hydration, and then switch to the actual value.
   const getKeyServerSnapshot = () => null;
@@ -105,4 +114,4 @@ function useLocalStorageStateBrowser(key, initializer = null) {
   }
   return [storedValue, setStoredValue];
 }
-export default typeof window === 'undefined' ? useLocalStorageStateServer : useLocalStorageStateBrowser;
+var _default = exports.default = typeof window === 'undefined' ? useLocalStorageStateServer : useLocalStorageStateBrowser;

package/useOnMount/index.js

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

package/useOnMount/package.json

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

package/useOnMount/useOnMount.js

@@ -1,12 +1,19 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useOnMount;
+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 && {}.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 EMPTY = [];
 
 /**
  * A React.useEffect equivalent that runs once, when the component is mounted.
  */
-export default function useOnMount(fn) {
+function useOnMount(fn) {
   /* eslint-disable react-hooks/exhaustive-deps */
   React.useEffect(fn, EMPTY);
   /* eslint-enable react-hooks/exhaustive-deps */

package/usePreviousProps/index.js

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

package/usePreviousProps/package.json

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

package/usePreviousProps/usePreviousProps.js

@@ -1,6 +1,13 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
+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 && {}.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 usePreviousProps = value => {
   const ref = React.useRef({});
   React.useEffect(() => {
@@ -8,4 +15,4 @@ const usePreviousProps = value => {
   });
   return ref.current;
 };
-export default usePreviousProps;
+var _default = exports.default = usePreviousProps;

package/useSlotProps/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './useSlotProps';
+export type { UseSlotPropsParameters, UseSlotPropsResult } from './useSlotProps';

package/{node/capitalize → useSlotProps}/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _capitalize.default;
+    return _useSlotProps.default;
   }
 });
-var _capitalize = _interopRequireDefault(require("./capitalize"));
+var _useSlotProps = _interopRequireDefault(require("./useSlotProps"));

package/useSlotProps/package.json

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

package/useSlotProps/useSlotProps.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { AppendOwnerStateReturnType } from '../appendOwnerState';
+import { MergeSlotPropsParameters, MergeSlotPropsResult, WithCommonProps } from '../mergeSlotProps';
+export type UseSlotPropsParameters<ElementType extends React.ElementType, SlotProps, ExternalForwardedProps, ExternalSlotProps, AdditionalProps, OwnerState> = Omit<MergeSlotPropsParameters<SlotProps, ExternalForwardedProps, ExternalSlotProps, AdditionalProps>, 'externalSlotProps'> & {
+    /**
+     * The type of the component used in the slot.
+     */
+    elementType: ElementType | undefined;
+    /**
+     * The `slotProps.*` of the Base UI component.
+     */
+    externalSlotProps: ExternalSlotProps | ((ownerState: OwnerState) => ExternalSlotProps) | undefined;
+    /**
+     * The ownerState of the Base UI component.
+     */
+    ownerState: OwnerState;
+    /**
+     * Set to true if the slotProps callback should receive more props.
+     */
+    skipResolvingSlotProps?: boolean;
+};
+export type UseSlotPropsResult<ElementType extends React.ElementType, SlotProps, AdditionalProps, OwnerState> = AppendOwnerStateReturnType<ElementType, MergeSlotPropsResult<SlotProps, object, object, AdditionalProps>['props'] & {
+    ref: ((instance: any | null) => void) | null;
+}, OwnerState>;
+/**
+ * @ignore - do not document.
+ * Builds the props to be passed into the slot of an unstyled component.
+ * It merges the internal props of the component with the ones supplied by the user, allowing to customize the behavior.
+ * If the slot component is not a host component, it also merges in the `ownerState`.
+ *
+ * @param parameters.getSlotProps - A function that returns the props to be passed to the slot component.
+ */
+declare function useSlotProps<ElementType extends React.ElementType, SlotProps, AdditionalProps, OwnerState>(parameters: UseSlotPropsParameters<ElementType, SlotProps, object, WithCommonProps<Record<string, any>>, AdditionalProps, OwnerState>): import("@mui/types").Simplify<import("@mui/types").Simplify<SlotProps & object & AdditionalProps & {
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+}> & {
+    ref: ((instance: any) => void) | null;
+} & {
+    ownerState: ElementType extends React.ComponentType<any> ? OwnerState : ElementType extends keyof React.JSX.IntrinsicElements ? undefined : OwnerState | undefined;
+}>;
+export default useSlotProps;

package/useSlotProps/useSlotProps.js

@@ -0,0 +1,45 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _useForkRef = _interopRequireDefault(require("../useForkRef"));
+var _appendOwnerState = _interopRequireDefault(require("../appendOwnerState"));
+var _mergeSlotProps = _interopRequireDefault(require("../mergeSlotProps"));
+var _resolveComponentProps = _interopRequireDefault(require("../resolveComponentProps"));
+/**
+ * @ignore - do not document.
+ * Builds the props to be passed into the slot of an unstyled component.
+ * It merges the internal props of the component with the ones supplied by the user, allowing to customize the behavior.
+ * If the slot component is not a host component, it also merges in the `ownerState`.
+ *
+ * @param parameters.getSlotProps - A function that returns the props to be passed to the slot component.
+ */
+function useSlotProps(parameters) {
+  var _parameters$additiona;
+  const {
+    elementType,
+    externalSlotProps,
+    ownerState,
+    skipResolvingSlotProps = false,
+    ...other
+  } = parameters;
+  const resolvedComponentsProps = skipResolvingSlotProps ? {} : (0, _resolveComponentProps.default)(externalSlotProps, ownerState);
+  const {
+    props: mergedProps,
+    internalRef
+  } = (0, _mergeSlotProps.default)({
+    ...other,
+    externalSlotProps: resolvedComponentsProps
+  });
+  const ref = (0, _useForkRef.default)(internalRef, resolvedComponentsProps == null ? void 0 : resolvedComponentsProps.ref, (_parameters$additiona = parameters.additionalProps) == null ? void 0 : _parameters$additiona.ref);
+  const props = (0, _appendOwnerState.default)(elementType, {
+    ...mergedProps,
+    ref
+  }, ownerState);
+  return props;
+}
+var _default = exports.default = useSlotProps;

package/useTimeout/index.js

@@ -1,2 +1,20 @@
-export { default } from './useTimeout';
-export { Timeout } from './useTimeout';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Timeout", {
+  enumerable: true,
+  get: function () {
+    return _useTimeout.Timeout;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useTimeout.default;
+  }
+});
+var _useTimeout = _interopRequireWildcard(require("./useTimeout"));
+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 && {}.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; }

package/useTimeout/package.json

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

package/useTimeout/useTimeout.js

@@ -1,8 +1,15 @@
+"use strict";
 'use client';
 
-import useLazyRef from '../useLazyRef/useLazyRef';
-import useOnMount from '../useOnMount/useOnMount';
-export class Timeout {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Timeout = void 0;
+exports.default = useTimeout;
+var _useLazyRef = _interopRequireDefault(require("../useLazyRef/useLazyRef"));
+var _useOnMount = _interopRequireDefault(require("../useOnMount/useOnMount"));
+class Timeout {
   static create() {
     return new Timeout();
   }
@@ -28,8 +35,9 @@ export class Timeout {
     return this.clear;
   };
 }
-export default function useTimeout() {
-  const timeout = useLazyRef(Timeout.create).current;
-  useOnMount(timeout.disposeEffect);
+exports.Timeout = Timeout;
+function useTimeout() {
+  const timeout = (0, _useLazyRef.default)(Timeout.create).current;
+  (0, _useOnMount.default)(timeout.disposeEffect);
   return timeout;
 }

package/visuallyHidden/index.js

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

package/visuallyHidden/package.json

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

package/visuallyHidden/visuallyHidden.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 const visuallyHidden = {
   border: 0,
   clip: 'rect(0 0 0 0)',
@@ -9,4 +15,4 @@ const visuallyHidden = {
   whiteSpace: 'nowrap',
   width: '1px'
 };
-export default visuallyHidden;
+var _default = exports.default = visuallyHidden;

package/modern/scrollLeft/index.js

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

package/modern/scrollLeft/scrollLeft.js

@@ -1,70 +0,0 @@
-// Source from https://github.com/alitaheri/normalize-scroll-left
-let cachedType;
-
-/**
- * Based on the jquery plugin https://github.com/othree/jquery.rtl-scroll-type
- *
- * Types of scrollLeft, assuming scrollWidth=100 and direction is rtl.
- *
- * Type             | <- Most Left | Most Right -> | Initial
- * ---------------- | ------------ | ------------- | -------
- * default          | 0            | 100           | 100
- * negative (spec*) | -100         | 0             | 0
- * reverse          | 100          | 0             | 0
- *
- * Edge 85: default
- * Safari 14: negative
- * Chrome 85: negative
- * Firefox 81: negative
- * IE11: reverse
- *
- * spec* https://drafts.csswg.org/cssom-view/#dom-window-scroll
- */
-export function detectScrollType() {
-  if (cachedType) {
-    return cachedType;
-  }
-  const dummy = document.createElement('div');
-  const container = document.createElement('div');
-  container.style.width = '10px';
-  container.style.height = '1px';
-  dummy.appendChild(container);
-  dummy.dir = 'rtl';
-  dummy.style.fontSize = '14px';
-  dummy.style.width = '4px';
-  dummy.style.height = '1px';
-  dummy.style.position = 'absolute';
-  dummy.style.top = '-1000px';
-  dummy.style.overflow = 'scroll';
-  document.body.appendChild(dummy);
-  cachedType = 'reverse';
-  if (dummy.scrollLeft > 0) {
-    cachedType = 'default';
-  } else {
-    dummy.scrollLeft = 1;
-    if (dummy.scrollLeft === 0) {
-      cachedType = 'negative';
-    }
-  }
-  document.body.removeChild(dummy);
-  return cachedType;
-}
-
-// Based on https://stackoverflow.com/a/24394376
-export function getNormalizedScrollLeft(element, direction) {
-  const scrollLeft = element.scrollLeft;
-
-  // Perform the calculations only when direction is rtl to avoid messing up the ltr behavior
-  if (direction !== 'rtl') {
-    return scrollLeft;
-  }
-  const type = detectScrollType();
-  switch (type) {
-    case 'negative':
-      return element.scrollWidth - element.clientWidth + scrollLeft;
-    case 'reverse':
-      return element.scrollWidth - element.clientWidth - scrollLeft;
-    default:
-      return scrollLeft;
-  }
-}

package/modern/useIsFocusVisible/index.js

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