@mui/material 7.0.0-beta.4 → 7.0.0-rc.0

package/utils/mergeSlotProps.js

@@ -6,10 +6,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = mergeSlotProps;
 var _clsx = _interopRequireDefault(require("clsx"));
+// Brought from [Base UI](https://github.com/mui/base-ui/blob/master/packages/react/src/merge-props/mergeProps.ts#L119)
+// Use it directly from Base UI once it's a package dependency.
+function isEventHandler(key, value) {
+  // This approach is more efficient than using a regex.
+  const thirdCharCode = key.charCodeAt(2);
+  return key[0] === 'o' && key[1] === 'n' && thirdCharCode >= 65 /* A */ && thirdCharCode <= 90 /* Z */ && typeof value === 'function';
+}
 function mergeSlotProps(externalSlotProps, defaultSlotProps) {
   if (!externalSlotProps) {
     return defaultSlotProps;
   }
+  function extractHandlers(externalSlotPropsValue, defaultSlotPropsValue) {
+    const handlers = {};
+    Object.keys(defaultSlotPropsValue).forEach(key => {
+      if (isEventHandler(key, defaultSlotPropsValue[key]) && typeof externalSlotPropsValue[key] === 'function') {
+        // only compose the handlers if both default and external slot props match the event handler
+        handlers[key] = (...args) => {
+          externalSlotPropsValue[key](...args);
+          defaultSlotPropsValue[key](...args);
+        };
+      }
+    });
+    return handlers;
+  }
   if (typeof externalSlotProps === 'function' || typeof defaultSlotProps === 'function') {
     return ownerState => {
       const defaultSlotPropsValue = typeof defaultSlotProps === 'function' ? defaultSlotProps(ownerState) : defaultSlotProps;
@@ -18,9 +38,11 @@ function mergeSlotProps(externalSlotProps, defaultSlotProps) {
         ...defaultSlotPropsValue
       }) : externalSlotProps;
       const className = (0, _clsx.default)(ownerState?.className, defaultSlotPropsValue?.className, externalSlotPropsValue?.className);
+      const handlers = extractHandlers(externalSlotPropsValue, defaultSlotPropsValue);
       return {
         ...defaultSlotPropsValue,
         ...externalSlotPropsValue,
+        ...handlers,
         ...(!!className && {
           className
         }),
@@ -37,10 +59,12 @@ function mergeSlotProps(externalSlotProps, defaultSlotProps) {
     };
   }
   const typedDefaultSlotProps = defaultSlotProps;
+  const handlers = extractHandlers(externalSlotProps, typedDefaultSlotProps);
   const className = (0, _clsx.default)(typedDefaultSlotProps?.className, externalSlotProps?.className);
   return {
     ...defaultSlotProps,
     ...externalSlotProps,
+    ...handlers,
     ...(!!className && {
       className
     }),

package/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "7.0.0-beta.4";
+const version = exports.version = "7.0.0-rc.0";
 const major = exports.major = Number("7");
 const minor = exports.minor = Number("0");
 const patch = exports.patch = Number("0");
-const prerelease = exports.prerelease = "beta.4";
+const prerelease = exports.prerelease = "rc.0";
 var _default = exports.default = version;