@atlaskit/link-picker 1.25.2 → 1.25.4

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

@@ -4,18 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.default = void 0;
+exports.testIds = exports.TextInput = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 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 _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _conditionalSpotlightTargetWrapper = require("./conditional-spotlight-target-wrapper");
 var _styled = require("./styled");
+var _utils = require("./utils");
 var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
 /** @jsx jsx */
 var testIds = {
@@ -96,5 +96,4 @@ var TextInput = function TextInput(_ref) {
     }, error)));
   }));
 };
-var _default = TextInput;
-exports.default = _default;
+exports.TextInput = TextInput;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isUndoEvent = exports.isRedoEvent = void 0;
+var _userAgent = require("@atlaskit/linking-common/user-agent");
+var KeyZCode = 90;
+var KeyYCode = 89;
+var isUndoEvent = function isUndoEvent(e) {
+  var _browser = (0, _userAgent.browser)(),
+    mac = _browser.mac;
+  return e.keyCode === KeyZCode && (
+  // cmd + z for mac
+  mac && e.metaKey && !e.shiftKey ||
+  // ctrl + z for non-mac
+  !mac && e.ctrlKey);
+};
+exports.isUndoEvent = isUndoEvent;
+var isRedoEvent = function isRedoEvent(e) {
+  var _browser2 = (0, _userAgent.browser)(),
+    mac = _browser2.mac;
+  return (
+    // ctrl + y for non-mac
+    !mac && e.ctrlKey && e.keyCode === KeyYCode || mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
+  );
+};
+exports.isRedoEvent = isRedoEvent;

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

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.TrackMount = TrackMount;
 var _react = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _experiences = require("../../../common/analytics/experiences");
-var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _constants = require("../../../common/constants");
+var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _sessionProvider = require("../../../controllers/session-provider");
 /** @jsx jsx */
 
@@ -32,6 +32,4 @@ function TrackMount() {
     };
   }, [createAnalyticsEvent]);
   return null;
-}
-var _default = TrackMount;
-exports.default = _default;
+}

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

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.TrackTabViewed = TrackTabViewed;
 var _react = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _constants = require("../../../common/constants");
+var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 /** @jsx jsx */
 
 function TrackTabViewed(_ref) {
@@ -21,6 +21,4 @@ function TrackTabViewed(_ref) {
     }
   }, [activePlugin, createAnalyticsEvent]);
   return null;
-}
-var _default = TrackTabViewed;
-exports.default = _default;
+}

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformTimeStamp = void 0;
-var _messages = require("./messages");
+var _isYesterday = _interopRequireDefault(require("date-fns/isYesterday"));
 var _date = require("../../common/utils/date");
 var _dateUtils = require("../../common/utils/dateUtils");
-var _isYesterday = _interopRequireDefault(require("date-fns/isYesterday"));
+var _messages = require("./messages");
 var formatTime = function formatTime(timeStamp, intl) {
   var isAbsolute = (0, _date.isMoreThanOneWeekAgo)(timeStamp);
   if (isAbsolute) {

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

@@ -5,34 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getDataSource = void 0;
 exports.getScreenReaderText = getScreenReaderText;
-exports.isUndoEvent = exports.isRedoEvent = exports.handleNavKeyDown = void 0;
-var _userAgent = require("@atlaskit/linking-common/user-agent");
 var _transformTimeStamp = require("./transformTimeStamp");
-var KeyZCode = 90;
-var KeyYCode = 89;
-var isUndoEvent = function isUndoEvent(e) {
-  var _browser = (0, _userAgent.browser)(),
-    mac = _browser.mac;
-  return e.keyCode === KeyZCode && (
-  // cmd + z for mac
-  mac && e.metaKey && !e.shiftKey ||
-  // ctrl + z for non-mac
-  !mac && e.ctrlKey);
-};
-exports.isUndoEvent = isUndoEvent;
-var isRedoEvent = function isRedoEvent(e) {
-  var _browser2 = (0, _userAgent.browser)(),
-    mac = _browser2.mac;
-  return (
-    // ctrl + y for non-mac
-    !mac && e.ctrlKey && e.keyCode === KeyYCode || mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
-  );
-};
-
 /**
  * Retrieve the data source for a link given the item and the plugin that resolved it
  */
-exports.isRedoEvent = isRedoEvent;
 var getDataSource = function getDataSource(item, plugin) {
   var _ref, _item$meta$source, _item$meta, _plugin$meta;
   return (_ref = (_item$meta$source = (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.source) !== null && _item$meta$source !== void 0 ? _item$meta$source : plugin === null || plugin === void 0 ? void 0 : (_plugin$meta = plugin.meta) === null || _plugin$meta === void 0 ? void 0 : _plugin$meta.source) !== null && _ref !== void 0 ? _ref : 'unknown';
@@ -48,27 +24,4 @@ function getScreenReaderText(items, selectedIndex, intl) {
     var date = (0, _transformTimeStamp.transformTimeStamp)(intl, lastViewedDate, lastUpdatedDate);
     return [name, container, date].filter(Boolean).join(', ');
   }
-}
-var handleNavKeyDown = function handleNavKeyDown(event, itemsLength, activeIndex) {
-  var updatedIndex = activeIndex;
-  switch (event.key) {
-    case 'ArrowDown':
-      event.preventDefault();
-      updatedIndex = (activeIndex + 1) % itemsLength;
-      break;
-    case 'ArrowUp':
-      event.preventDefault();
-      updatedIndex = activeIndex > 0 ? activeIndex - 1 : itemsLength - 1;
-      break;
-    case 'Home':
-      event.preventDefault();
-      updatedIndex = 0;
-      break;
-    case 'End':
-      event.preventDefault();
-      updatedIndex = itemsLength - 1;
-      break;
-  }
-  return updatedIndex;
-};
-exports.handleNavKeyDown = handleNavKeyDown;
+}

package/dist/cjs/ui/loader-fallback/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LoaderFallback = void 0;
 var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _styled = require("../link-picker/styled");
+var _styled = require("./styled");
 /** @jsx jsx */
 
 /**

package/dist/cjs/ui/loader-fallback/styled.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rootContainerStylesForLoaderWithoutDisplaytext = exports.rootContainerStylesForLoaderWithDisplaytext = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _styled = require("../link-picker/styled");
+var _templateObject, _templateObject2, _templateObject3; // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+/** Link Picker loader / skeleton will be taller in height when displayText field is shown */ // See lazy-load-height example to verify these
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT = 142;
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT = 220;
+var rootContainerStylesForLoader = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), _styled.rootContainerStyles);
+var rootContainerStylesForLoaderWithDisplaytext = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT);
+
+/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
+exports.rootContainerStylesForLoaderWithDisplaytext = rootContainerStylesForLoaderWithDisplaytext;
+var rootContainerStylesForLoaderWithoutDisplaytext = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT);
+exports.rootContainerStylesForLoaderWithoutDisplaytext = rootContainerStylesForLoaderWithoutDisplaytext;

package/dist/cjs/version.json

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

package/dist/es2019/common/analytics/context.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { AnalyticsListener } from '@atlaskit/analytics-next';
-import { ANALYTICS_CHANNEL } from '../constants';
 import { normalizeUrl } from '@atlaskit/linking-common/url';
+import { ANALYTICS_CHANNEL } from '../constants';
 const DEFAULT_CONTEXT_ATTRIBUTES = {
   linkState: 'newLink',
   linkFieldContent: null,

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

@@ -1,9 +1,9 @@
 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 '../../common/utils/analytics/analytics.codegen';
-import { useLinkPickerAnalytics } from '.';
+import { ANALYTICS_CHANNEL } from '../constants';
+import { useLinkPickerAnalytics } from './index';
 const isEventWithInputType = e => {
   return typeof e === 'object' && e !== null && 'inputType' in e;
 };

package/dist/es2019/common/constants.js

@@ -1,2 +1,3 @@
 export const ANALYTICS_CHANNEL = 'media';
-export const COMPONENT_NAME = 'linkPicker';
+export const COMPONENT_NAME = 'linkPicker';
+export const RECENT_SEARCH_LIST_SIZE = 5;

package/dist/es2019/common/generic-error-svg/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { genericErrorStyles } from './styled';
-const GenericErrorSVG = props => {
+export const GenericErrorSVG = props => {
   const id = 'link-picker-ui-generic-error-svg';
   return jsx("svg", _extends({
     height: "90",
@@ -48,5 +48,4 @@ const GenericErrorSVG = props => {
     stopColor: "#EBECF0",
     stopOpacity: ".6"
   }))));
-};
-export default GenericErrorSVG;
+};

package/dist/es2019/common/utils/handleNavKeyDown.js

@@ -0,0 +1,22 @@
+export const handleNavKeyDown = (event, itemsLength, activeIndex) => {
+  let updatedIndex = activeIndex;
+  switch (event.key) {
+    case 'ArrowDown':
+      event.preventDefault();
+      updatedIndex = (activeIndex + 1) % itemsLength;
+      break;
+    case 'ArrowUp':
+      event.preventDefault();
+      updatedIndex = activeIndex > 0 ? activeIndex - 1 : itemsLength - 1;
+      break;
+    case 'Home':
+      event.preventDefault();
+      updatedIndex = 0;
+      break;
+    case 'End':
+      event.preventDefault();
+      updatedIndex = itemsLength - 1;
+      break;
+  }
+  return updatedIndex;
+};

package/dist/es2019/controllers/use-fix-height/index.js

@@ -1,5 +1,5 @@
 import { useLayoutEffect, useRef } from 'react';
-const useFixHeight = shouldFixHeight => {
+export const useFixHeight = shouldFixHeight => {
   const ref = useRef(null);
   const currentHeight = useRef(null);
   useLayoutEffect(() => {
@@ -13,5 +13,4 @@ const useFixHeight = shouldFixHeight => {
       minHeight: currentHeight.current || 'auto'
     } : undefined
   };
-};
-export default useFixHeight;
+};

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

@@ -1,12 +1,11 @@
-import { useEffect, useMemo, useState, useCallback } from 'react';
-import { convertToError } from '@atlaskit/frontend-utilities/convert-to-error';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { RECENT_SEARCH_LIST_SIZE } from '../../ui/link-picker';
+import { convertToError } from '@atlaskit/frontend-utilities/convert-to-error';
+import { useLinkPickerAnalytics } from '../../common/analytics';
+import { ANALYTICS_CHANNEL, RECENT_SEARCH_LIST_SIZE } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
-import { ANALYTICS_CHANNEL } from '../../common/constants';
-import { CancellationError, resolvePluginUpdates } from './utils';
 import { usePluginReducer } from './reducer';
-import { useLinkPickerAnalytics } from '../../common/analytics';
+import { CancellationError, resolvePluginUpdates } from './utils';
 export function usePlugins(state, activeTab, plugins) {
   var _activePlugin$tabKey;
   const {

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

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import EmptyState from '@atlaskit/empty-state';
 import { defineMessages, useIntl } from 'react-intl-next';
-import GenericErrorSVG from '../../../common/generic-error-svg';
+import EmptyState from '@atlaskit/empty-state';
+import { GenericErrorSVG } from '../../../common/generic-error-svg';
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 import { rootContainerStyles } from '../../link-picker/styled';
 const messages = defineMessages({
   heading: {

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

@@ -1,15 +1,17 @@
 import React, { useCallback } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import createEventPayload from '../../common/utils/analytics/analytics.codegen';
-import { ANALYTICS_CHANNEL } from '../../common/constants';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { failUfoExperience, ufoExperience } from '../../common/analytics/experiences';
+import { ANALYTICS_CHANNEL } from '../../common/constants';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { useLinkPickerSessionId } from '../../controllers/session-provider';
-import { ErrorBoundaryFallback } from './error-boundary-fallback';
 import { BaseErrorBoundary } from './error-boundary-base';
-function ErrorBoundary({
-  children,
-  createAnalyticsEvent
+import { ErrorBoundaryFallback } from './error-boundary-fallback';
+export function ErrorBoundary({
+  children
 }) {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   const linkPickerSessionId = useLinkPickerSessionId();
   const handleError = useCallback((error, info) => {
     var _window, _window$navigator, _info$componentStack;
@@ -27,5 +29,4 @@ function ErrorBoundary({
     onError: handleError,
     ErrorComponent: ErrorBoundaryFallback
   }, children);
-}
-export default withAnalyticsEvents()(ErrorBoundary);
+}

package/dist/es2019/ui/index.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { AnalyticsContext } from '@atlaskit/analytics-next';
 import React, { memo } from 'react';
-import { LazySuspense, lazyForPaint } from 'react-loosely-lazy';
+import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { COMPONENT_NAME } from '../common/constants';
+import { LinkPickerSessionProvider } from '../controllers/session-provider';
 import { name as packageName, version as packageVersion } from '../version.json';
-import ErrorBoundary from './error-boundary';
+import { ErrorBoundary } from './error-boundary';
 import { LoaderFallback } from './loader-fallback';
-import { LinkPickerSessionProvider } from '../controllers/session-provider';
 import { MessagesProvider } from './messages-provider';
 export const testIds = {
   linkPickerRoot: 'link-picker-root'
@@ -18,7 +18,11 @@ export const PACKAGE_DATA = {
   source: COMPONENT_NAME
 };
 const LazyLinkPicker = lazyForPaint(() => import( /* webpackChunkName: "@atlaskit-internal_link-picker" */
-'./link-picker'));
+'./link-picker').then(({
+  LinkPicker
+}) => ({
+  default: LinkPicker
+})));
 const DefaultRootComponent = ({
   children
 }) => {
@@ -40,5 +44,4 @@ export const ComposedLinkPicker = /*#__PURE__*/memo(props => {
   }, /*#__PURE__*/React.createElement(RootComponent, _extends({}, props, {
     "data-testid": testIds.linkPickerRoot
   }), /*#__PURE__*/React.createElement(LazyLinkPicker, props)))))));
-});
-export default ComposedLinkPicker;
+});

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

@@ -1,4 +1,4 @@
-import React, { forwardRef, memo, useState, useEffect } from 'react';
+import React, { forwardRef, memo, useEffect, useState } from 'react';
 
 // How to use:
 // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#Preferring_specialized_live_region_roles
@@ -12,7 +12,7 @@ import React, { forwardRef, memo, useState, useEffect } from 'react';
 // Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
 // https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
 let timer;
-const Announcer = /*#__PURE__*/forwardRef(({
+export const Announcer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   ariaAtomic = 'true',
   ariaLive = 'polite',
   ariaRelevant = 'all',
@@ -37,5 +37,4 @@ const Announcer = /*#__PURE__*/forwardRef(({
     "aria-relevant": ariaRelevant,
     "aria-live": ariaLive
   }, contentRendered && /*#__PURE__*/React.createElement("span", null, text));
-});
-export default /*#__PURE__*/memo(Announcer);
+}));

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

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { memo } from 'react';
-import { useIntl, defineMessages } from 'react-intl-next';
+import { jsx } from '@emotion/react';
+import { defineMessages, useIntl } from 'react-intl-next';
 import Button, { ButtonGroup } from '@atlaskit/button';
 import EditorAddIcon from '@atlaskit/icon/glyph/editor/add';
-import { formFooterStyles, formFooterActionStyles } from './styled';
-import { checkSubmitDisabled } from './utils';
 import { UnauthenticatedError } from '../../../common/utils/errors';
+import { formFooterActionStyles, formFooterStyles } from './styled';
+import { checkSubmitDisabled } from './utils';
 const messages = defineMessages({
   cancelButton: {
     id: 'fabric.linkPicker.button.cancel',
@@ -30,7 +30,7 @@ export const testIds = {
   cancelButton: 'link-picker-cancel-button',
   actionButton: 'link-picker-action-button'
 };
-const FormFooter = ({
+export const FormFooter = /*#__PURE__*/memo(({
   isLoading,
   error,
   url,
@@ -69,5 +69,4 @@ const FormFooter = ({
     testId: testIds.insertButton,
     isDisabled: isSubmitDisabled
   }, intl.formatMessage(insertButtonMsg))));
-};
-export default /*#__PURE__*/memo(FormFooter);
+});

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

@@ -1,40 +1,38 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { Fragment, useCallback, useLayoutEffect, useReducer, memo } from 'react';
+import { Fragment, memo, useCallback, useLayoutEffect, useReducer } from 'react';
 import { jsx } from '@emotion/react';
-import { useIntl, FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
+import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
+import { browser } from '@atlaskit/linking-common/user-agent';
+import Spinner from '@atlaskit/spinner/spinner';
 import Tabs, { Tab, TabList } from '@atlaskit/tabs';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-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';
-import { browser } from '@atlaskit/linking-common/user-agent';
+import { ANALYTICS_CHANNEL } from '../../common/constants';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
+import { handleNavKeyDown } from '../../common/utils/handleNavKeyDown';
+import { useFixHeight } from '../../controllers/use-fix-height';
 import { usePlugins } from '../../services/use-plugins';
 import { useSearchQuery } from '../../services/use-search-query';
-import useFixHeight from '../../controllers/use-fix-height';
-import { searchMessages, linkMessages, formMessages, linkTextMessages } from './messages';
-import TextInput, { testIds as textFieldTestIds } from './text-input';
-import { rootContainerStyles, searchIconStyles, tabsWrapperStyles, flexColumnStyles, formFooterMargin } from './styled';
-import Announcer from './announcer';
-import ScrollingTabList from '../scrolling-tabs';
-import LinkSearchList, { testIds as listTestIds } from './link-search-list';
-import LinkSearchError, { testIds as searchErrorTestIds } from './link-search-error';
-import FormFooter, { testIds as formFooterTestIds } from './form-footer';
-import { getDataSource, getScreenReaderText, handleNavKeyDown } from './utils';
-import TrackTabViewed from './track-tab-viewed';
-import TrackMount from './track-mount';
+import { Announcer } from './announcer';
+import { FormFooter, testIds as formFooterTestIds } from './form-footer';
+import { LinkSearchError, testIds as searchErrorTestIds } from './link-search-error';
+import { LinkSearchList, testIds as listTestIds } from './link-search-list';
 import { spinnerContainerStyles } from './link-search-list/styled';
-import Spinner from '@atlaskit/spinner/spinner';
-export const RECENT_SEARCH_LIST_SIZE = 5;
+import { formMessages, linkMessages, linkTextMessages, searchMessages } from './messages';
+import { ScrollingTabList } from './scrolling-tabs';
+import { flexColumnStyles, formFooterMargin, rootContainerStyles, tabsWrapperStyles } from './styled';
+import { testIds as textFieldTestIds, TextInput } from './text-input';
+import { TrackMount } from './track-mount';
+import { TrackTabViewed } from './track-tab-viewed';
+import { getDataSource, getScreenReaderText } from './utils';
 export const testIds = {
   linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
   urlInputField: 'link-url',
   textInputField: 'link-text',
-  searchIcon: 'link-picker-search-icon',
   ...formFooterTestIds,
   ...searchErrorTestIds,
   ...listTestIds,
@@ -81,7 +79,7 @@ const LinkInputField = withInputFieldTracking(TextInput, 'link', (event, attribu
   linkFieldContent: getLinkFieldContent(event.currentTarget.value)
 }));
 const DisplayTextInputField = withInputFieldTracking(TextInput, 'displayText');
-function LinkPicker({
+export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
   onSubmit,
   onCancel,
   onContentResize,
@@ -91,7 +89,7 @@ function LinkPicker({
   displayText: initDisplayText,
   hideDisplayText,
   featureFlags
-}) {
+}) => {
   var _activePlugin$errorFa, _activePlugin$errorFa2;
   const {
     createAnalyticsEvent
@@ -289,13 +287,6 @@ function LinkPicker({
   // as the Aria design pattern for combobox does not work in this case
   // for details: https://a11y-internal.atlassian.net/browse/AK-740
   const screenReaderText = browser().safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
-  const searchIcon = isActivePlugin && jsx("span", {
-    css: searchIconStyles,
-    "data-testid": testIds.searchIcon
-  }, jsx(EditorSearchIcon, {
-    size: "medium",
-    label: ''
-  }));
   const tabList = jsx(TabList, null, tabs.map(tab => jsx(Tab, {
     key: tab.tabTitle,
     testId: testIds.tabItem
@@ -320,7 +311,6 @@ function LinkPicker({
     placeholder: intl.formatMessage(messages.linkPlaceholder),
     value: url,
     autoFocus: true,
-    elemBeforeInput: searchIcon,
     clearLabel: intl.formatMessage(formMessages.clearLink),
     "aria-expanded": true,
     "aria-autocomplete": "list",
@@ -383,5 +373,4 @@ function LinkPicker({
     action: pluginAction,
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
   }));
-}
-export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(LinkPicker));
+}));

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

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { useIntl, FormattedMessage, defineMessages } from 'react-intl-next';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import EmptyState from '@atlaskit/empty-state';
-import GenericErrorSVG from '../../../common/generic-error-svg';
+import { GenericErrorSVG } from '../../../common/generic-error-svg';
 export const CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
 export const messages = defineMessages({
   searchErrorHeader: {
@@ -21,7 +21,7 @@ export const messages = defineMessages({
 export const testIds = {
   searchError: 'link-search-error'
 };
-const LinkSearchError = () => {
+export const LinkSearchError = () => {
   const intl = useIntl();
   return jsx(EmptyState, {
     testId: testIds.searchError,
@@ -39,5 +39,4 @@ const LinkSearchError = () => {
     })),
     renderImage: () => jsx(GenericErrorSVG, null)
   });
-};
-export default LinkSearchError;
+};