@atlaskit/link-picker 1.8.5 → 1.9.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-picker
 
+## 1.9.0
+
+### Minor Changes
+
+- [`26ca68a3993`](https://bitbucket.org/atlassian/atlassian-frontend/commits/26ca68a3993) - Add support for the onSubmit handler prop to receive a second argument, being a clone of the form submitted analytic event
+
 ## 1.8.5
 
 ### Patch Changes

package/dist/cjs/ui/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ComposedLinkPicker = void 0;
+exports.PACKAGE_DATA = exports.ComposedLinkPicker = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -32,6 +32,7 @@ var PACKAGE_DATA = {
   packageVersion: _version.version,
   componentName: _constants.COMPONENT_NAME
 };
+exports.PACKAGE_DATA = PACKAGE_DATA;
 var LazyLinkPicker = (0, _reactLooselyLazy.lazyForPaint)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('./link-picker'));

package/dist/cjs/ui/link-picker/index.js

@@ -232,7 +232,11 @@ function LinkPicker(_ref) {
     }
   }, [activeIndex, items]);
   var handleInsert = (0, _react.useCallback)(function (url, title, inputType) {
-    var event = createAnalyticsEvent((0, _analytics.default)('ui.form.submitted.linkPicker', {}));
+    var event = createAnalyticsEvent((0, _analytics.default)('ui.form.submitted.linkPicker', {})); // Clone the event so that it can be emitted for consumer usage
+    // This must happen BEFORE the original event is fired!
+
+    var consumerEvent = event.clone(); // Dispatch the original event to our channel
+
     event.fire(_constants.ANALYTICS_CHANNEL);
     onSubmit(_objectSpread({
       url: url,
@@ -243,7 +247,7 @@ function LinkPicker(_ref) {
       }
     }, inputType === 'manual' ? {
       rawUrl: state.url
-    } : {}));
+    } : {}), consumerEvent);
   }, [displayText, onSubmit, state.url, createAnalyticsEvent]);
   var handleSelected = (0, _react.useCallback)(function (objectId) {
     var selectedItem = items === null || items === void 0 ? void 0 : items.find(function (item) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.8.5",
+	"version": "1.9.0",
 	"sideEffects": false
 }

package/dist/es2019/ui/index.js

@@ -5,7 +5,7 @@ import { COMPONENT_NAME, ANALYTICS_CHANNEL } from '../common/constants';
 import { name as packageName, version as packageVersion } from '../version.json';
 import { ErrorBoundaryFallback } from './error-boundary-fallback';
 import { LoaderFallback } from './loader-fallback';
-const PACKAGE_DATA = {
+export const PACKAGE_DATA = {
   packageName,
   packageVersion,
   componentName: COMPONENT_NAME

package/dist/es2019/ui/link-picker/index.js

@@ -184,7 +184,11 @@ function LinkPicker({
     }
   }, [activeIndex, items]);
   const handleInsert = useCallback((url, title, inputType) => {
-    const event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {}));
+    const event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {})); // Clone the event so that it can be emitted for consumer usage
+    // This must happen BEFORE the original event is fired!
+
+    const consumerEvent = event.clone(); // Dispatch the original event to our channel
+
     event.fire(ANALYTICS_CHANNEL);
     onSubmit({
       url,
@@ -196,7 +200,7 @@ function LinkPicker({
       ...(inputType === 'manual' ? {
         rawUrl: state.url
       } : {})
-    });
+    }, consumerEvent);
   }, [displayText, onSubmit, state.url, createAnalyticsEvent]);
   const handleSelected = useCallback(objectId => {
     const selectedItem = items === null || items === void 0 ? void 0 : items.find(item => item.objectId === objectId);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.8.5",
+	"version": "1.9.0",
 	"sideEffects": false
 }

package/dist/esm/ui/index.js

@@ -5,7 +5,7 @@ import { COMPONENT_NAME, ANALYTICS_CHANNEL } from '../common/constants';
 import { name as packageName, version as packageVersion } from '../version.json';
 import { ErrorBoundaryFallback } from './error-boundary-fallback';
 import { LoaderFallback } from './loader-fallback';
-var PACKAGE_DATA = {
+export var PACKAGE_DATA = {
   packageName: packageName,
   packageVersion: packageVersion,
   componentName: COMPONENT_NAME

package/dist/esm/ui/link-picker/index.js

@@ -188,7 +188,11 @@ function LinkPicker(_ref) {
     }
   }, [activeIndex, items]);
   var handleInsert = useCallback(function (url, title, inputType) {
-    var event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {}));
+    var event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {})); // Clone the event so that it can be emitted for consumer usage
+    // This must happen BEFORE the original event is fired!
+
+    var consumerEvent = event.clone(); // Dispatch the original event to our channel
+
     event.fire(ANALYTICS_CHANNEL);
     onSubmit(_objectSpread({
       url: url,
@@ -199,7 +203,7 @@ function LinkPicker(_ref) {
       }
     }, inputType === 'manual' ? {
       rawUrl: state.url
-    } : {}));
+    } : {}), consumerEvent);
   }, [displayText, onSubmit, state.url, createAnalyticsEvent]);
   var handleSelected = useCallback(function (objectId) {
     var selectedItem = items === null || items === void 0 ? void 0 : items.find(function (item) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.8.5",
+	"version": "1.9.0",
 	"sideEffects": false
 }

package/dist/types/ui/index.d.ts

@@ -1,3 +1,8 @@
 import React from 'react';
 import { LinkPickerProps } from './link-picker';
+export declare const PACKAGE_DATA: {
+    packageName: any;
+    packageVersion: any;
+    componentName: string;
+};
 export declare const ComposedLinkPicker: React.MemoExoticComponent<(props: LinkPickerProps) => JSX.Element>;

package/dist/types/ui/link-picker/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { LinkInputType, LinkPickerPlugin } from '../types';
 export declare const RECENT_SEARCH_LIST_SIZE = 5;
 export declare const CONTACT_SUPPORT_LINK = "https://support.atlassian.com/contact/";
@@ -42,8 +43,10 @@ interface OnSubmitParameter {
     rawUrl?: string;
 }
 export interface LinkPickerProps {
-    /** Callback to fire on form submission. */
-    onSubmit: (arg: OnSubmitParameter) => void;
+    /**
+     * Callback to fire on form submission.
+     */
+    onSubmit: (arg: OnSubmitParameter, analytic?: UIAnalyticsEvent | null) => void;
     /** Callback to fire when the cancel button is clicked. */
     onCancel: () => void;
     /** Callback to fire when content is changed inside the link picker e.g. items, when loading, tabs */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.8.5",
+  "version": "1.9.0",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -56,6 +56,7 @@
     "@af/codegen": "*",
     "@atlaskit/activity-provider": "^2.3.2",
     "@atlaskit/docs": "*",
+    "@atlaskit/link-analytics": "^1.0.0",
     "@atlaskit/link-test-helpers": "^1.4.0",
     "@atlaskit/popup": "^1.4.0",
     "@atlaskit/ssr": "*",
@@ -63,8 +64,8 @@
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
-    "@atlassian/link-picker-atlassian-plugin": "^18.0.0",
-    "@atlassian/link-picker-plugins": "^5.1.0",
+    "@atlassian/link-picker-atlassian-plugin": "^19.0.0",
+    "@atlassian/link-picker-plugins": "^6.0.0",
     "@atlassian/recent-work-client": "^1.6.0",
     "@atlassian/search-provider": "^2.3.0",
     "@testing-library/dom": "^8.17.1",

package/report.api.md

@@ -10,6 +10,7 @@
 import { MessageDescriptor } from 'react-intl-next';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 
 export declare type LinkInputType = 'manual' | 'typeAhead';
 
@@ -35,8 +36,13 @@ export declare type LinkPickerPluginErrorFallback = (
 ) => ReactNode;
 
 export declare interface LinkPickerProps {
-  /** Callback to fire on form submission. */
-  onSubmit: (arg: OnSubmitParameter) => void;
+  /**
+   * Callback to fire on form submission.
+   */
+  onSubmit: (
+    arg: OnSubmitParameter,
+    analytic?: UIAnalyticsEvent | null,
+  ) => void;
   /** Callback to fire when the cancel button is clicked. */
   onCancel: () => void;
   /** Callback to fire when content is changed inside the link picker e.g. items, when loading, tabs */