@atlaskit/analytics-next 8.3.5 → 9.0.0

package/dist/esm/hooks/usePatchedProps.js

@@ -1,23 +1,19 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { useMemo, useRef } from 'react';
 import { useAnalyticsEvents } from './useAnalyticsEvents';
 export function usePatchedProps() {
   var createEventMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var wrappedComponentProps = arguments.length > 1 ? arguments[1] : undefined;
-
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handlerCache = useRef({});
   var patchedProps = useMemo(function () {
-    var cache = handlerCache.current; // Clean up no longer used handlers in cache
+    var cache = handlerCache.current;
 
+    // Clean up no longer used handlers in cache
     Object.keys(cache).filter(function (key) {
       return !(key in createEventMap);
     }).forEach(function (key) {
@@ -25,29 +21,22 @@ export function usePatchedProps() {
     });
     return Object.keys(createEventMap).reduce(function (p, k) {
       var eventCreator = createEventMap[k];
-
       if (!['object', 'function'].includes(_typeof(eventCreator))) {
         return p;
       }
-
       var propValue = wrappedComponentProps[k];
-
       if (k in cache && cache[k].eventCreator === eventCreator && cache[k].propValue === propValue) {
         return _objectSpread(_objectSpread({}, p), {}, _defineProperty({}, k, cache[k].wrappedCallback));
       }
-
       var wrappedCallback = function wrappedCallback() {
         var analyticsEvent = typeof eventCreator === 'function' ? eventCreator(createAnalyticsEvent, wrappedComponentProps) : createAnalyticsEvent(eventCreator);
-
         if (propValue && typeof propValue === 'function') {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
           }
-
           propValue.apply(void 0, args.concat([analyticsEvent]));
         }
       };
-
       cache[k] = {
         eventCreator: eventCreator,
         wrappedCallback: wrappedCallback,

package/dist/esm/hooks/usePlatformLeafEventHandler.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { useCallback } from 'react';
 import { useAnalyticsEvents } from './useAnalyticsEvents';
 import { useTrackedRef } from './useTrackedRef';
@@ -15,20 +12,19 @@ import { useTrackedRef } from './useTrackedRef';
 // or AnalyticsContext component instead.
 export function usePlatformLeafEventHandler(_ref) {
   var fn = _ref.fn,
-      action = _ref.action,
-      componentName = _ref.componentName,
-      actionSubject = _ref.actionSubject,
-      packageName = _ref.packageName,
-      packageVersion = _ref.packageVersion,
-      analyticsData = _ref.analyticsData;
-
+    action = _ref.action,
+    componentName = _ref.componentName,
+    actionSubject = _ref.actionSubject,
+    packageName = _ref.packageName,
+    packageVersion = _ref.packageVersion,
+    analyticsData = _ref.analyticsData;
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent; // We put analyticsData and fn in a ref so that we don't need to break
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+
+  // We put analyticsData and fn in a ref so that we don't need to break
   // memoization.
   // Generally these could be defined by consumers inline
   // and so we do this to avoid breaking memoization of useCallback
-
-
   var dataRef = useTrackedRef(analyticsData);
   var fnRef = useTrackedRef(fn);
   var handler = useCallback(function (value) {
@@ -40,28 +36,30 @@ export function usePlatformLeafEventHandler(_ref) {
         packageName: packageName,
         packageVersion: packageVersion
       }
-    }); // To avoid wrapping this component in AnalyticsContext we manually
+    });
+
+    // To avoid wrapping this component in AnalyticsContext we manually
     // push the parent context's meta data into the context.
     // Note: this new 'context'
-
     var context = _objectSpread({
       componentName: componentName,
       packageName: packageName,
       packageVersion: packageVersion
     }, dataRef.current);
+    analyticsEvent.context.push(context);
 
-    analyticsEvent.context.push(context); // fire an event on the atlaskit channel
-
+    // fire an event on the atlaskit channel
     var clone = analyticsEvent.clone();
-
     if (clone) {
       clone.fire('atlaskit');
     }
-
     fnRef.current(value, analyticsEvent);
-  }, [// These are strings and won't change
-  action, componentName, actionSubject, packageName, packageVersion, // This function is memoized in the context
-  createAnalyticsEvent, // these are a stable ref because of the useTrackedRef hook
+  }, [
+  // These are strings and won't change
+  action, componentName, actionSubject, packageName, packageVersion,
+  // This function is memoized in the context
+  createAnalyticsEvent,
+  // these are a stable ref because of the useTrackedRef hook
   dataRef, fnRef]);
   return handler;
 }

package/dist/esm/hooks/usePlatformLeafSyntheticEventHandler.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { useCallback } from 'react';
 import { useAnalyticsEvents } from './useAnalyticsEvents';
 import { useTrackedRef } from './useTrackedRef';
@@ -15,19 +12,18 @@ import { useTrackedRef } from './useTrackedRef';
 // or AnalyticsContext component instead.
 export function usePlatformLeafSyntheticEventHandler(_ref) {
   var fn = _ref.fn,
-      action = _ref.action,
-      componentName = _ref.componentName,
-      packageName = _ref.packageName,
-      packageVersion = _ref.packageVersion,
-      analyticsData = _ref.analyticsData;
-
+    action = _ref.action,
+    componentName = _ref.componentName,
+    packageName = _ref.packageName,
+    packageVersion = _ref.packageVersion,
+    analyticsData = _ref.analyticsData;
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent; // We put analyticsData and fn in a ref so that we don't need to break
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+
+  // We put analyticsData and fn in a ref so that we don't need to break
   // memoization.
   // Generally these could be defined by consumers inline
   // and so we do this to avoid breaking memoization of useCallback
-
-
   var dataRef = useTrackedRef(analyticsData);
   var fnRef = useTrackedRef(fn);
   var handler = useCallback(function () {
@@ -39,28 +35,30 @@ export function usePlatformLeafSyntheticEventHandler(_ref) {
         packageName: packageName,
         packageVersion: packageVersion
       }
-    }); // To avoid wrapping this component in AnalyticsContext we manually
+    });
+
+    // To avoid wrapping this component in AnalyticsContext we manually
     // push the parent context's meta data into the context.
     // Note: this new 'context'
-
     var context = _objectSpread({
       componentName: componentName,
       packageName: packageName,
       packageVersion: packageVersion
     }, dataRef.current);
+    analyticsEvent.context.push(context);
 
-    analyticsEvent.context.push(context); // fire an event on the atlaskit channel
-
+    // fire an event on the atlaskit channel
     var clone = analyticsEvent.clone();
-
     if (clone) {
       clone.fire('atlaskit');
     }
-
     fnRef.current(analyticsEvent);
-  }, [// These are strings and won't change
-  action, componentName, packageName, packageVersion, // This function is memoized in the context
-  createAnalyticsEvent, // these are a stable ref because of the useTrackedRef hook
+  }, [
+  // These are strings and won't change
+  action, componentName, packageName, packageVersion,
+  // This function is memoized in the context
+  createAnalyticsEvent,
+  // these are a stable ref because of the useTrackedRef hook
   dataRef, fnRef]);
   return handler;
 }

package/dist/esm/index.js

@@ -2,8 +2,9 @@
 export { default as AnalyticsEvent, isAnalyticsEvent } from './events/AnalyticsEvent';
 export { default as UIAnalyticsEvent, isUIAnalyticsEvent } from './events/UIAnalyticsEvent';
 // AnalyticsListener component
-export { default as AnalyticsListener } from './components/AnalyticsListener/index'; // AnalyticsContext component and HOC
+export { default as AnalyticsListener } from './components/AnalyticsListener/index';
 
+// AnalyticsContext component and HOC
 export { default as AnalyticsContext } from './components/AnalyticsContext/index';
 export { default as withAnalyticsContext } from './hocs/withAnalyticsContext';
 // AnalyticsErrorBoundary component

package/dist/esm/test-utils/useRenderCounter.js

@@ -1,5 +1,6 @@
-import { useEffect, useRef } from 'react'; // Hook to track the number of renders in tests
+import { useEffect, useRef } from 'react';
 
+// Hook to track the number of renders in tests
 export var useRenderCounter = function useRenderCounter() {
   var ref = useRef(1);
   useEffect(function () {

package/dist/esm/utils/cleanProps.js

@@ -2,7 +2,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["createAnalyticsEvent"];
 export default function cleanProps(props) {
   var createAnalyticsEvent = props.createAnalyticsEvent,
-      cleanedProps = _objectWithoutProperties(props, _excluded);
-
+    cleanedProps = _objectWithoutProperties(props, _excluded);
   return cleanedProps;
 }

package/dist/esm/utils/createAndFireEvent.js

@@ -3,11 +3,9 @@ export default (function (channel) {
     return function (createAnalyticsEvent) {
       var consumerEvent = createAnalyticsEvent(payload);
       var clonedEvent = consumerEvent.clone();
-
       if (clonedEvent) {
         clonedEvent.fire(channel);
       }
-
       return consumerEvent;
     };
   };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/analytics-next",
-	"version": "8.3.5",
+	"version": "9.0.0",
 	"sideEffects": false
 }

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

@@ -1,9 +1,8 @@
 import React, { Component, ReactNode } from 'react';
-import { WithAnalyticsEventsProps } from '../hocs/withAnalyticsEvents';
 declare type AnalyticsErrorBoundaryErrorInfo = {
     componentStack: string;
 };
-export interface AnalyticsErrorBoundaryProps extends WithAnalyticsEventsProps {
+export interface AnalyticsErrorBoundaryProps {
     /** React component to be wrapped */
     children: ReactNode;
     channel: string;
@@ -11,19 +10,15 @@ export interface AnalyticsErrorBoundaryProps extends WithAnalyticsEventsProps {
     ErrorComponent?: React.ComponentType;
     onError?: (error: Error, info?: AnalyticsErrorBoundaryErrorInfo) => void;
 }
-declare type AnalyticsErrorBoundaryPayload = {
-    error: Error | string;
-    info?: AnalyticsErrorBoundaryErrorInfo;
-    [key: string]: any;
-};
 declare type AnalyticsErrorBoundaryState = {
     hasError: boolean;
 };
-export declare class BaseAnalyticsErrorBoundary extends Component<AnalyticsErrorBoundaryProps, AnalyticsErrorBoundaryState> {
+/**
+ *  @deprecated
+ */
+export default class AnalyticsErrorBoundary extends Component<AnalyticsErrorBoundaryProps, AnalyticsErrorBoundaryState> {
     constructor(props: AnalyticsErrorBoundaryProps);
-    fireAnalytics: (analyticsErrorPayload: AnalyticsErrorBoundaryPayload) => void;
     componentDidCatch(error: Error, info?: AnalyticsErrorBoundaryErrorInfo): void;
-    render(): JSX.Element;
+    render(): JSX.Element | null;
 }
-declare const AnalyticsErrorBoundary: React.ForwardRefExoticComponent<Omit<AnalyticsErrorBoundaryProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
-export default AnalyticsErrorBoundary;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/analytics-next",
-  "version": "8.3.5",
+  "version": "9.0.0",
   "description": "React components, HOCs and hooks to assist with tracking user activity with React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*",
-        "dist/types-ts4.0/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "atlassian": {
@@ -56,7 +48,7 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.5.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "^5.3.0",
@@ -79,6 +71,9 @@
       "analytics": [
         "analytics-next"
       ],
+      "design-tokens": [
+        "color"
+      ],
       "theming": [
         "react-context"
       ],