feat(coachmark): pass through event callbacks

package.json

@@ -105,7 +105,7 @@
   "dependencies": {
     "@babel/runtime": "^7.0.0",
     "@momentum-design/animations": "^0.0.4",
-    "@momentum-design/components": "0.39.2",
+    "@momentum-design/components": "0.39.4",
     "@momentum-design/fonts": "0.0.8",
     "@momentum-design/icons": "0.10.0",
     "@momentum-design/tokens": "0.5.0",

src/components/Coachmark/Coachmark.stories.tsx

@@ -8,6 +8,7 @@ import Documentation from './Coachmark.stories.docs.mdx';
 import ButtonPill from '../ButtonPill';
 import React from 'react';
 import Text from '../Text';
+import { action } from '@storybook/addon-actions';
 
 export default {
   title: 'Momentum UI/Coachmark',
@@ -44,6 +45,10 @@ Example.args = {
       </Text>
     </div>
   ),
+  onShown: action('onShown'),
+  onHidden: action('onHidden'),
+  onCreated: action('onCreated'),
+  onDestroyed: action('onDestroyed'),
 };
 
 export { Example };

src/components/Coachmark/Coachmark.types.ts

@@ -47,4 +47,24 @@ export type Props = {
    * Focus back to trigger on hide.
    */
   'focus-back-to-trigger'?: boolean;
+
+  /**
+   * Callback for when the coachmark is shown.
+   */
+  onShown?: () => void;
+
+  /**
+   * Callback for when the coachmark is hidden.
+   */
+  onHidden?: () => void;
+
+  /**
+   * Callback for when the coachmark is created (added to the DOM).
+   */
+  onCreated?: () => void;
+
+  /**
+   * Callback for when the coachmark is destroyed (removed from the DOM).
+   */
+  onDestroyed?: () => void;
 } & AriaLabelRequired;

yarn.lock

@@ -2902,9 +2902,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@momentum-design/components@npm:0.39.2":
-  version: 0.39.2
-  resolution: "@momentum-design/components@npm:0.39.2"
+"@momentum-design/components@npm:0.39.4":
+  version: 0.39.4
+  resolution: "@momentum-design/components@npm:0.39.4"
   dependencies:
     "@floating-ui/dom": ^1.6.12
     "@lit/context": ^1.1.2
@@ -2915,7 +2915,7 @@ __metadata:
     "@tanstack/lit-virtual": ^3.11.3
     lit: ^3.2.0
     uuid: ^11.0.5
-  checksum: aff10a56fed1437f44d9f0ed6401de7de1f095c3545cefa68f31cfb3d3b5ef2dac8334e407d8bb018b72a8581b13b5c3c6013f9204ff56d927aa4eeda9e795dc
+  checksum: ce26917f1561d6187cca2a0527a89831cce758a613f9e0cd4a2cfe20d221f15f6a5a27834032c3bba53ac5543e418930bdadc45acc8f81fe575c0acc3ee9d7c2
   languageName: node
   linkType: hard
 
@@ -2984,7 +2984,7 @@ __metadata:
     "@commitlint/config-conventional": ^12.0.1
     "@hot-loader/react-dom": ~16.8.0
     "@momentum-design/animations": ^0.0.4
-    "@momentum-design/components": 0.39.2
+    "@momentum-design/components": 0.39.4
     "@momentum-design/fonts": 0.0.8
     "@momentum-design/icons": 0.10.0
     "@momentum-design/tokens": 0.5.0