[Modal] Add missing members to ModalOwnProps (#37568)

docs/pages/base-ui/api/modal.json

@@ -18,6 +18,8 @@
       "deprecationInfo": "Use the <code>onClose</code> prop with the <code>reason</code> argument to handle the <code>backdropClick</code> events."
     },
     "onClose": { "type": { "name": "func" } },
+    "onTransitionEnter": { "type": { "name": "func" } },
+    "onTransitionExited": { "type": { "name": "func" } },
     "slotProps": {
       "type": {
         "name": "shape",

docs/pages/material-ui/api/modal.json

@@ -42,6 +42,8 @@
       "deprecationInfo": "Use the <code>onClose</code> prop with the <code>reason</code> argument to handle the <code>backdropClick</code> events."
     },
     "onClose": { "type": { "name": "func" } },
+    "onTransitionEnter": { "type": { "name": "func" } },
+    "onTransitionExited": { "type": { "name": "func" } },
     "slotProps": {
       "type": {
         "name": "shape",

docs/translations/api-docs-base/modal/modal.json

@@ -14,6 +14,8 @@
     "keepMounted": "Always keep the children in the DOM. This prop can be useful in SEO situation or when you want to maximize the responsiveness of the Modal.",
     "onBackdropClick": "Callback fired when the backdrop is clicked.",
     "onClose": "Callback fired when the component requests to be closed. The <code>reason</code> parameter can optionally be used to control the response to <code>onClose</code>.<br><br><strong>Signature:</strong><br><code>function(event: object, reason: string) =&gt; void</code><br><em>event:</em> The event source of the callback.<br><em>reason:</em> Can be: <code>&quot;escapeKeyDown&quot;</code>, <code>&quot;backdropClick&quot;</code>.",
+    "onTransitionEnter": "A function called when a transition enters.",
+    "onTransitionExited": "A function called when a transition has exited.",
     "open": "If <code>true</code>, the component is shown.",
     "slotProps": "The props used for each slot inside the Modal.",
     "slots": "The components used for each slot inside the Modal. Either a string to use a HTML element or a component. See <a href=\"#slots\">Slots API</a> below for more details."

docs/translations/api-docs/modal/modal.json

@@ -20,6 +20,8 @@
     "keepMounted": "Always keep the children in the DOM. This prop can be useful in SEO situation or when you want to maximize the responsiveness of the Modal.",
     "onBackdropClick": "Callback fired when the backdrop is clicked.",
     "onClose": "Callback fired when the component requests to be closed. The <code>reason</code> parameter can optionally be used to control the response to <code>onClose</code>.<br><br><strong>Signature:</strong><br><code>function(event: object, reason: string) =&gt; void</code><br><em>event:</em> The event source of the callback.<br><em>reason:</em> Can be: <code>&quot;escapeKeyDown&quot;</code>, <code>&quot;backdropClick&quot;</code>.",
+    "onTransitionEnter": "A function called when a transition enters.",
+    "onTransitionExited": "A function called when a transition has exited.",
     "open": "If <code>true</code>, the component is shown.",
     "slotProps": "The props used for each slot inside the Modal.",
     "slots": "The components used for each slot inside the Modal. Either a string to use a HTML element or a component.",

packages/mui-base/src/Modal/Modal.tsx

@@ -405,6 +405,14 @@ Modal.propTypes /* remove-proptypes */ = {
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
   onClose: PropTypes.func,
+  /**
+   * A function called when a transition enters.
+   */
+  onTransitionEnter: PropTypes.func,
+  /**
+   * A function called when a transition has exited.
+   */
+  onTransitionExited: PropTypes.func,
   /**
    * If `true`, the component is shown.
    */

packages/mui-base/src/Modal/Modal.types.ts

@@ -90,6 +90,14 @@ export interface ModalOwnProps {
   onClose?: {
     bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown'): void;
   }['bivarianceHack'];
+  /**
+   * A function called when a transition enters.
+   */
+  onTransitionEnter?: () => void;
+  /**
+   * A function called when a transition has exited.
+   */
+  onTransitionExited?: () => void;
   /**
    * If `true`, the component is shown.
    */

packages/mui-material/src/Modal/Modal.js

@@ -300,6 +300,14 @@ Modal.propTypes /* remove-proptypes */ = {
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
   onClose: PropTypes.func,
+  /**
+   * A function called when a transition enters.
+   */
+  onTransitionEnter: PropTypes.func,
+  /**
+   * A function called when a transition has exited.
+   */
+  onTransitionExited: PropTypes.func,
   /**
    * If `true`, the component is shown.
    */