@mui/material 6.0.0-beta.0 → 6.0.0-beta.1

package/utils/PolymorphicComponent.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { DistributiveOmit, OverridableTypeMap } from '@mui/types';
+/**
+ * A component whose root component can be controlled explicitly with a generic type parameter.
+ * Adjusts valid props based on the type of `RootComponent`.
+ *
+ * @template TypeMap The interface the defines the props and a default root element of the component.
+ */
+export type PolymorphicComponent<TypeMap extends OverridableTypeMap> = {
+    <RootComponent extends React.ElementType = TypeMap['defaultComponent']>(props: PolymorphicProps<TypeMap, RootComponent>): React.JSX.Element | null;
+    propTypes?: any;
+    displayName?: string | undefined;
+};
+/**
+ * Own props of the component augmented with props of the root component.
+ */
+export type PolymorphicProps<TypeMap extends OverridableTypeMap, RootComponent extends React.ElementType> = TypeMap['props'] & DistributiveOmit<React.ComponentPropsWithRef<RootComponent>, keyof TypeMap['props']>;

package/utils/PolymorphicComponent.js

@@ -0,0 +1 @@
+export {};

package/utils/areArraysEqual.d.ts

@@ -0,0 +1,3 @@
+type ItemComparer<Item> = (a: Item, b: Item) => boolean;
+declare function areArraysEqual<Item>(array1: ReadonlyArray<Item>, array2: ReadonlyArray<Item>, itemComparer?: ItemComparer<Item>): boolean;
+export default areArraysEqual;

package/utils/areArraysEqual.js

@@ -0,0 +1,4 @@
+function areArraysEqual(array1, array2, itemComparer = (a, b) => a === b) {
+  return array1.length === array2.length && array1.every((value, index) => itemComparer(value, array2[index]));
+}
+export default areArraysEqual;

package/utils/index.d.ts

@@ -1,3 +1,4 @@
+export { unstable_ClassNameGenerator } from '@mui/utils';
 export { default as capitalize } from './capitalize';
 export { default as createChainedFunction } from './createChainedFunction';
 export { default as createSvgIcon } from './createSvgIcon';
@@ -14,4 +15,4 @@ export { default as unsupportedProp } from './unsupportedProp';
 export { default as useControlled } from './useControlled';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useForkRef } from './useForkRef';
-export { unstable_ClassNameGenerator } from '@mui/base/ClassNameGenerator';
+export * from './types';

package/utils/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/base/ClassNameGenerator';
+import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/utils';
 export { default as capitalize } from './capitalize';
 export { default as createChainedFunction } from './createChainedFunction';
 export { default as createSvgIcon } from './createSvgIcon';

package/utils/isHostComponent.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Determines if a given element is a DOM element name (i.e. not a React component).
+ */
+declare function isHostComponent(element: React.ElementType): boolean;
+export default isHostComponent;

package/utils/isHostComponent.js

@@ -0,0 +1,7 @@
+/**
+ * Determines if a given element is a DOM element name (i.e. not a React component).
+ */
+function isHostComponent(element) {
+  return typeof element === 'string';
+}
+export default isHostComponent;

package/utils/omitEventHandlers.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Removes event handlers from the given object.
+ * A field is considered an event handler if it is a function with a name beginning with `on`.
+ *
+ * @param object Object to remove event handlers from.
+ * @returns Object with event handlers removed.
+ */
+declare function omitEventHandlers<Props extends Record<string, unknown>>(object: Props | undefined): {};
+export default omitEventHandlers;

package/utils/omitEventHandlers.js

@@ -0,0 +1,18 @@
+/**
+ * Removes event handlers from the given object.
+ * A field is considered an event handler if it is a function with a name beginning with `on`.
+ *
+ * @param object Object to remove event handlers from.
+ * @returns Object with event handlers removed.
+ */
+function omitEventHandlers(object) {
+  if (object === undefined) {
+    return {};
+  }
+  const result = {};
+  Object.keys(object).filter(prop => !(prop.match(/^on[A-Z]/) && typeof object[prop] === 'function')).forEach(prop => {
+    result[prop] = object[prop];
+  });
+  return result;
+}
+export default omitEventHandlers;

package/utils/shouldSpreadAdditionalProps.js

@@ -1,4 +1,4 @@
-import { isHostComponent } from '@mui/base/utils';
+import isHostComponent from './isHostComponent';
 const shouldSpreadAdditionalProps = Slot => {
   return !Slot || !isHostComponent(Slot);
 };

package/utils/types.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { SxProps } from '@mui/system';
-import { SlotComponentProps } from '@mui/base';
+import { SlotComponentProps } from '@mui/utils';
+export type { EventHandlers, WithOptionalOwnerState, SlotComponentProps, SlotComponentPropsWithSlotState, } from '@mui/utils';
 export type SlotCommonProps = {
     component?: React.ElementType;
     sx?: SxProps;

package/utils/useSlot.js

@@ -1,7 +1,9 @@
 'use client';
 
 import useForkRef from '@mui/utils/useForkRef';
-import { appendOwnerState, resolveComponentProps, mergeSlotProps } from '@mui/base/utils';
+import appendOwnerState from '@mui/utils/appendOwnerState';
+import resolveComponentProps from '@mui/utils/resolveComponentProps';
+import mergeSlotProps from '@mui/utils/mergeSlotProps';
 /**
  * An internal function to create a Material UI slot.
  *