@atlaskit/analytics-next 9.3.0 → 9.3.2

package/afm-jira/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "extends": "../../../../tsconfig.entry-points.jira.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__analytics-next/app",
+    "composite": true,
+    "rootDir": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*",
+    "../src/performance/examples.tsx"
+  ],
+  "references": [
+    {
+      "path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
+    }
+  ]
+}

package/afm-post-office/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "extends": "../../../../tsconfig.entry-points.post-office.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__analytics-next/app",
+    "composite": true,
+    "rootDir": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*",
+    "../src/performance/examples.tsx"
+  ],
+  "references": [
+    {
+      "path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
+    }
+  ]
+}

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

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
 interface Props {
     /** Children! */
     children: React.ReactNode;

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

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

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { 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/AnalyticsErrorBoundary.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import React, { Component, type ReactNode } from 'react';
 type AnalyticsErrorBoundaryErrorInfo = {
     componentStack: string;
 };
@@ -18,7 +18,7 @@ type AnalyticsErrorBoundaryState = {
  */
 export default class AnalyticsErrorBoundary extends Component<AnalyticsErrorBoundaryProps, AnalyticsErrorBoundaryState> {
     constructor(props: AnalyticsErrorBoundaryProps);
-    componentDidCatch(error: Error, info?: AnalyticsErrorBoundaryErrorInfo): void;
+    componentDidCatch(error: Error, info: AnalyticsErrorBoundaryErrorInfo): void;
     render(): JSX.Element | null;
 }
 export {};

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

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
-import UIAnalyticsEvent from '../../events/UIAnalyticsEvent';
+import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import type { default as UIAnalyticsEvent } from '../../events/UIAnalyticsEvent';
 type Props = {
     /** Children! */
     children?: React.ReactNode;

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

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

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
-import UIAnalyticsEvent from '../../events/UIAnalyticsEvent';
+import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import type UIAnalyticsEvent from '../../events/UIAnalyticsEvent';
 export type AnalyticsListenerFunction = (props: {
     /** Children! */
     children?: React.ReactNode;

package/dist/types/events/UIAnalyticsEvent.d.ts

@@ -1,4 +1,4 @@
-import AnalyticsEvent, { AnalyticsEventPayload, AnalyticsEventProps } from './AnalyticsEvent';
+import AnalyticsEvent, { type AnalyticsEventPayload, type AnalyticsEventProps } from './AnalyticsEvent';
 type ChannelIdentifier = string;
 type Context = Record<string, any>[];
 export type UIAnalyticsEventHandler = (event: UIAnalyticsEvent, channel?: ChannelIdentifier) => void;

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

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

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

@@ -1,2 +1,2 @@
-import { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
 export declare const useAnalyticsContext: () => AnalyticsReactContextInterface;

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

@@ -1,4 +1,4 @@
-import { 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 { CreateEventMap } from '../types';
+import { type CreateEventMap } from '../types';
 export type PatchedPropsHook = {
     patchedEventProps: CreateEventMap;
 };

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

@@ -1,4 +1,4 @@
-import UIAnalyticsEvent from '../events/UIAnalyticsEvent';
+import type UIAnalyticsEvent from '../events/UIAnalyticsEvent';
 export type UsePlatformLeafEventHandlerHookArgs<T> = {
     fn: (value: T, analyticsEvent: UIAnalyticsEvent) => void;
     action: string;

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

@@ -1,4 +1,4 @@
-import UIAnalyticsEvent from '../events/UIAnalyticsEvent';
+import type UIAnalyticsEvent from '../events/UIAnalyticsEvent';
 export type UsePlatformLeafSyntheticEventHandlerHookArgs = {
     fn: (analyticsEvent: UIAnalyticsEvent) => void;
     action: string;

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

@@ -1,2 +1,2 @@
-import { MutableRefObject } from 'react';
+import { type MutableRefObject } from 'react';
 export declare const useTrackedRef: <T>(value: T) => MutableRefObject<T>;

package/dist/types/index.d.ts

@@ -1,8 +1,8 @@
 export type { CreateUIAnalyticsEvent } from './types';
-export { default as AnalyticsEvent, isAnalyticsEvent, } from './events/AnalyticsEvent';
-export type { AnalyticsEventPayload, AnalyticsEventProps, } from './events/AnalyticsEvent';
-export { default as UIAnalyticsEvent, isUIAnalyticsEvent, } from './events/UIAnalyticsEvent';
-export type { UIAnalyticsEventProps, UIAnalyticsEventHandler, } from './events/UIAnalyticsEvent';
+export { default as AnalyticsEvent, isAnalyticsEvent } from './events/AnalyticsEvent';
+export type { AnalyticsEventPayload, AnalyticsEventProps } from './events/AnalyticsEvent';
+export { default as UIAnalyticsEvent, isUIAnalyticsEvent } from './events/UIAnalyticsEvent';
+export type { UIAnalyticsEventProps, UIAnalyticsEventHandler } from './events/UIAnalyticsEvent';
 export { default as AnalyticsListener } from './components/AnalyticsListener/index';
 export { default as AnalyticsContext } from './components/AnalyticsContext/index';
 export { default as withAnalyticsContext } from './hocs/withAnalyticsContext';

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
-import { AnalyticsEventPayload } from './events/AnalyticsEvent';
-import UIAnalyticsEvent from './events/UIAnalyticsEvent';
+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;
 export type CreateEventMapValue = AnalyticsEventPayload | AnalyticsEventCreator;

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

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

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

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
 interface Props {
     /** Children! */
     children: React.ReactNode;

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

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

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { 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/AnalyticsErrorBoundary.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import React, { Component, type ReactNode } from 'react';
 type AnalyticsErrorBoundaryErrorInfo = {
     componentStack: string;
 };
@@ -18,7 +18,7 @@ type AnalyticsErrorBoundaryState = {
  */
 export default class AnalyticsErrorBoundary extends Component<AnalyticsErrorBoundaryProps, AnalyticsErrorBoundaryState> {
     constructor(props: AnalyticsErrorBoundaryProps);
-    componentDidCatch(error: Error, info?: AnalyticsErrorBoundaryErrorInfo): void;
+    componentDidCatch(error: Error, info: AnalyticsErrorBoundaryErrorInfo): void;
     render(): JSX.Element | null;
 }
 export {};

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

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
-import UIAnalyticsEvent from '../../events/UIAnalyticsEvent';
+import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import type { default as UIAnalyticsEvent } from '../../events/UIAnalyticsEvent';
 type Props = {
     /** Children! */
     children?: React.ReactNode;

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

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

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
-import UIAnalyticsEvent from '../../events/UIAnalyticsEvent';
+import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import type UIAnalyticsEvent from '../../events/UIAnalyticsEvent';
 export type AnalyticsListenerFunction = (props: {
     /** Children! */
     children?: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import AnalyticsEvent, { AnalyticsEventPayload, AnalyticsEventProps } from './AnalyticsEvent';
+import AnalyticsEvent, { type AnalyticsEventPayload, type AnalyticsEventProps } from './AnalyticsEvent';
 type ChannelIdentifier = string;
 type Context = Record<string, any>[];
 export type UIAnalyticsEventHandler = (event: UIAnalyticsEvent, channel?: ChannelIdentifier) => void;

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

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

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

@@ -1,2 +1,2 @@
-import { AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
+import { type AnalyticsReactContextInterface } from '@atlaskit/analytics-next-stable-react-context';
 export declare const useAnalyticsContext: () => AnalyticsReactContextInterface;

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

@@ -1,4 +1,4 @@
-import { 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 { CreateEventMap } from '../types';
+import { type CreateEventMap } from '../types';
 export type PatchedPropsHook = {
     patchedEventProps: CreateEventMap;
 };

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

@@ -1,4 +1,4 @@
-import UIAnalyticsEvent from '../events/UIAnalyticsEvent';
+import type UIAnalyticsEvent from '../events/UIAnalyticsEvent';
 export type UsePlatformLeafEventHandlerHookArgs<T> = {
     fn: (value: T, analyticsEvent: UIAnalyticsEvent) => void;
     action: string;

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

@@ -1,4 +1,4 @@
-import UIAnalyticsEvent from '../events/UIAnalyticsEvent';
+import type UIAnalyticsEvent from '../events/UIAnalyticsEvent';
 export type UsePlatformLeafSyntheticEventHandlerHookArgs = {
     fn: (analyticsEvent: UIAnalyticsEvent) => void;
     action: string;

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

@@ -1,2 +1,2 @@
-import { MutableRefObject } from 'react';
+import { type MutableRefObject } from 'react';
 export declare const useTrackedRef: <T>(value: T) => MutableRefObject<T>;

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

@@ -1,8 +1,8 @@
 export type { CreateUIAnalyticsEvent } from './types';
-export { default as AnalyticsEvent, isAnalyticsEvent, } from './events/AnalyticsEvent';
-export type { AnalyticsEventPayload, AnalyticsEventProps, } from './events/AnalyticsEvent';
-export { default as UIAnalyticsEvent, isUIAnalyticsEvent, } from './events/UIAnalyticsEvent';
-export type { UIAnalyticsEventProps, UIAnalyticsEventHandler, } from './events/UIAnalyticsEvent';
+export { default as AnalyticsEvent, isAnalyticsEvent } from './events/AnalyticsEvent';
+export type { AnalyticsEventPayload, AnalyticsEventProps } from './events/AnalyticsEvent';
+export { default as UIAnalyticsEvent, isUIAnalyticsEvent } from './events/UIAnalyticsEvent';
+export type { UIAnalyticsEventProps, UIAnalyticsEventHandler } from './events/UIAnalyticsEvent';
 export { default as AnalyticsListener } from './components/AnalyticsListener/index';
 export { default as AnalyticsContext } from './components/AnalyticsContext/index';
 export { default as withAnalyticsContext } from './hocs/withAnalyticsContext';

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

@@ -1,5 +1,5 @@
-import { AnalyticsEventPayload } from './events/AnalyticsEvent';
-import UIAnalyticsEvent from './events/UIAnalyticsEvent';
+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;
 export type CreateEventMapValue = AnalyticsEventPayload | AnalyticsEventCreator;

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

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

package/docs/0-intro.tsx

@@ -6,23 +6,23 @@ import SectionMessage from '@atlaskit/section-message';
 export default md`
 
 ${(
-  <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
-    <a
-      href="https://hello.atlassian.net/wiki/spaces/APD/pages/2470435075/DACI+analytics-next+in+a+maintenance+mode"
-      target="_blank"
-    >
-      {' '}
-      DACI{' '}
-    </a>{' '}
-    for more details.
-  </SectionMessage>
+	<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
+		<a
+			href="https://hello.atlassian.net/wiki/spaces/APD/pages/2470435075/DACI+analytics-next+in+a+maintenance+mode"
+			target="_blank"
+		>
+			{' '}
+			DACI{' '}
+		</a>{' '}
+		for more details.
+	</SectionMessage>
 )}
 
 This package aims to help assist consumers track the way their React components are being used.

package/docs/20-usage-with-presentational-components.tsx

@@ -28,45 +28,44 @@ our suggested approach.
 ### Recommended Usage
 
 ${(
-  <table>
-    <tr>
-      <th>Component Type</th>
-      <th>Recommendation</th>
-    </tr>
-    <tr>
-      <td>Class components</td>
-      <td>
-        You have only the <a href="#with-analytics-events">HOC option</a>{' '}
-        available.
-      </td>
-    </tr>
-    <tr>
-      <td>Atlaskit function components</td>
-      <td>
-        Use{' '}
-        <a href="#use-platform-leaf-event-handler">
-          <code>usePlatformLeafEventHandler</code>
-        </a>
-        .
-      </td>
-    </tr>
-    <tr>
-      <td>Other function components</td>
-      <td>
-        Use{' '}
-        <a href="#use-callback-with-analytics">
-          <code>useCallbackWithAnalytics</code>
-        </a>{' '}
-        if you want something basic.
-        <br />
-        Use{' '}
-        <a href="#use-analytics-events">
-          <code>useAnalyticsEvents</code>
-        </a>{' '}
-        if you want more control.
-      </td>
-    </tr>
-  </table>
+	<table>
+		<tr>
+			<th>Component Type</th>
+			<th>Recommendation</th>
+		</tr>
+		<tr>
+			<td>Class components</td>
+			<td>
+				You have only the <a href="#with-analytics-events">HOC option</a> available.
+			</td>
+		</tr>
+		<tr>
+			<td>Atlaskit function components</td>
+			<td>
+				Use{' '}
+				<a href="#use-platform-leaf-event-handler">
+					<code>usePlatformLeafEventHandler</code>
+				</a>
+				.
+			</td>
+		</tr>
+		<tr>
+			<td>Other function components</td>
+			<td>
+				Use{' '}
+				<a href="#use-callback-with-analytics">
+					<code>useCallbackWithAnalytics</code>
+				</a>{' '}
+				if you want something basic.
+				<br />
+				Use{' '}
+				<a href="#use-analytics-events">
+					<code>useAnalyticsEvents</code>
+				</a>{' '}
+				if you want more control.
+			</td>
+		</tr>
+	</table>
 )}
 
 ### Examples

package/docs/40-listeners.tsx

@@ -8,9 +8,9 @@ export default md`
   An \`AnalyticsListener\` wraps your app and listens to any events which are fired within it.
 
   ${(
-    <Props
-      heading="AnalyticsListener Props"
-      props={require('!!extract-react-types-loader!../src/components/AnalyticsListener/LegacyAnalyticsListener')}
-    />
-  )}
+		<Props
+			heading="AnalyticsListener Props"
+			props={require('!!extract-react-types-loader!../src/components/AnalyticsListener/LegacyAnalyticsListener')}
+		/>
+	)}
 `;

package/docs/50-error-boundary.tsx

@@ -46,9 +46,9 @@ class ButtonWithAnalyticsErrorBoundary extends React.Component {
 `}
 
   ${(
-    <Props
-      heading="AnalyticsErrorBoundary Props"
-      props={require('!!extract-react-types-loader!../src/components/AnalyticsErrorBoundary')}
-    />
-  )}
+		<Props
+			heading="AnalyticsErrorBoundary Props"
+			props={require('!!extract-react-types-loader!../src/components/AnalyticsErrorBoundary')}
+		/>
+	)}
 `;

package/docs/70-advanced-usage.tsx

@@ -52,13 +52,13 @@ const SaveButton = ({ onClick }) => (
   Below is a fleshed out example demonstrating how to add extra information to the event's payload.
 
   ${(
-    <Example
-      packageName="@atlaskit/analytics-next"
-      Component={require('../examples/40-updating-an-event').default}
-      title="Updating an event's payload"
-      source={require('!!raw-loader!../examples/40-updating-an-event')}
-    />
-  )}
+		<Example
+			packageName="@atlaskit/analytics-next"
+			Component={require('../examples/40-updating-an-event').default}
+			title="Updating an event's payload"
+			source={require('!!raw-loader!../examples/40-updating-an-event')}
+		/>
+	)}
 
   <a name="using-a-channel"></a>
   ## Using a channel
@@ -162,13 +162,13 @@ const ButtonWithAnalytics = withAnalyticsEvents({
 `}
 
   ${(
-    <Example
-      packageName="@atlaskit/analytics-next"
-      Component={require('../examples/30-passing-events-to-a-callback').default}
-      title="Passing events through callbacks"
-      source={require('!!raw-loader!../examples/30-passing-events-to-a-callback')}
-    />
-  )}
+		<Example
+			packageName="@atlaskit/analytics-next"
+			Component={require('../examples/30-passing-events-to-a-callback').default}
+			title="Passing events through callbacks"
+			source={require('!!raw-loader!../examples/30-passing-events-to-a-callback')}
+		/>
+	)}
 
   <a name="cloning-an-event"></a>
   ## Cloning an event
@@ -220,13 +220,13 @@ const FormWithAnalytics = withAnalyticsEvents({
   and return a clone of the event.
 
   ${(
-    <Example
-      packageName="@atlaskit/analytics-next"
-      Component={require('../examples/50-cloning-an-event').default}
-      title="Cloning an event"
-      source={require('!!raw-loader!../examples/50-cloning-an-event')}
-    />
-  )}
+		<Example
+			packageName="@atlaskit/analytics-next"
+			Component={require('../examples/50-cloning-an-event').default}
+			title="Cloning an event"
+			source={require('!!raw-loader!../examples/50-cloning-an-event')}
+		/>
+	)}
 
   <a name="tracking-events-outside-the-ui"></a>
   ## Tracking events outside the UI