@equinor/fusion-framework-react-app 8.1.1 → 8.2.0

package/dist/types/analytics/useTrackFeature.d.ts

@@ -1,4 +1,5 @@
+import type { AnyValueMap } from '@equinor/fusion-framework-module-analytics';
 /**
  * Hook for using analytics module configured in the framework.
  */
-export declare const useTrackFeature: () => (name: string) => void;
+export declare const useTrackFeature: () => (name: string, data?: AnyValueMap) => void;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "8.1.1";
+export declare const version = "8.2.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-framework-react-app",
-  "version": "8.1.1",
+  "version": "8.2.0",
   "description": "",
   "main": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
@@ -117,8 +117,8 @@
     "@equinor/fusion-framework-module": "^5.0.5",
     "@equinor/fusion-framework-module-app": "^7.2.1",
     "@equinor/fusion-framework-module-navigation": "^6.0.0",
-    "@equinor/fusion-framework-react-module": "^3.1.13",
     "@equinor/fusion-framework-react": "^7.4.19",
+    "@equinor/fusion-framework-react-module": "^3.1.13",
     "@equinor/fusion-framework-react-module-http": "^10.0.0"
   },
   "devDependencies": {
@@ -128,8 +128,8 @@
     "react-dom": "^18.2.0",
     "rxjs": "^7.8.1",
     "typescript": "^5.8.2",
+    "@equinor/fusion-framework-module-analytics": "^0.2.0",
     "@equinor/fusion-framework-module-ag-grid": "^34.4.0",
-    "@equinor/fusion-framework-module-analytics": "^0.1.1",
     "@equinor/fusion-framework-module-event": "^4.4.0",
     "@equinor/fusion-framework-module-feature-flag": "^1.1.27",
     "@equinor/fusion-framework-module-msal": "^6.0.4",

package/src/analytics/README.md

@@ -28,6 +28,12 @@ const SomeComponent = () => {
   // Triggers when the component is loaded.
   useEffect(() => {
     trackFeature('SomeComponent loaded');
+
+    // Send additional data
+    trackFeature('some feature happened', {
+      extra: 'data',
+      foo: 'bar',
+    });
   }, [trackFeature]);
 
   return <button onClick={handleOnClick}>Click me</button>;

package/src/analytics/useTrackFeature.ts

@@ -1,6 +1,6 @@
 import { useFrameworkModule } from '@equinor/fusion-framework-react';
 import type { AppModule } from '@equinor/fusion-framework-module-app';
-import type { AnalyticsModule } from '@equinor/fusion-framework-module-analytics';
+import type { AnalyticsModule, AnyValueMap } from '@equinor/fusion-framework-module-analytics';
 import { useCallback } from 'react';
 
 /**
@@ -18,9 +18,10 @@ export const useTrackFeature = () => {
    * Can be used both in useCallback or useEffects - see README.md for examples.
    *
    * @param name - The feature to track
+   * @param data - Optional map of additional key-value pairs to include with the analytics event
    */
   const trackFeature = useCallback(
-    (name: string) => {
+    (name: string, data?: AnyValueMap) => {
       if (!analyticsProvider) {
         telemetryProvider?.trackException({
           name: 'AnalyticsProviderNotFound',
@@ -32,6 +33,7 @@ export const useTrackFeature = () => {
         name: 'app-feature',
         value: {
           feature: name,
+          data,
         },
         attributes: {
           appKey: appProvider?.current?.appKey,

package/src/version.ts

@@ -1,2 +1,2 @@
 // Generated by genversion.
-export const version = '8.1.1';
+export const version = '8.2.0';