@atlaskit/analytics-next 11.1.4 → 11.2.1

package/AnalyticsReactContext/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/analytics-next/AnalyticsReactContext",
+  "main": "../dist/cjs/components/AnalyticsReactContext.js",
+  "module": "../dist/esm/components/AnalyticsReactContext.js",
+  "module:es2019": "../dist/es2019/components/AnalyticsReactContext.js",
+  "sideEffects": false,
+  "types": "../dist/types/components/AnalyticsReactContext.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/components/AnalyticsReactContext.d.ts"
+      ]
+    }
+  }
+}

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/analytics-next
 
+## 11.2.1
+
+### Patch Changes
+
+- [`35a1309b51bea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/35a1309b51bea) -
+  Isolate handler errors in `UIAnalyticsEvent.fire()` so a throwing analytics handler never
+  propagates out and crashes the calling product UI.
+
+  Each handler is now wrapped in a `try/catch`. In non-production environments the error is surfaced
+  via `console.error`; in production it is swallowed silently. This prevents analytics from being in
+  the critical path of product UI rendering.
+
+  PIR: PIR-300717 / HOT-301294 (CFIND-6243)
+
+## 11.2.0
+
+### Minor Changes
+
+- [`a0a0a9bcde425`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a0a0a9bcde425) -
+  Autofix: add explicit package exports (barrel removal)
+
 ## 11.1.4
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -1,8 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__analytics-next",
 		"rootDir": "../",
 		"composite": true,

package/afm-products/tsconfig.json

@@ -1,8 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
 		"outDir": "../../../../../tsDist/@atlaskit__analytics-next/app",
 		"rootDir": "../",
 		"composite": true,

package/cleanProps/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/analytics-next/cleanProps",
+  "main": "../dist/cjs/utils/cleanProps.js",
+  "module": "../dist/esm/utils/cleanProps.js",
+  "module:es2019": "../dist/es2019/utils/cleanProps.js",
+  "sideEffects": false,
+  "types": "../dist/types/utils/cleanProps.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/utils/cleanProps.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/components/AnalyticsReactContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _analyticsNextStableReactContext.default;
+  }
+});
+var _analyticsNextStableReactContext = _interopRequireDefault(require("@atlaskit/analytics-next-stable-react-context"));

package/dist/cjs/events/UIAnalyticsEvent.js

@@ -61,7 +61,17 @@ var UIAnalyticsEvent = exports.default = /*#__PURE__*/function (_AnalyticsEvent)
         return;
       }
       _this.handlers.forEach(function (handler) {
-        return handler(_this, channel);
+        try {
+          handler(_this, channel);
+        } catch (e) {
+          // Analytics must never crash product UI. Swallow handler errors in
+          // production; surface them in development so misconfigured events are
+          // caught early.
+          if (process.env.NODE_ENV !== 'production') {
+            // eslint-disable-next-line no-console
+            console.error('[analytics-next] UIAnalyticsEvent handler threw an error:', e);
+          }
+        }
       });
       _this.hasFired = true;
     });

package/dist/cjs/index.js

@@ -44,7 +44,7 @@ Object.defineProperty(exports, "AnalyticsListener", {
 Object.defineProperty(exports, "AnalyticsReactContext", {
   enumerable: true,
   get: function get() {
-    return _analyticsNextStableReactContext.default;
+    return _AnalyticsReactContext.default;
   }
 });
 Object.defineProperty(exports, "UIAnalyticsEvent", {
@@ -126,7 +126,7 @@ var _index2 = _interopRequireDefault(require("./components/AnalyticsContext/inde
 var _withAnalyticsContext = _interopRequireDefault(require("./hocs/withAnalyticsContext"));
 var _AnalyticsErrorBoundary = _interopRequireDefault(require("./components/AnalyticsErrorBoundary"));
 var _withAnalyticsEvents = _interopRequireDefault(require("./hocs/withAnalyticsEvents"));
-var _analyticsNextStableReactContext = _interopRequireDefault(require("@atlaskit/analytics-next-stable-react-context"));
+var _AnalyticsReactContext = _interopRequireDefault(require("./components/AnalyticsReactContext"));
 var _useAnalyticsEvents = require("./hooks/useAnalyticsEvents");
 var _useCallbackWithAnalytics = require("./hooks/useCallbackWithAnalytics");
 var _usePlatformLeafEventHandler = require("./hooks/usePlatformLeafEventHandler");

package/dist/cjs/utils/isModernContextEnabledEnv.js

@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _process$env;
 /// <reference types="node" />
-var _default = exports.default = typeof process !== 'undefined' && process !== null && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env['ANALYTICS_NEXT_MODERN_CONTEXT']);
+var _default_1 = typeof process !== 'undefined' && process !== null && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env['ANALYTICS_NEXT_MODERN_CONTEXT']);
+var _default = exports.default = _default_1;

package/dist/es2019/components/AnalyticsReactContext.js

@@ -0,0 +1 @@
+export { default } from '@atlaskit/analytics-next-stable-react-context';

package/dist/es2019/events/UIAnalyticsEvent.js

@@ -42,7 +42,19 @@ export default class UIAnalyticsEvent extends AnalyticsEvent {
         }
         return;
       }
-      this.handlers.forEach(handler => handler(this, channel));
+      this.handlers.forEach(handler => {
+        try {
+          handler(this, channel);
+        } catch (e) {
+          // Analytics must never crash product UI. Swallow handler errors in
+          // production; surface them in development so misconfigured events are
+          // caught early.
+          if (process.env.NODE_ENV !== 'production') {
+            // eslint-disable-next-line no-console
+            console.error('[analytics-next] UIAnalyticsEvent handler threw an error:', e);
+          }
+        }
+      });
       this.hasFired = true;
     });
     this.context = props.context || [];

package/dist/es2019/index.js

@@ -12,7 +12,7 @@ export { default as AnalyticsErrorBoundary } from './components/AnalyticsErrorBo
 // createAnalyticsEvent HOC
 export { default as withAnalyticsEvents } from './hocs/withAnalyticsEvents';
 // React context
-export { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';
+export { default as AnalyticsReactContext } from './components/AnalyticsReactContext';
 // Hook for creating and firing analytics events
 export { useAnalyticsEvents } from './hooks/useAnalyticsEvents';
 export { useCallbackWithAnalytics } from './hooks/useCallbackWithAnalytics';

package/dist/es2019/utils/isModernContextEnabledEnv.js

@@ -1,3 +1,4 @@
 var _process$env;
 /// <reference types="node" />
-export default typeof process !== 'undefined' && process !== null && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env['ANALYTICS_NEXT_MODERN_CONTEXT']);
+const _default_1 = typeof process !== 'undefined' && process !== null && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env['ANALYTICS_NEXT_MODERN_CONTEXT']);
+export default _default_1;

package/dist/esm/components/AnalyticsReactContext.js

@@ -0,0 +1 @@
+export { default } from '@atlaskit/analytics-next-stable-react-context';

package/dist/esm/events/UIAnalyticsEvent.js

@@ -55,7 +55,17 @@ var UIAnalyticsEvent = /*#__PURE__*/function (_AnalyticsEvent) {
         return;
       }
       _this.handlers.forEach(function (handler) {
-        return handler(_this, channel);
+        try {
+          handler(_this, channel);
+        } catch (e) {
+          // Analytics must never crash product UI. Swallow handler errors in
+          // production; surface them in development so misconfigured events are
+          // caught early.
+          if (process.env.NODE_ENV !== 'production') {
+            // eslint-disable-next-line no-console
+            console.error('[analytics-next] UIAnalyticsEvent handler threw an error:', e);
+          }
+        }
       });
       _this.hasFired = true;
     });

package/dist/esm/index.js

@@ -12,7 +12,7 @@ export { default as AnalyticsErrorBoundary } from './components/AnalyticsErrorBo
 // createAnalyticsEvent HOC
 export { default as withAnalyticsEvents } from './hocs/withAnalyticsEvents';
 // React context
-export { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';
+export { default as AnalyticsReactContext } from './components/AnalyticsReactContext';
 // Hook for creating and firing analytics events
 export { useAnalyticsEvents } from './hooks/useAnalyticsEvents';
 export { useCallbackWithAnalytics } from './hooks/useCallbackWithAnalytics';

package/dist/esm/utils/isModernContextEnabledEnv.js

@@ -1,3 +1,4 @@
 var _process$env;
 /// <reference types="node" />
-export default typeof process !== 'undefined' && process !== null && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env['ANALYTICS_NEXT_MODERN_CONTEXT']);
+var _default_1 = typeof process !== 'undefined' && process !== null && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env['ANALYTICS_NEXT_MODERN_CONTEXT']);
+export default _default_1;

package/dist/types/components/AnalyticsContext/index.d.ts

@@ -1,3 +1,3 @@
-import { type AnalyticsContextFunction } from './types';
+import type { AnalyticsContextFunction } from './types';
 declare const AnalyticsContext: AnalyticsContextFunction;
 export default AnalyticsContext;

package/dist/types/components/AnalyticsContext/types.d.ts

@@ -1,4 +1,4 @@
-import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import type { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
 export type AnalyticsContextFunction = (props: {
     /** Children! */
     children: React.ReactNode;

package/dist/types/components/AnalyticsListener/LegacyAnalyticsListener.d.ts

@@ -24,8 +24,8 @@ declare class AnalyticsListener extends Component<Props> {
     contextValue: AnalyticsReactContextInterface;
     constructor(props: Props);
     getChildContext: () => {
-        getAtlaskitAnalyticsEventHandlers: () => any[];
         getAtlaskitAnalyticsContext: () => any;
+        getAtlaskitAnalyticsEventHandlers: () => any[];
     };
     getAnalyticsEventHandlers: () => any[];
     getAtlaskitAnalyticsContext: () => any;

package/dist/types/components/AnalyticsListener/index.d.ts

@@ -1,3 +1,3 @@
-import { type AnalyticsListenerFunction } from './types';
+import type { AnalyticsListenerFunction } from './types';
 declare const AnalyticsListener: AnalyticsListenerFunction;
 export default AnalyticsListener;

package/dist/types/components/AnalyticsListener/types.d.ts

@@ -1,4 +1,4 @@
-import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import type { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
 import type UIAnalyticsEvent from '../../events/UIAnalyticsEvent';
 export type AnalyticsListenerFunction = (props: {
     /** The channel to listen for events on. */

package/dist/types/components/AnalyticsReactContext.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@atlaskit/analytics-next-stable-react-context';
+export type { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';

package/dist/types/hocs/withAnalyticsEvents.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type CreateEventMap, type CreateUIAnalyticsEvent } from '../types';
+import type { CreateEventMap, CreateUIAnalyticsEvent } from '../types';
 export interface WithAnalyticsEventsProps {
     /**
      * You should not be accessing this prop under any circumstances.

package/dist/types/hooks/useAnalyticsEvents.d.ts

@@ -1,4 +1,4 @@
-import { type CreateUIAnalyticsEvent } from '../types';
+import type { CreateUIAnalyticsEvent } from '../types';
 export type UseAnalyticsEventsHook = {
     createAnalyticsEvent: CreateUIAnalyticsEvent;
 };

package/dist/types/hooks/usePatchedProps.d.ts

@@ -1,4 +1,4 @@
-import { type CreateEventMap } from '../types';
+import type { CreateEventMap } from '../types';
 export type PatchedPropsHook = {
     patchedEventProps: CreateEventMap;
 };

package/dist/types/index.d.ts

@@ -11,8 +11,8 @@ export { default as AnalyticsErrorBoundary } from './components/AnalyticsErrorBo
 export type { AnalyticsErrorBoundaryProps } from './components/AnalyticsErrorBoundary';
 export { default as withAnalyticsEvents } from './hocs/withAnalyticsEvents';
 export type { WithAnalyticsEventsProps } from './hocs/withAnalyticsEvents';
-export { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';
-export type { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+export { default as AnalyticsReactContext } from './components/AnalyticsReactContext';
+export type { AnalyticsReactContextInterface } from './components/AnalyticsReactContext';
 export { useAnalyticsEvents } from './hooks/useAnalyticsEvents';
 export type { UseAnalyticsEventsHook } from './hooks/useAnalyticsEvents';
 export { useCallbackWithAnalytics } from './hooks/useCallbackWithAnalytics';

package/dist/types/types.d.ts

@@ -1,4 +1,4 @@
-import { type AnalyticsEventPayload } from './events/AnalyticsEvent';
+import type { AnalyticsEventPayload } from './events/AnalyticsEvent';
 import type UIAnalyticsEvent from './events/UIAnalyticsEvent';
 export type CreateUIAnalyticsEvent = (payload: AnalyticsEventPayload) => UIAnalyticsEvent;
 export type AnalyticsEventCreator = (create: CreateUIAnalyticsEvent, props: Record<string, any>) => UIAnalyticsEvent | undefined;

package/dist/types/utils/createAndFireEvent.d.ts

@@ -1,5 +1,5 @@
-import { type AnalyticsEventPayload } from '../events/AnalyticsEvent';
+import type { AnalyticsEventPayload } from '../events/AnalyticsEvent';
 import type UIAnalyticsEvent from '../events/UIAnalyticsEvent';
-import { type CreateUIAnalyticsEvent } from '../types';
+import type { CreateUIAnalyticsEvent } from '../types';
 declare const _default: (channel?: string) => (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
 export default _default;

package/dist/types/utils/isModernContextEnabledEnv.d.ts

@@ -1,2 +1,2 @@
-declare const _default: string | false | undefined;
-export default _default;
+declare const _default_1: string | false | undefined;
+export default _default_1;

package/dist/types-ts4.5/components/AnalyticsContext/index.d.ts

@@ -1,3 +1,3 @@
-import { type AnalyticsContextFunction } from './types';
+import type { AnalyticsContextFunction } from './types';
 declare const AnalyticsContext: AnalyticsContextFunction;
 export default AnalyticsContext;

package/dist/types-ts4.5/components/AnalyticsContext/types.d.ts

@@ -1,4 +1,4 @@
-import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import type { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
 export type AnalyticsContextFunction = (props: {
     /** Children! */
     children: React.ReactNode;

package/dist/types-ts4.5/components/AnalyticsListener/LegacyAnalyticsListener.d.ts

@@ -24,8 +24,8 @@ declare class AnalyticsListener extends Component<Props> {
     contextValue: AnalyticsReactContextInterface;
     constructor(props: Props);
     getChildContext: () => {
-        getAtlaskitAnalyticsEventHandlers: () => any[];
         getAtlaskitAnalyticsContext: () => any;
+        getAtlaskitAnalyticsEventHandlers: () => any[];
     };
     getAnalyticsEventHandlers: () => any[];
     getAtlaskitAnalyticsContext: () => any;

package/dist/types-ts4.5/components/AnalyticsListener/index.d.ts

@@ -1,3 +1,3 @@
-import { type AnalyticsListenerFunction } from './types';
+import type { AnalyticsListenerFunction } from './types';
 declare const AnalyticsListener: AnalyticsListenerFunction;
 export default AnalyticsListener;

package/dist/types-ts4.5/components/AnalyticsListener/types.d.ts

@@ -1,4 +1,4 @@
-import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import type { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
 import type UIAnalyticsEvent from '../../events/UIAnalyticsEvent';
 export type AnalyticsListenerFunction = (props: {
     /** The channel to listen for events on. */

package/dist/types-ts4.5/components/AnalyticsReactContext.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@atlaskit/analytics-next-stable-react-context';
+export type { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';

package/dist/types-ts4.5/hocs/withAnalyticsEvents.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type CreateEventMap, type CreateUIAnalyticsEvent } from '../types';
+import type { CreateEventMap, CreateUIAnalyticsEvent } from '../types';
 export interface WithAnalyticsEventsProps {
     /**
      * You should not be accessing this prop under any circumstances.

package/dist/types-ts4.5/hooks/useAnalyticsEvents.d.ts

@@ -1,4 +1,4 @@
-import { type CreateUIAnalyticsEvent } from '../types';
+import type { CreateUIAnalyticsEvent } from '../types';
 export type UseAnalyticsEventsHook = {
     createAnalyticsEvent: CreateUIAnalyticsEvent;
 };

package/dist/types-ts4.5/hooks/usePatchedProps.d.ts

@@ -1,4 +1,4 @@
-import { type CreateEventMap } from '../types';
+import type { CreateEventMap } from '../types';
 export type PatchedPropsHook = {
     patchedEventProps: CreateEventMap;
 };

package/dist/types-ts4.5/index.d.ts

@@ -11,8 +11,8 @@ export { default as AnalyticsErrorBoundary } from './components/AnalyticsErrorBo
 export type { AnalyticsErrorBoundaryProps } from './components/AnalyticsErrorBoundary';
 export { default as withAnalyticsEvents } from './hocs/withAnalyticsEvents';
 export type { WithAnalyticsEventsProps } from './hocs/withAnalyticsEvents';
-export { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';
-export type { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+export { default as AnalyticsReactContext } from './components/AnalyticsReactContext';
+export type { AnalyticsReactContextInterface } from './components/AnalyticsReactContext';
 export { useAnalyticsEvents } from './hooks/useAnalyticsEvents';
 export type { UseAnalyticsEventsHook } from './hooks/useAnalyticsEvents';
 export { useCallbackWithAnalytics } from './hooks/useCallbackWithAnalytics';

package/dist/types-ts4.5/types.d.ts

@@ -1,4 +1,4 @@
-import { type AnalyticsEventPayload } from './events/AnalyticsEvent';
+import type { AnalyticsEventPayload } from './events/AnalyticsEvent';
 import type UIAnalyticsEvent from './events/UIAnalyticsEvent';
 export type CreateUIAnalyticsEvent = (payload: AnalyticsEventPayload) => UIAnalyticsEvent;
 export type AnalyticsEventCreator = (create: CreateUIAnalyticsEvent, props: Record<string, any>) => UIAnalyticsEvent | undefined;

package/dist/types-ts4.5/utils/createAndFireEvent.d.ts

@@ -1,5 +1,5 @@
-import { type AnalyticsEventPayload } from '../events/AnalyticsEvent';
+import type { AnalyticsEventPayload } from '../events/AnalyticsEvent';
 import type UIAnalyticsEvent from '../events/UIAnalyticsEvent';
-import { type CreateUIAnalyticsEvent } from '../types';
+import type { CreateUIAnalyticsEvent } from '../types';
 declare const _default: (channel?: string) => (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
 export default _default;

package/dist/types-ts4.5/utils/isModernContextEnabledEnv.d.ts

@@ -1,2 +1,2 @@
-declare const _default: string | false | undefined;
-export default _default;
+declare const _default_1: string | false | undefined;
+export default _default_1;

package/docs/0-intro.tsx

@@ -1,42 +1,73 @@
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-primitives-text, @atlaskit/design-system/use-heading, @atlaskit/design-system/no-html-anchor -- Legacy analytics-next docs intentionally use plain HTML prose, links, and inline styles after the docs helper cleanup. */
 import React from 'react';
 
-import { md } from '@atlaskit/docs';
-import Link from '@atlaskit/link';
-import SectionMessage from '@atlaskit/section-message';
+const warningStyles: React.CSSProperties = {
+	backgroundColor: '#fffae6',
+	border: '1px solid #f5cd47',
+	borderRadius: 3,
+	marginBottom: 16,
+	padding: 16,
+};
 
-const _default_1: any = md`
+export default function Intro(): React.JSX.Element {
+	return (
+		<div>
+			<div style={warningStyles}>
+				<strong>Maintaince Mode: @atlaskit/analytics is in maintenance mode.</strong>
+				<p>
+					This package is officially in maintenance mode, which means only bugfixes or VULN fixes
+					are currently being accepted and no known breaking changes will be approved in the PR
+					process.
+				</p>
+				<p>
+					Please refer to this{' '}
+					<a
+						href="https://hello.atlassian.net/wiki/spaces/APD/pages/2470435075/DACI+analytics-next+in+a+maintenance+mode"
+						target="_blank"
+						rel="noreferrer"
+					>
+						DACI
+					</a>{' '}
+					for more details.
+				</p>
+			</div>
 
-${(
-	<SectionMessage
-		appearance="warning"
-		title="Maintaince Mode: @atlaskit/analytics is in maintenance mode."
-	>
-		This package is officially in maintenance mode, which means only bugfixes or VULN fixes are
-		currently being accepted and no known breaking changes will be approved in the PR process.{' '}
-		<br />
-		Please refer to this
-		<Link
-			href="https://hello.atlassian.net/wiki/spaces/APD/pages/2470435075/DACI+analytics-next+in+a+maintenance+mode"
-			target="_blank"
-		>
-			{' '}
-			DACI{' '}
-		</Link>{' '}
-		for more details.
-	</SectionMessage>
-)}
+			<p>
+				This package aims to help assist consumers track the way their React components are being
+				used.
+			</p>
 
-This package aims to help assist consumers track the way their React components are being used.
-
-### Contents
-
-- [Concepts](./analytics-next/docs/concepts) (Read first!)
-- [Usage with presentational components](./analytics-next/docs/usage-with-presentational-components)
-- [Usage with container components](./analytics-next/docs/usage-for-container-components)
-- [Listeners](./analytics-next/docs/listeners)
-- [Error Boundary](./analytics-next/docs/error-boundary)
-- [Events](./analytics-next/docs/events)
-- [Advanced usage](./analytics-next/docs/advanced-usage)
-- [Ugprade guide](./analytics-next/docs/upgrade-guide)
-`;
-export default _default_1;
+			<h3>Contents</h3>
+			<ul>
+				<li>
+					<a href="./analytics-next/docs/concepts">Concepts</a> (Read first!)
+				</li>
+				<li>
+					<a href="./analytics-next/docs/usage-with-presentational-components">
+						Usage with presentational components
+					</a>
+				</li>
+				<li>
+					<a href="./analytics-next/docs/usage-for-container-components">
+						Usage with container components
+					</a>
+				</li>
+				<li>
+					<a href="./analytics-next/docs/listeners">Listeners</a>
+				</li>
+				<li>
+					<a href="./analytics-next/docs/error-boundary">Error Boundary</a>
+				</li>
+				<li>
+					<a href="./analytics-next/docs/events">Events</a>
+				</li>
+				<li>
+					<a href="./analytics-next/docs/advanced-usage">Advanced usage</a>
+				</li>
+				<li>
+					<a href="./analytics-next/docs/upgrade-guide">Ugprade guide</a>
+				</li>
+			</ul>
+		</div>
+	);
+}