@availity/mui-event-tracker 2.0.6 → 3.0.0

package/CHANGELOG.md

@@ -2,6 +2,38 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [3.0.0](https://github.com/Availity/element/compare/@availity/mui-event-tracker@2.0.6...@availity/mui-event-tracker@3.0.0) (2026-06-16)
+
+### Dependency Updates
+
+* `mui-button` updated to version `2.0.6`
+* `mui-form-utils` updated to version `2.0.6`
+* `mui-layout` updated to version `2.0.6`
+* `mui-menu` updated to version `2.0.6`
+* `mui-textfield` updated to version `2.0.6`
+* `mui-typography` updated to version `2.0.6`
+
+### ⚠ BREAKING CHANGES
+
+* CJS builds removed, packages are ESM-only.
+
+- Convert all packages to ESM (type: module)
+- Replace Jest with Vitest for all test targets
+- Migrate ESLint to v9 flat config (eslint.config.js)
+- Build output ESM-only (removed CJS dist/index.js require path)
+- Upgrade @tanstack/react-query from v4 to v5
+- Upgrade @availity/api-axios to v13
+- Drop Node 20 support (engines: ^22.0.0 || ^24.0.0)
+- Bump React to 19.2.7, MUI to 7.3.11, TypeScript to 5.9.3
+- Simplify CI caching with built-in yarn cache action + Nx cache
+- Modernize nx.json configuration
+- Update husky hooks to use yarn directly
+- Replace lint-staged nx affected with direct eslint
+
+### Features
+
+* migrate to ESM, Vitest, and ESLint 9 flat config ([cc22bb4](https://github.com/Availity/element/commit/cc22bb4a230bc1f3b190f187c4e61249d015b25b))
+
 ## [2.0.6](https://github.com/Availity/element/compare/@availity/mui-event-tracker@2.0.5...@availity/mui-event-tracker@2.0.6) (2026-05-27)
 
 ### Dependency Updates

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { AvAnalytics } from '@availity/analytics-core';
 
@@ -30,6 +29,6 @@ type EventTrackerProps = {
 };
 declare const EventTrackerContext: React.Context<AvAnalytics | null>;
 declare const useEventTracker: () => AvAnalytics;
-declare const EventTrackerProvider: ({ children, plugins, pageTracking, autoTrack, recursive, attributePrefix, eventModifiers, }: EventTrackerProps) => react_jsx_runtime.JSX.Element;
+declare const EventTrackerProvider: ({ children, plugins, pageTracking, autoTrack, recursive, attributePrefix, eventModifiers, }: EventTrackerProps) => React.JSX.Element;
 
 export { EventTrackerContext, type EventTrackerProps, EventTrackerProvider, useEventTracker };

package/dist/index.js

@@ -1,38 +1,10 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  EventTrackerContext: () => EventTrackerContext,
-  EventTrackerProvider: () => EventTrackerProvider,
-  useEventTracker: () => useEventTracker
-});
-module.exports = __toCommonJS(index_exports);
-
 // src/lib/EventTracker.tsx
-var import_react = require("react");
-var import_analytics_core = require("@availity/analytics-core");
-var import_jsx_runtime = require("react/jsx-runtime");
-var EventTrackerContext = (0, import_react.createContext)(null);
+import { createContext, useContext, useEffect, useMemo } from "react";
+import { AvAnalytics } from "@availity/analytics-core";
+import { jsx } from "react/jsx-runtime";
+var EventTrackerContext = createContext(null);
 var useEventTracker = () => {
-  const ctx = (0, import_react.useContext)(EventTrackerContext);
+  const ctx = useContext(EventTrackerContext);
   if (!ctx) {
     throw new Error("useEventTracker must be used within an EventTrackerProvider");
   }
@@ -47,22 +19,21 @@ var EventTrackerProvider = ({
   attributePrefix = "data-analytics",
   eventModifiers = ["action"]
 }) => {
-  const analytics = (0, import_react.useMemo)(
-    () => new import_analytics_core.AvAnalytics(plugins, Promise, pageTracking, autoTrack, { recursive, attributePrefix, eventModifiers }),
+  const analytics = useMemo(
+    () => new AvAnalytics(plugins, Promise, pageTracking, autoTrack, { recursive, attributePrefix, eventModifiers }),
     [attributePrefix, autoTrack, eventModifiers, pageTracking, plugins, recursive]
   );
-  (0, import_react.useEffect)(() => {
+  useEffect(() => {
     analytics.init();
     if (pageTracking) {
       analytics.trackPageView();
     }
     return () => analytics.stopAutoTrack();
   }, [analytics, pageTracking]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTrackerContext.Provider, { value: analytics, children });
+  return /* @__PURE__ */ jsx(EventTrackerContext.Provider, { value: analytics, children });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   EventTrackerContext,
   EventTrackerProvider,
   useEventTracker
-});
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-event-tracker",
-  "version": "2.0.6",
+  "version": "3.0.0",
   "description": "Availity MUI EventTracker Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -21,36 +21,34 @@
   "author": "Availity Developers <AVOSS@availity.com>",
   "browser": "./dist/index.js",
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
-    "./package.json": "./package.json",
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts",
-    "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
+    "build": "tsup src/index.ts --format esm --dts",
+    "dev": "tsup src/index.ts --format esm --watch --dts",
     "clean": "rm -rf dist",
     "clean:nm": "rm -rf node_modules",
     "publish": "yarn npm publish --tolerate-republish --access public",
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-button": "^2.0.2",
-    "@availity/mui-form-utils": "^2.0.6",
-    "@availity/mui-layout": "^2.0.1",
-    "@availity/mui-menu": "^2.0.2",
-    "@availity/mui-textfield": "^2.0.6",
-    "@availity/mui-typography": "^2.0.1",
-    "@mui/material": "^7.3.4",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "tsup": "^8.4.0",
-    "typescript": "^5.4.5"
+    "@availity/mui-button": "^3.0.0",
+    "@availity/mui-form-utils": "^3.0.0",
+    "@availity/mui-layout": "^3.0.0",
+    "@availity/mui-menu": "^3.0.0",
+    "@availity/mui-textfield": "^3.0.0",
+    "@availity/mui-typography": "^3.0.0",
+    "@mui/material": "^7.3.11",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "@mui/material": "^7.0.0",
@@ -60,7 +58,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@availity/analytics-core": "^6.1.4"
+    "@availity/analytics-core": "^7.2.0"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "type": "module"
 }

package/project.json

@@ -8,23 +8,20 @@
     "lint": {
       "executor": "@nx/eslint:lint",
       "options": {
-        "eslintConfig": ".eslintrc.json",
         "silent": false,
         "fix": false,
         "cache": true,
         "cacheLocation": "./node_modules/.cache/event-tracker/.eslintcache",
         "maxWarnings": -1,
         "quiet": false,
-        "noEslintrc": false,
         "hasTypeAwareRules": true,
         "cacheStrategy": "metadata"
       }
     },
     "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/event-tracker"],
+      "executor": "nx:run-commands",
       "options": {
-        "jestConfig": "packages/event-tracker/jest.config.js"
+        "command": "vitest run packages/event-tracker"
       }
     },
     "version": {
@@ -34,7 +31,9 @@
         "commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
         "tagPrefix": "@availity/{projectName}@",
         "trackDeps": true,
-        "skipCommitTypes": ["docs"]
+        "skipCommitTypes": [
+          "docs"
+        ]
       }
     }
   }

package/src/lib/EventTracker.test.tsx

@@ -4,10 +4,10 @@ import { render, cleanup, fireEvent, waitFor } from '@testing-library/react';
 import { EventTrackerProvider, useEventTracker } from './EventTracker';
 
 const makePlugin = () => ({
-  isEnabled: jest.fn(() => true),
-  init: jest.fn(),
-  trackEvent: jest.fn(),
-  trackPageView: jest.fn(),
+  isEnabled: vi.fn(() => true),
+  init: vi.fn(),
+  trackEvent: vi.fn(),
+  trackPageView: vi.fn(),
 });
 
 describe('EventTracker', () => {

package/src/lib/EventTracker.tsx

@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useEffect, useMemo } from 'react';
-import { AvAnalytics } from '@availity/analytics-core';
+import { AvAnalytics, AvAnalyticsPlugin } from '@availity/analytics-core';
 
 export type EventTrackerProps = {
   /** */
@@ -50,7 +50,7 @@ export const EventTrackerProvider = ({
   eventModifiers = ['action'],
 }: EventTrackerProps) => {
   const analytics = useMemo(
-    () => new AvAnalytics(plugins, Promise, pageTracking, autoTrack, { recursive, attributePrefix, eventModifiers }),
+    () => new AvAnalytics(plugins as AvAnalyticsPlugin[], Promise, pageTracking, autoTrack, { recursive, attributePrefix, eventModifiers }),
     [attributePrefix, autoTrack, eventModifiers, pageTracking, plugins, recursive]
   );
 

package/dist/index.d.mts

@@ -1,35 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-import { AvAnalytics } from '@availity/analytics-core';
-
-type EventTrackerProps = {
-    /** */
-    children?: React.ReactNode;
-    /** An array of plugins to pass to the underlying AvAnalytics class instance. */
-    plugins?: any[];
-    /** Enable or disable page tracking on initialization.
-     * @default true
-     */
-    pageTracking?: boolean;
-    /** Enable or disable auto tracking on initialization.
-     * @default true
-     */
-    autoTrack?: boolean;
-    /** Enable or disable recursive functionality on initialization.
-     * @default true
-     */
-    recursive?: boolean;
-    /** Customize the prefix used for data event tracker attributes used for auto tracking.
-     * @default 'data-analytics'
-     */
-    attributePrefix?: string;
-    /** Array of event modifiers enabling you to use other keywords for action instead of click for event type matching.
-     * @default ['action']
-     */
-    eventModifiers?: any[];
-};
-declare const EventTrackerContext: React.Context<AvAnalytics | null>;
-declare const useEventTracker: () => AvAnalytics;
-declare const EventTrackerProvider: ({ children, plugins, pageTracking, autoTrack, recursive, attributePrefix, eventModifiers, }: EventTrackerProps) => react_jsx_runtime.JSX.Element;
-
-export { EventTrackerContext, type EventTrackerProps, EventTrackerProvider, useEventTracker };

package/dist/index.mjs

@@ -1,39 +0,0 @@
-// src/lib/EventTracker.tsx
-import { createContext, useContext, useEffect, useMemo } from "react";
-import { AvAnalytics } from "@availity/analytics-core";
-import { jsx } from "react/jsx-runtime";
-var EventTrackerContext = createContext(null);
-var useEventTracker = () => {
-  const ctx = useContext(EventTrackerContext);
-  if (!ctx) {
-    throw new Error("useEventTracker must be used within an EventTrackerProvider");
-  }
-  return ctx;
-};
-var EventTrackerProvider = ({
-  children,
-  plugins,
-  pageTracking = true,
-  autoTrack = true,
-  recursive = true,
-  attributePrefix = "data-analytics",
-  eventModifiers = ["action"]
-}) => {
-  const analytics = useMemo(
-    () => new AvAnalytics(plugins, Promise, pageTracking, autoTrack, { recursive, attributePrefix, eventModifiers }),
-    [attributePrefix, autoTrack, eventModifiers, pageTracking, plugins, recursive]
-  );
-  useEffect(() => {
-    analytics.init();
-    if (pageTracking) {
-      analytics.trackPageView();
-    }
-    return () => analytics.stopAutoTrack();
-  }, [analytics, pageTracking]);
-  return /* @__PURE__ */ jsx(EventTrackerContext.Provider, { value: analytics, children });
-};
-export {
-  EventTrackerContext,
-  EventTrackerProvider,
-  useEventTracker
-};

package/jest.config.js

@@ -1,7 +0,0 @@
-const global = require('../../jest.config.global');
-
-module.exports = {
-  ...global,
-  displayName: 'event-tracker',
-  coverageDirectory: '../../coverage/event-tracker',
-};

package/tsconfig.spec.json

@@ -1,10 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "types": ["jest", "node", "@testing-library/jest-dom"],
-    "allowJs": true
-  },
-  "include": ["jest.config.ts", "**/*.test.js", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
-}