@mui/utils - npm Package Compare versions

Comparing version 5.1.1 to 5.2.0

chainPropTypes.d.ts

 import PropTypes from 'prop-types';
 export default function chainPropTypes<A, B>(propType1: PropTypes.Validator<A>, propType2: PropTypes.Validator<B>): PropTypes.Validator<A & B>;

createChainedFunction.d.ts

@@ -0,0 +0,0 @@ /**

deepmerge.d.ts

@@ -0,0 +0,0 @@ export declare function isPlainObject(item: unknown): item is Record<keyof any, unknown>;

deepmerge.js

@@ -14,5 +14,3 @@ "use strict";
 function isPlainObject(item) {
-  return item !== null && typeof item === 'object' && // TS thinks `item is possibly null` even though this was our first guard.
-  // @ts-expect-error
-  item.constructor === Object;
+  return item !== null && typeof item === 'object' && item.constructor === Object;
 }
@@ -19,0 +17,0 @@

elementAcceptingRef.d.ts

 import PropTypes from 'prop-types';
 declare const elementAcceptingRef: PropTypes.Requireable<unknown>;
 export default elementAcceptingRef;

elementTypeAcceptingRef.d.ts

 import PropTypes from 'prop-types';
 declare const _default: PropTypes.Validator<PropTypes.ReactComponentLike | null | undefined>;
 export default _default;

esm/deepmerge.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 export function isPlainObject(item) {
-  return item !== null && typeof item === 'object' && // TS thinks `item is possibly null` even though this was our first guard.
-  // @ts-expect-error
-  item.constructor === Object;
+  return item !== null && typeof item === 'object' && item.constructor === Object;
 }
@@ -7,0 +5,0 @@ export default function deepmerge(target, source, options = {

esm/useId.js

 import * as React from 'react';
-export default function useId(idOverride) {
+
+function useRandomId(idOverride) {
   const [defaultId, setDefaultId] = React.useState(idOverride);
@@ -14,2 +15,20 @@ const id = idOverride || defaultId;
   return id;
+}
+/**
+ *
+ * @example <div id={useId()} />
+ * @param idOverride
+ * @returns {string}
+ */
+
+
+export default function useReactId(idOverride) {
+  // TODO: Remove `React as any` once `useId` is part of stable types.
+  if (React.useId !== undefined) {
+    const reactId = React.useId();
+    return idOverride != null ? idOverride : reactId;
+  } // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.
+
+
+  return useRandomId(idOverride);
 }

exactProp.d.ts

 import { ValidationMap } from 'prop-types';
 export default function exactProp<T>(propTypes: ValidationMap<T>): ValidationMap<T>;

formatMuiErrorMessage.d.ts

@@ -0,0 +0,0 @@ /**

getDisplayName.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

getScrollbarSize.d.ts

 export default function getScrollbarSize(doc: Document): number;

HTMLElementType.d.ts

 export default function HTMLElementType(props: {
     [key: string]: unknown;
 }, propName: string, componentName: string, location: string, propFullName: string): Error | null;

index.d.ts

@@ -0,0 +0,0 @@ export { default as chainPropTypes } from './chainPropTypes';

index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.1.1
+/** @license MUI v5.2.0
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

integerPropType.d.ts

@@ -0,0 +0,0 @@ export function getTypeByValue(value: any): any;

isMuiElement.d.ts

 export default function isMuiElement(element: any, muiNames: readonly string[]): boolean;

legacy/deepmerge.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 export function isPlainObject(item) {
-  return item !== null && _typeof(item) === 'object' && // TS thinks `item is possibly null` even though this was our first guard.
-  // @ts-expect-error
-  item.constructor === Object;
+  return item !== null && _typeof(item) === 'object' && item.constructor === Object;
 }
@@ -8,0 +6,0 @@ export default function deepmerge(target, source) {

legacy/index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.1.1
+/** @license MUI v5.2.0
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

legacy/useId.js

 import * as React from 'react';
-export default function useId(idOverride) {
+
+function useRandomId(idOverride) {
   var _React$useState = React.useState(idOverride),
@@ -17,2 +18,20 @@ defaultId = _React$useState[0],
   return id;
+}
+/**
+ *
+ * @example <div id={useId()} />
+ * @param idOverride
+ * @returns {string}
+ */
+
+
+export default function useReactId(idOverride) {
+  // TODO: Remove `React as any` once `useId` is part of stable types.
+  if (React.useId !== undefined) {
+    var reactId = React.useId();
+    return idOverride != null ? idOverride : reactId;
+  } // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.
+
+
+  return useRandomId(idOverride);
 }

modern/deepmerge.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 export function isPlainObject(item) {
-  return item !== null && typeof item === 'object' && // TS thinks `item is possibly null` even though this was our first guard.
-  // @ts-expect-error
-  item.constructor === Object;
+  return item !== null && typeof item === 'object' && item.constructor === Object;
 }
@@ -7,0 +5,0 @@ export default function deepmerge(target, source, options = {

modern/index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.1.1
+/** @license MUI v5.2.0
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

modern/useId.js

 import * as React from 'react';
-export default function useId(idOverride) {
+
+function useRandomId(idOverride) {
   const [defaultId, setDefaultId] = React.useState(idOverride);
@@ -14,2 +15,20 @@ const id = idOverride || defaultId;
   return id;
+}
+/**
+ *
+ * @example <div id={useId()} />
+ * @param idOverride
+ * @returns {string}
+ */
+
+
+export default function useReactId(idOverride) {
+  // TODO: Remove `React as any` once `useId` is part of stable types.
+  if (React.useId !== undefined) {
+    const reactId = React.useId();
+    return idOverride ?? reactId;
+  } // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.
+
+
+  return useRandomId(idOverride);
 }

ownerDocument.d.ts

 export default function ownerDocument(node: Node | null | undefined): Document;

ownerWindow.d.ts

 export default function ownerWindow(node: Node | undefined): Window;

package.json

 {
   "name": "@mui/utils",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "private": false,
@@ -5,0 +5,0 @@ "author": "MUI Team",

ponyfillGlobal.d.ts

 declare const _default: any;
 export default _default;

refType.d.ts

 import PropTypes from 'prop-types';
 declare const refType: PropTypes.Requireable<object>;
 export default refType;

setRef.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

useEventCallback.d.ts

@@ -0,0 +0,0 @@ /**

useEventCallback.spec.d.ts

 export {};

useForkRef.d.ts

 import * as React from 'react';
 export default function useForkRef<Instance>(refA: React.Ref<Instance> | null | undefined, refB: React.Ref<Instance> | null | undefined): React.Ref<Instance> | null;

useId.d.ts

@@ -1,1 +0,7 @@
-export default function useId(idOverride?: string): string | undefined;
+/**
+ *
+ * @example <div id={useId()} />
+ * @param idOverride
+ * @returns {string}
+ */
+export default function useReactId(idOverride?: string): string | undefined;

useId.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.default = useId;
+exports.default = useReactId;
 
@@ -15,3 +15,3 @@ var React = _interopRequireWildcard(require("react"));
 
-function useId(idOverride) {
+function useRandomId(idOverride) {
   const [defaultId, setDefaultId] = React.useState(idOverride);
@@ -28,2 +28,20 @@ const id = idOverride || defaultId;
   return id;
+}
+/**
+ *
+ * @example <div id={useId()} />
+ * @param idOverride
+ * @returns {string}
+ */
+
+
+function useReactId(idOverride) {
+  // TODO: Remove `React as any` once `useId` is part of stable types.
+  if (React.useId !== undefined) {
+    const reactId = React.useId();
+    return idOverride != null ? idOverride : reactId;
+  } // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.
+
+
+  return useRandomId(idOverride);
 }

usePreviousProps.d.ts

 declare const usePreviousProps: (value: object) => object;
 export default usePreviousProps;

visuallyHidden.d.ts

 declare const visuallyHidden: import('react').CSSProperties;
 export default visuallyHidden;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

486645

increased by1.33%

Lines of code

3556

increased by1.54%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes