@atlaskit/link-picker 1.21.0 → 1.22.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-picker
 
+## 1.22.1
+
+### Patch Changes
+
+- [`ae5ac36af00`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae5ac36af00) - Updates analytics codegen to support screen events.
+
+## 1.22.0
+
+### Minor Changes
+
+- [`cd623c7a474`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cd623c7a474) - [ux] Wrap search input with conditional spotlight target for better onboarding
+
 ## 1.21.0
 
 ### Minor Changes

package/dist/cjs/common/analytics/input-field-tracking.js

@@ -12,7 +12,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _constants = require("../constants");
-var _analytics = _interopRequireDefault(require("../../analytics.codegen"));
+var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _2 = require(".");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/cjs/common/utils/analytics/analytics.codegen.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::e7a81d0d46e015c9728ae9557b47040f>>
+ * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
+ */
+
+function createEventPayload(eventKey, attributes) {
+  var _eventKey$split = eventKey.split('.'),
+    _eventKey$split2 = (0, _slicedToArray2.default)(_eventKey$split, 4),
+    eventType = _eventKey$split2[0],
+    actionSubject = _eventKey$split2[1],
+    action = _eventKey$split2[2],
+    actionSubjectId = _eventKey$split2[3];
+  if (eventType === 'screen') {
+    return {
+      eventType: eventType,
+      name: actionSubject,
+      action: 'viewed',
+      attributes: attributes
+    };
+  }
+  return {
+    eventType: eventType,
+    actionSubject: actionSubject,
+    actionSubjectId: actionSubjectId,
+    action: action,
+    attributes: attributes
+  };
+}
+var _default = createEventPayload;
+exports.default = _default;

package/dist/cjs/services/use-plugins/index.js

@@ -12,7 +12,7 @@ var _react = require("react");
 var _convertToError = require("@atlaskit/frontend-utilities/convert-to-error");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkPicker = require("../../ui/link-picker");
-var _analytics = _interopRequireDefault(require("../../analytics.codegen"));
+var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _constants = require("../../common/constants");
 var _utils = require("./utils");
 var _reducer = require("./reducer");

package/dist/cjs/ui/error-boundary/index.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _analytics = _interopRequireDefault(require("../../analytics.codegen"));
+var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _constants = require("../../common/constants");
 var _experiences = require("../../common/analytics/experiences");
 var _sessionProvider = require("../../controllers/session-provider");

package/dist/cjs/ui/link-picker/conditional-spotlight-target-wrapper/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConditionalSpotlightTargetWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _onboarding = require("@atlaskit/onboarding");
+var ConditionalSpotlightTargetWrapper = function ConditionalSpotlightTargetWrapper(_ref) {
+  var spotlightTargetName = _ref.spotlightTargetName,
+    children = _ref.children;
+  return spotlightTargetName ? /*#__PURE__*/_react.default.createElement(_onboarding.SpotlightTarget, {
+    name: spotlightTargetName
+  }, children) : children;
+};
+exports.ConditionalSpotlightTargetWrapper = ConditionalSpotlightTargetWrapper;

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

@@ -16,7 +16,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-var _analytics = _interopRequireDefault(require("../../analytics.codegen"));
+var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _constants = require("../../common/constants");
 var _analytics2 = require("../../common/analytics");
 var _url2 = require("@atlaskit/linking-common/url");
@@ -332,6 +332,7 @@ function LinkPicker(_ref) {
     "aria-activedescendant": ariaActiveDescendant,
     "aria-describedby": screenReaderDescriptionId,
     error: invalidUrl ? intl.formatMessage(_messages.formMessages.linkInvalid) : null,
+    spotlightTargetName: "link-picker-search-field-spotlight-target",
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl

package/dist/cjs/ui/link-picker/link-search-list/use-track-results-shown/index.js

@@ -10,7 +10,7 @@ var _react = require("react");
 var _useDebounce3 = require("use-debounce");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _constants = require("../../../../common/constants");
-var _analytics = _interopRequireDefault(require("../../../../analytics.codegen"));
+var _analytics = _interopRequireDefault(require("../../../../common/utils/analytics/analytics.codegen"));
 var DEBOUNCE_MS = 400;
 var useTrackResultsShown = function useTrackResultsShown(isLoading, items, hasSearchTerm) {
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),

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

@@ -13,9 +13,10 @@ var _form = require("@atlaskit/form");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
+var _conditionalSpotlightTargetWrapper = require("../conditional-spotlight-target-wrapper");
 var _utils = require("../utils");
 var _styled = require("./styled");
-var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error"];
+var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
 /** @jsx jsx */
 var testIds = {
   urlError: 'link-error',
@@ -32,6 +33,7 @@ var TextInput = function TextInput(_ref) {
     onClear = _ref.onClear,
     clearLabel = _ref.clearLabel,
     error = _ref.error,
+    spotlightTargetName = _ref.spotlightTargetName,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var inputRef = (0, _react.useRef)(null);
   var handleRef = (0, _react.useCallback)(function (input) {
@@ -82,14 +84,16 @@ var TextInput = function TextInput(_ref) {
     name: name
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, restProps, {
+    return (0, _react2.jsx)(_conditionalSpotlightTargetWrapper.ConditionalSpotlightTargetWrapper, {
+      spotlightTargetName: spotlightTargetName
+    }, (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, restProps, {
       onKeyDown: handleKeydown,
       ref: handleRef,
       elemAfterInput: clearText,
       isInvalid: !!error
     })), error && (0, _react2.jsx)(_form.ErrorMessage, {
       testId: testIds.urlError
-    }, error));
+    }, error)));
   }));
 };
 var _default = TextInput;

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

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _experiences = require("../../../common/analytics/experiences");
-var _analytics = _interopRequireDefault(require("../../../analytics.codegen"));
+var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _constants = require("../../../common/constants");
 var _sessionProvider = require("../../../controllers/session-provider");
 /** @jsx jsx */

package/dist/cjs/ui/link-picker/track-tab-viewed/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _analytics = _interopRequireDefault(require("../../../analytics.codegen"));
+var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _constants = require("../../../common/constants");
 /** @jsx jsx */
 

package/dist/cjs/version.json

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

package/dist/es2019/common/analytics/input-field-tracking.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useRef } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../constants';
-import createEventPayload from '../../analytics.codegen';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { useLinkPickerAnalytics } from '.';
 const isEventWithInputType = e => {
   return typeof e === 'object' && e !== null && 'inputType' in e;

package/dist/es2019/common/utils/analytics/analytics.codegen.js

@@ -0,0 +1,28 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::e7a81d0d46e015c9728ae9557b47040f>>
+ * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
+ */
+
+function createEventPayload(eventKey, attributes) {
+  const [eventType, actionSubject, action, actionSubjectId] = eventKey.split('.');
+  if (eventType === 'screen') {
+    return {
+      eventType,
+      name: actionSubject,
+      action: 'viewed',
+      attributes: attributes
+    };
+  }
+  return {
+    eventType,
+    actionSubject,
+    actionSubjectId,
+    action,
+    attributes: attributes
+  };
+}
+export default createEventPayload;

package/dist/es2019/services/use-plugins/index.js

@@ -2,7 +2,7 @@ import { useEffect, useMemo, useState, useCallback } from 'react';
 import { convertToError } from '@atlaskit/frontend-utilities/convert-to-error';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { RECENT_SEARCH_LIST_SIZE } from '../../ui/link-picker';
-import createEventPayload from '../../analytics.codegen';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { CancellationError, resolvePluginUpdates } from './utils';
 import { usePluginReducer } from './reducer';

package/dist/es2019/ui/error-boundary/index.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import createEventPayload from '../../analytics.codegen';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { failUfoExperience, ufoExperience } from '../../common/analytics/experiences';
 import { useLinkPickerSessionId } from '../../controllers/session-provider';

package/dist/es2019/ui/link-picker/conditional-spotlight-target-wrapper/index.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SpotlightTarget } from '@atlaskit/onboarding';
+export const ConditionalSpotlightTargetWrapper = ({
+  spotlightTargetName,
+  children
+}) => {
+  return spotlightTargetName ? /*#__PURE__*/React.createElement(SpotlightTarget, {
+    name: spotlightTargetName
+  }, children) : children;
+};

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

@@ -7,7 +7,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
 import Tabs, { Tab, TabList } from '@atlaskit/tabs';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import createEventPayload from '../../analytics.codegen';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
 import { normalizeUrl, isSafeUrl } from '@atlaskit/linking-common/url';
@@ -326,6 +326,7 @@ function LinkPicker({
     "aria-activedescendant": ariaActiveDescendant,
     "aria-describedby": screenReaderDescriptionId,
     error: invalidUrl ? intl.formatMessage(formMessages.linkInvalid) : null,
+    spotlightTargetName: "link-picker-search-field-spotlight-target",
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl

package/dist/es2019/ui/link-picker/link-search-list/use-track-results-shown/index.js

@@ -2,7 +2,7 @@ import { useEffect, useMemo, useRef } from 'react';
 import { useDebounce } from 'use-debounce';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../../../common/constants';
-import createEventPayload from '../../../../analytics.codegen';
+import createEventPayload from '../../../../common/utils/analytics/analytics.codegen';
 const DEBOUNCE_MS = 400;
 export const useTrackResultsShown = (isLoading, items, hasSearchTerm) => {
   const {

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

@@ -6,6 +6,7 @@ import { ErrorMessage, Field } from '@atlaskit/form';
 import Tooltip from '@atlaskit/tooltip';
 import Textfield from '@atlaskit/textfield';
 import Selectclear from '@atlaskit/icon/glyph/select-clear';
+import { ConditionalSpotlightTargetWrapper } from '../conditional-spotlight-target-wrapper';
 import { isRedoEvent, isUndoEvent } from '../utils';
 import { clearTextButtonStyles, fieldStyles } from './styled';
 export const testIds = {
@@ -22,6 +23,7 @@ const TextInput = ({
   onClear,
   clearLabel,
   error,
+  spotlightTargetName,
   ...restProps
 }) => {
   const inputRef = useRef(null);
@@ -74,14 +76,16 @@ const TextInput = ({
   }, ({
     fieldProps
   }) => {
-    return jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, restProps, {
+    return jsx(ConditionalSpotlightTargetWrapper, {
+      spotlightTargetName: spotlightTargetName
+    }, jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, restProps, {
       onKeyDown: handleKeydown,
       ref: handleRef,
       elemAfterInput: clearText,
       isInvalid: !!error
     })), error && jsx(ErrorMessage, {
       testId: testIds.urlError
-    }, error));
+    }, error)));
   }));
 };
 export default TextInput;

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

@@ -2,7 +2,7 @@
 import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { succeedUfoExperience, ufoExperience } from '../../../common/analytics/experiences';
-import createEventPayload from '../../../analytics.codegen';
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 import { useLinkPickerSessionId } from '../../../controllers/session-provider';
 

package/dist/es2019/ui/link-picker/track-tab-viewed/index.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import createEventPayload from '../../../analytics.codegen';
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 function TrackTabViewed({
   activePlugin

package/dist/es2019/version.json

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

package/dist/esm/common/analytics/input-field-tracking.js

@@ -4,7 +4,7 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import React, { useCallback, useRef } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../constants';
-import createEventPayload from '../../analytics.codegen';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { useLinkPickerAnalytics } from '.';
 var isEventWithInputType = function isEventWithInputType(e) {
   return _typeof(e) === 'object' && e !== null && 'inputType' in e;

package/dist/esm/common/utils/analytics/analytics.codegen.js

@@ -0,0 +1,34 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::e7a81d0d46e015c9728ae9557b47040f>>
+ * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
+ */
+
+function createEventPayload(eventKey, attributes) {
+  var _eventKey$split = eventKey.split('.'),
+    _eventKey$split2 = _slicedToArray(_eventKey$split, 4),
+    eventType = _eventKey$split2[0],
+    actionSubject = _eventKey$split2[1],
+    action = _eventKey$split2[2],
+    actionSubjectId = _eventKey$split2[3];
+  if (eventType === 'screen') {
+    return {
+      eventType: eventType,
+      name: actionSubject,
+      action: 'viewed',
+      attributes: attributes
+    };
+  }
+  return {
+    eventType: eventType,
+    actionSubject: actionSubject,
+    actionSubjectId: actionSubjectId,
+    action: action,
+    attributes: attributes
+  };
+}
+export default createEventPayload;

package/dist/esm/services/use-plugins/index.js

@@ -5,7 +5,7 @@ import { useEffect, useMemo, useState, useCallback } from 'react';
 import { convertToError } from '@atlaskit/frontend-utilities/convert-to-error';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { RECENT_SEARCH_LIST_SIZE } from '../../ui/link-picker';
-import createEventPayload from '../../analytics.codegen';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { CancellationError, resolvePluginUpdates } from './utils';
 import { usePluginReducer } from './reducer';

package/dist/esm/ui/error-boundary/index.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import createEventPayload from '../../analytics.codegen';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { failUfoExperience, ufoExperience } from '../../common/analytics/experiences';
 import { useLinkPickerSessionId } from '../../controllers/session-provider';

package/dist/esm/ui/link-picker/conditional-spotlight-target-wrapper/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SpotlightTarget } from '@atlaskit/onboarding';
+export var ConditionalSpotlightTargetWrapper = function ConditionalSpotlightTargetWrapper(_ref) {
+  var spotlightTargetName = _ref.spotlightTargetName,
+    children = _ref.children;
+  return spotlightTargetName ? /*#__PURE__*/React.createElement(SpotlightTarget, {
+    name: spotlightTargetName
+  }, children) : children;
+};

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

@@ -11,7 +11,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
 import Tabs, { Tab, TabList } from '@atlaskit/tabs';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import createEventPayload from '../../analytics.codegen';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
 import { normalizeUrl, isSafeUrl } from '@atlaskit/linking-common/url';
@@ -321,6 +321,7 @@ function LinkPicker(_ref) {
     "aria-activedescendant": ariaActiveDescendant,
     "aria-describedby": screenReaderDescriptionId,
     error: invalidUrl ? intl.formatMessage(formMessages.linkInvalid) : null,
+    spotlightTargetName: "link-picker-search-field-spotlight-target",
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl

package/dist/esm/ui/link-picker/link-search-list/use-track-results-shown/index.js

@@ -3,7 +3,7 @@ import { useEffect, useMemo, useRef } from 'react';
 import { useDebounce } from 'use-debounce';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../../../common/constants';
-import createEventPayload from '../../../../analytics.codegen';
+import createEventPayload from '../../../../common/utils/analytics/analytics.codegen';
 var DEBOUNCE_MS = 400;
 export var useTrackResultsShown = function useTrackResultsShown(isLoading, items, hasSearchTerm) {
   var _useAnalyticsEvents = useAnalyticsEvents(),

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error"];
+var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
 /** @jsx jsx */
 import { useCallback, useRef, Fragment } from 'react';
 import { jsx } from '@emotion/react';
@@ -8,6 +8,7 @@ import { ErrorMessage, Field } from '@atlaskit/form';
 import Tooltip from '@atlaskit/tooltip';
 import Textfield from '@atlaskit/textfield';
 import Selectclear from '@atlaskit/icon/glyph/select-clear';
+import { ConditionalSpotlightTargetWrapper } from '../conditional-spotlight-target-wrapper';
 import { isRedoEvent, isUndoEvent } from '../utils';
 import { clearTextButtonStyles, fieldStyles } from './styled';
 export var testIds = {
@@ -24,6 +25,7 @@ var TextInput = function TextInput(_ref) {
     onClear = _ref.onClear,
     clearLabel = _ref.clearLabel,
     error = _ref.error,
+    spotlightTargetName = _ref.spotlightTargetName,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var inputRef = useRef(null);
   var handleRef = useCallback(function (input) {
@@ -74,14 +76,16 @@ var TextInput = function TextInput(_ref) {
     name: name
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
-    return jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, restProps, {
+    return jsx(ConditionalSpotlightTargetWrapper, {
+      spotlightTargetName: spotlightTargetName
+    }, jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, restProps, {
       onKeyDown: handleKeydown,
       ref: handleRef,
       elemAfterInput: clearText,
       isInvalid: !!error
     })), error && jsx(ErrorMessage, {
       testId: testIds.urlError
-    }, error));
+    }, error)));
   }));
 };
 export default TextInput;

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

@@ -2,7 +2,7 @@
 import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { succeedUfoExperience, ufoExperience } from '../../../common/analytics/experiences';
-import createEventPayload from '../../../analytics.codegen';
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 import { useLinkPickerSessionId } from '../../../controllers/session-provider';
 

package/dist/esm/ui/link-picker/track-tab-viewed/index.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import createEventPayload from '../../../analytics.codegen';
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 function TrackTabViewed(_ref) {
   var activePlugin = _ref.activePlugin;

package/dist/esm/version.json

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

package/dist/types/common/analytics/context.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LinkPickerAnalyticsContextType } from '../../analytics.codegen';
+import { LinkPickerAnalyticsContextType } from '../utils/analytics/analytics.codegen';
 import { LinkPickerProps } from '../../';
 type AnalyticsContextAttributesType = LinkPickerAnalyticsContextType;
 export type TrackAttribute = <K extends keyof LinkPickerAnalyticsContextType>(attribute: K, value: AnalyticsContextAttributesType[K]) => void;

package/dist/types/common/analytics/input-field-tracking.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LinkPickerAnalyticsContextType } from '../../analytics.codegen';
+import { LinkPickerAnalyticsContextType } from '../../common/utils/analytics/analytics.codegen';
 type InputFields = 'link' | 'displayText';
 /**
  * Wraps an input field and connects it to the link picker analytics context to provide a baseline of analytics tracking

package/dist/{types-ts4.5 → types/common/utils/analytics}/analytics.codegen.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::254da005ee62004d45537995770eba56>>
+ * @codegen <<SignedSource::e7a81d0d46e015c9728ae9557b47040f>>
  * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
  */
 export type PackageMetaDataType = {
@@ -55,9 +55,17 @@ type AnalyticsEventAttributes = {
 };
 declare function createEventPayload<K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]): {
     eventType: string;
-    actionSubject: string;
+    name: string;
     action: string;
+    attributes: AnalyticsEventAttributes[K];
+    actionSubject?: undefined;
+    actionSubjectId?: undefined;
+} | {
+    eventType: string;
+    actionSubject: string;
     actionSubjectId: string;
+    action: string;
     attributes: AnalyticsEventAttributes[K];
+    name?: undefined;
 };
 export default createEventPayload;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PackageMetaDataType } from '../analytics.codegen';
+import { PackageMetaDataType } from '../common/utils/analytics/analytics.codegen';
 import { LinkPickerProps } from './link-picker';
 export declare const testIds: {
     linkPickerRoot: string;

package/dist/types/ui/link-picker/conditional-spotlight-target-wrapper/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FunctionComponent } from 'react';
+export interface ConditionalSpotlightTargetWrapperProps {
+    spotlightTargetName?: string;
+    children: React.ReactElement;
+}
+export declare const ConditionalSpotlightTargetWrapper: FunctionComponent<ConditionalSpotlightTargetWrapperProps>;

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

@@ -1,6 +1,7 @@
 import { jsx } from '@emotion/react';
 import { TextFieldProps } from '@atlaskit/textfield';
-export type TextInputProps = Omit<TextFieldProps, 'name' | 'value'> & {
+import { ConditionalSpotlightTargetWrapperProps } from '../conditional-spotlight-target-wrapper';
+export type TextInputProps = Omit<TextFieldProps, 'name' | 'value'> & Pick<ConditionalSpotlightTargetWrapperProps, 'spotlightTargetName'> & {
     name: string;
     value: string;
     label?: string;
@@ -14,5 +15,5 @@ export declare const testIds: {
     urlError: string;
     clearUrlButton: string;
 };
-declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, ...restProps }: TextInputProps) => jsx.JSX.Element;
+declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, ...restProps }: TextInputProps) => jsx.JSX.Element;
 export default TextInput;

package/dist/types-ts4.5/common/analytics/context.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LinkPickerAnalyticsContextType } from '../../analytics.codegen';
+import { LinkPickerAnalyticsContextType } from '../utils/analytics/analytics.codegen';
 import { LinkPickerProps } from '../../';
 type AnalyticsContextAttributesType = LinkPickerAnalyticsContextType;
 export type TrackAttribute = <K extends keyof LinkPickerAnalyticsContextType>(attribute: K, value: AnalyticsContextAttributesType[K]) => void;

package/dist/types-ts4.5/common/analytics/input-field-tracking.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LinkPickerAnalyticsContextType } from '../../analytics.codegen';
+import { LinkPickerAnalyticsContextType } from '../../common/utils/analytics/analytics.codegen';
 type InputFields = 'link' | 'displayText';
 /**
  * Wraps an input field and connects it to the link picker analytics context to provide a baseline of analytics tracking

package/dist/{types → types-ts4.5/common/utils/analytics}/analytics.codegen.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::254da005ee62004d45537995770eba56>>
+ * @codegen <<SignedSource::e7a81d0d46e015c9728ae9557b47040f>>
  * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
  */
 export type PackageMetaDataType = {
@@ -55,9 +55,17 @@ type AnalyticsEventAttributes = {
 };
 declare function createEventPayload<K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]): {
     eventType: string;
-    actionSubject: string;
+    name: string;
     action: string;
+    attributes: AnalyticsEventAttributes[K];
+    actionSubject?: undefined;
+    actionSubjectId?: undefined;
+} | {
+    eventType: string;
+    actionSubject: string;
     actionSubjectId: string;
+    action: string;
     attributes: AnalyticsEventAttributes[K];
+    name?: undefined;
 };
 export default createEventPayload;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PackageMetaDataType } from '../analytics.codegen';
+import { PackageMetaDataType } from '../common/utils/analytics/analytics.codegen';
 import { LinkPickerProps } from './link-picker';
 export declare const testIds: {
     linkPickerRoot: string;

package/dist/types-ts4.5/ui/link-picker/conditional-spotlight-target-wrapper/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FunctionComponent } from 'react';
+export interface ConditionalSpotlightTargetWrapperProps {
+    spotlightTargetName?: string;
+    children: React.ReactElement;
+}
+export declare const ConditionalSpotlightTargetWrapper: FunctionComponent<ConditionalSpotlightTargetWrapperProps>;

package/dist/types-ts4.5/ui/link-picker/text-input/index.d.ts

@@ -1,6 +1,7 @@
 import { jsx } from '@emotion/react';
 import { TextFieldProps } from '@atlaskit/textfield';
-export type TextInputProps = Omit<TextFieldProps, 'name' | 'value'> & {
+import { ConditionalSpotlightTargetWrapperProps } from '../conditional-spotlight-target-wrapper';
+export type TextInputProps = Omit<TextFieldProps, 'name' | 'value'> & Pick<ConditionalSpotlightTargetWrapperProps, 'spotlightTargetName'> & {
     name: string;
     value: string;
     label?: string;
@@ -14,5 +15,5 @@ export declare const testIds: {
     urlError: string;
     clearUrlButton: string;
 };
-declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, ...restProps }: TextInputProps) => jsx.JSX.Element;
+declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, ...restProps }: TextInputProps) => jsx.JSX.Element;
 export default TextInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.21.0",
+  "version": "1.22.1",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -44,12 +44,13 @@
     "@atlaskit/form": "^8.11.0",
     "@atlaskit/frontend-utilities": "^2.6.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/linking-common": "^2.12.0",
+    "@atlaskit/linking-common": "^2.13.0",
+    "@atlaskit/onboarding": "^10.8.2",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/tabs": "^13.4.0",
-    "@atlaskit/textfield": "^5.4.0",
+    "@atlaskit/textfield": "^5.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.5.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -66,7 +67,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@af/analytics-codegen": "^0.0.7",
+    "@af/analytics-codegen": "^0.1.0",
     "@atlaskit/activity-provider": "^2.4.0",
     "@atlaskit/docs": "*",
     "@atlaskit/link-analytics": "^8.0.0",
@@ -79,8 +80,8 @@
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@atlassian/codegen": "^0.1.0",
-    "@atlassian/link-picker-atlassian-plugin": "^31.0.0",
-    "@atlassian/link-picker-plugins": "^21.0.0",
+    "@atlassian/link-picker-atlassian-plugin": "^32.1.0",
+    "@atlassian/link-picker-plugins": "^22.1.0",
     "@atlassian/recent-work-client": "^1.8.0",
     "@atlassian/search-provider": "^2.4.0",
     "@testing-library/dom": "^8.17.1",

package/dist/cjs/analytics.codegen.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * Generates Typescript types for analytics events from analytics.spec.yaml
- *
- * @codegen <<SignedSource::254da005ee62004d45537995770eba56>>
- * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
- */
-
-function createEventPayload(eventKey, attributes) {
-  var event = eventKey.split('.');
-  return {
-    eventType: event[0],
-    actionSubject: event[1],
-    action: event[2],
-    actionSubjectId: event[3],
-    attributes: attributes
-  };
-}
-var _default = createEventPayload;
-exports.default = _default;

package/dist/es2019/analytics.codegen.js

@@ -1,20 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * Generates Typescript types for analytics events from analytics.spec.yaml
- *
- * @codegen <<SignedSource::254da005ee62004d45537995770eba56>>
- * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
- */
-
-function createEventPayload(eventKey, attributes) {
-  const event = eventKey.split('.');
-  return {
-    eventType: event[0],
-    actionSubject: event[1],
-    action: event[2],
-    actionSubjectId: event[3],
-    attributes: attributes
-  };
-}
-export default createEventPayload;

package/dist/esm/analytics.codegen.js

@@ -1,20 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * Generates Typescript types for analytics events from analytics.spec.yaml
- *
- * @codegen <<SignedSource::254da005ee62004d45537995770eba56>>
- * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
- */
-
-function createEventPayload(eventKey, attributes) {
-  var event = eventKey.split('.');
-  return {
-    eventType: event[0],
-    actionSubject: event[1],
-    action: event[2],
-    actionSubjectId: event[3],
-    attributes: attributes
-  };
-}
-export default createEventPayload;