@atlaskit/link-picker 1.25.2 → 1.25.4

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

@@ -2,16 +2,16 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef, Fragment, useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import LinkSearchListItem from '../list-item';
-import { listContainerStyles, spinnerContainerStyles, listStyles, listTitleStyles } from './styled';
-import LinkSearchNoResults, { testIds as noResultsTestIds } from './link-search-no-results';
-import { useTrackResultsShown } from './use-track-results-shown';
-import { handleNavKeyDown } from '../utils';
+import { handleNavKeyDown } from '../../../common/utils/handleNavKeyDown';
+import { NoResults, testIds as noResultsTestIds } from './link-search-no-results';
 import { emptyStateNoResultsWrapper } from './link-search-no-results/styled';
+import { LinkSearchListItem, testIds as searchResultItemTestIds } from './list-item';
+import { listContainerStyles, listStyles, listTitleStyles, spinnerContainerStyles } from './styled';
+import { useTrackResultsShown } from './use-track-results-shown';
 export const messages = defineMessages({
   titleRecentlyViewed: {
     id: 'fabric.linkPicker.listTitle.recentlyViewed',
@@ -31,13 +31,13 @@ export const messages = defineMessages({
 });
 export const testIds = {
   ...noResultsTestIds,
+  ...searchResultItemTestIds,
   resultListTitle: 'link-picker-list-title',
-  searchResultItem: 'link-search-list-item',
   searchResultList: 'link-search-list',
   searchResultLoadingIndicator: 'link-picker.results-loading-indicator',
   tabsLoadingIndicator: 'link-picker.tabs-loading-indicator'
 };
-const LinkSearchList = /*#__PURE__*/forwardRef(({
+export const LinkSearchList = /*#__PURE__*/forwardRef(({
   onChange,
   onSelect,
   onKeyDown,
@@ -101,14 +101,14 @@ const LinkSearchList = /*#__PURE__*/forwardRef(({
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
     if (getBooleanFF('platform.linking-platform.link-picker.enable-empty-state')) {
       if (hasSearchTerm) {
-        return jsx(LinkSearchNoResults, null);
+        return jsx(NoResults, null);
       } else {
         return jsx("div", {
           css: emptyStateNoResultsWrapper
         }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null);
       }
     } else {
-      return jsx(LinkSearchNoResults, null);
+      return jsx(NoResults, null);
     }
   }
   if (items && items.length > 0) {
@@ -157,5 +157,4 @@ const LinkSearchList = /*#__PURE__*/forwardRef(({
     ref: ref,
     css: listContainerStyles
   }, restProps), itemsContent, loadingContent);
-});
-export default LinkSearchList;
+});

package/dist/es2019/ui/link-picker/link-search-list/link-search-no-results/index.js

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
+import { defineMessages, useIntl } from 'react-intl-next';
 import EmptyState from '@atlaskit/empty-state';
-import { useIntl, defineMessages } from 'react-intl-next';
-import NoResultsSVG from './no-results-svg';
+import { NoResultsSVG } from './no-results-svg';
 import { emptyStateWrapperStyles } from './styled';
 export const messages = defineMessages({
   noResults: {
@@ -19,7 +19,7 @@ export const messages = defineMessages({
 export const testIds = {
   emptyResultPage: 'link-search-no-results'
 };
-const NoResults = () => {
+export const NoResults = () => {
   const intl = useIntl();
   return jsx("div", {
     css: emptyStateWrapperStyles
@@ -29,5 +29,4 @@ const NoResults = () => {
     description: intl.formatMessage(messages.noResultsDescription),
     renderImage: () => jsx(NoResultsSVG, null)
   }));
-};
-export default NoResults;
+};

package/dist/es2019/ui/link-picker/link-search-list/link-search-no-results/no-results-svg/index.js

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { noResultsSVGStyles } from './styled';
-const NoResultsSVG = () => {
+export const NoResultsSVG = () => {
   const id = 'link-picker-ui-no-results-svg';
   return jsx("svg", {
     css: noResultsSVGStyles,
@@ -53,5 +53,4 @@ const NoResultsSVG = () => {
     transform: "translate(0 .62)",
     d: "M0 0h207.16v189.87H0z"
   }))));
-};
-export default NoResultsSVG;
+};

package/dist/es2019/ui/link-picker/{list-item → link-search-list/list-item}/index.js

@@ -1,11 +1,48 @@
 /** @jsx jsx */
 import { forwardRef, Fragment } from 'react';
 import { jsx } from '@emotion/react';
-import { transformTimeStamp } from '../transformTimeStamp';
-import { itemNameStyles, itemIconStyles, listItemContextStyles, listItemNameStyles, composeListItemStyles, imgStyles, listItemContainerStyles, listItemContainerInnerStyles } from './styled';
-import { testIds } from '..';
 import { useIntl } from 'react-intl-next';
-const LinkSearchListItem = /*#__PURE__*/forwardRef(({
+/* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
+import { transformTimeStamp } from '../../transformTimeStamp';
+import { composeListItemStyles, imgStyles, itemIconStyles, itemNameStyles, listItemContainerInnerStyles, listItemContainerStyles, listItemContextStyles, listItemNameStyles } from './styled';
+export const testIds = {
+  searchResultItem: 'link-search-list-item',
+  searchResultIcon: 'link-search-list-item-icon'
+};
+const isSVG = icon => icon.startsWith('<svg') && icon.endsWith('</svg>');
+const base64SVG = icon => `data:image/svg+xml;base64,${Buffer.from(icon).toString('base64')}`;
+const ListItemIcon = props => {
+  const {
+    item,
+    intl
+  } = props;
+  const {
+    icon,
+    iconAlt
+  } = item;
+  if (!icon) {
+    return null;
+  }
+  const alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
+  if (typeof icon !== 'string') {
+    const Glyph = icon;
+    return jsx("span", {
+      css: itemIconStyles
+    }, jsx(Glyph, {
+      alt: alt,
+      "data-testid": testIds.searchResultIcon
+    }));
+  }
+  return jsx("span", {
+    css: itemIconStyles
+  }, jsx("img", {
+    "data-testid": testIds.searchResultIcon,
+    src: isSVG(icon) ? base64SVG(icon) : icon,
+    alt: alt,
+    css: imgStyles
+  }));
+};
+export const LinkSearchListItem = /*#__PURE__*/forwardRef(({
   item,
   selected,
   active,
@@ -49,39 +86,4 @@ const LinkSearchListItem = /*#__PURE__*/forwardRef(({
   }, container)), date && jsx("div", {
     css: listItemContainerInnerStyles
   }, container && jsx(Fragment, null, "\xA0 \u2022\xA0 "), jsx(Fragment, null, date)))));
-});
-export default LinkSearchListItem;
-const isSVG = icon => icon.startsWith('<svg') && icon.endsWith('</svg>');
-const base64SVG = icon => `data:image/svg+xml;base64,${Buffer.from(icon).toString('base64')}`;
-const testId = 'link-search-list-item-icon';
-const ListItemIcon = props => {
-  const {
-    item,
-    intl
-  } = props;
-  const {
-    icon,
-    iconAlt
-  } = item;
-  if (!icon) {
-    return null;
-  }
-  const alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
-  if (typeof icon !== 'string') {
-    const Glyph = icon;
-    return jsx("span", {
-      css: itemIconStyles
-    }, jsx(Glyph, {
-      alt: alt,
-      "data-testid": testId
-    }));
-  }
-  return jsx("span", {
-    css: itemIconStyles
-  }, jsx("img", {
-    "data-testid": testId,
-    src: isSVG(icon) ? base64SVG(icon) : icon,
-    alt: alt,
-    css: imgStyles
-  }));
-};
+});

package/dist/es2019/ui/link-picker/{list-item → link-search-list/list-item}/styled.js

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
-import { B50, N300, N800, N20, N200, B400, B100 } from '@atlaskit/theme/colors';
+import { B100, B400, B50, N20, N200, N300, N800 } from '@atlaskit/theme/colors';
+import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { fontSizeSmall, fontSize } from '@atlaskit/theme';
 export const relativeFontSizeToBase16 = px => {
   if (typeof px === 'string') {
     px = parseInt(px);

package/dist/es2019/ui/link-picker/link-search-list/styled.js

@@ -1,4 +1,5 @@
 import { css } from '@emotion/react';
+
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { typography } from '@atlaskit/theme';

package/dist/es2019/ui/{scrolling-tabs → link-picker/scrolling-tabs}/index.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React, { useRef, useMemo, useState, useCallback } from 'react';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
 import { jsx } from '@emotion/react';
 import Button from '@atlaskit/button';
 import ChevronLeftIcon from '@atlaskit/icon/glyph/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
-import { scrollBack, scrollForward, calculateConditionalButtons, getTabList, createGhost } from './scrolling-tabs';
-import { containerStyles, scrollingContainerStyles, nextButtonStyles, backButtonStyles } from './styles';
+import { calculateConditionalButtons, createGhost, getTabList, scrollBack, scrollForward } from './scrolling-tabs';
+import { backButtonStyles, containerStyles, nextButtonStyles, scrollingContainerStyles } from './styles';
 function isTouchDevice() {
   return 'ontouchstart' in window ||
   // eslint-disable-next-line compat/compat
@@ -16,6 +16,8 @@ const initialConditionalButtonsState = {
   back: false,
   forward: false
 };
+
+/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 export const ScrollingTabList = props => {
   const ref = useRef(null);
   const [conditionalButtons, setConditionalButtons] = useState(initialConditionalButtonsState);
@@ -75,6 +77,7 @@ export const ScrollingTabList = props => {
       }
       return () => {
         if (scrollingContainer) {
+          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
           scrollingContainer.removeEventListener('scroll', handleConditionalButtonsChange);
         }
         if (tabs.length) {
@@ -113,5 +116,4 @@ export const ScrollingTabList = props => {
     }),
     onClick: () => scrollForward(ref)
   }))));
-};
-export default ScrollingTabList;
+};

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

@@ -1,11 +1,6 @@
 import { css } from '@emotion/react';
-import { N500 } from '@atlaskit/theme/colors';
 const LINK_PICKER_WIDTH_IN_PX = 342;
 
-// See lazy-load-height example to verify these
-const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT = 142;
-const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT = 220;
-
 /**
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
@@ -16,31 +11,6 @@ export const rootContainerStyles = css`
   box-sizing: border-box;
   line-height: initial;
 `;
-
-/** Styles for skeleton element when Link Picker loading */
-const rootContainerStylesForLoader = css`
-  ${rootContainerStyles}
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-
-/** Link Picker loader / skeleton will be taller in height when displayText field is shown */
-export const rootContainerStylesForLoaderWithDisplaytext = css`
-  ${rootContainerStylesForLoader}
-  min-height: ${LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT}px;
-`;
-
-/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
-export const rootContainerStylesForLoaderWithoutDisplaytext = css`
-  ${rootContainerStylesForLoader}
-  min-height: ${LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT}px;
-`;
-export const searchIconStyles = css`
-  margin-left: ${"var(--ds-space-050, 4px)"};
-  color: ${`var(--ds-icon, ${N500})`};
-  cursor: default;
-`;
 export const tabsWrapperStyles = css`
   margin-top: ${"var(--ds-space-150, 12px)"};
   margin-left: calc(-1 * ${"var(--ds-space-100, 8px)"});

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

@@ -1,19 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { useCallback, useRef, Fragment } from 'react';
+import { Fragment, useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
 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 Textfield from '@atlaskit/textfield';
+import Tooltip from '@atlaskit/tooltip';
+import { ConditionalSpotlightTargetWrapper } from './conditional-spotlight-target-wrapper';
 import { clearTextButtonStyles, fieldStyles } from './styled';
+import { isRedoEvent, isUndoEvent } from './utils';
 export const testIds = {
   urlError: 'link-error',
   clearUrlButton: 'clear-text'
 };
-const TextInput = ({
+export const TextInput = ({
   name,
   label,
   autoFocus,
@@ -87,5 +87,4 @@ const TextInput = ({
       testId: testIds.urlError
     }, error)));
   }));
-};
-export default TextInput;
+};

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

@@ -0,0 +1,22 @@
+import { browser } from '@atlaskit/linking-common/user-agent';
+const KeyZCode = 90;
+const KeyYCode = 89;
+export const isUndoEvent = e => {
+  const {
+    mac
+  } = browser();
+  return e.keyCode === KeyZCode && (
+  // cmd + z for mac
+  mac && e.metaKey && !e.shiftKey ||
+  // ctrl + z for non-mac
+  !mac && e.ctrlKey);
+};
+export const isRedoEvent = e => {
+  const {
+    mac
+  } = browser();
+  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
+  );
+};

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

@@ -2,14 +2,14 @@
 import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { succeedUfoExperience, ufoExperience } from '../../../common/analytics/experiences';
-import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { useLinkPickerSessionId } from '../../../controllers/session-provider';
 
 /**
  * UFO + Analytics tracking for component mount (and unmount)
  */
-function TrackMount() {
+export function TrackMount() {
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
@@ -26,5 +26,4 @@ function TrackMount() {
     };
   }, [createAnalyticsEvent]);
   return null;
-}
-export default TrackMount;
+}

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

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
-function TrackTabViewed({
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
+export function TrackTabViewed({
   activePlugin
 }) {
   const {
@@ -15,5 +15,4 @@ function TrackTabViewed({
     }
   }, [activePlugin, createAnalyticsEvent]);
   return null;
-}
-export default TrackTabViewed;
+}

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

@@ -1,7 +1,7 @@
-import { timeMessages } from './messages';
+import isYesterday from 'date-fns/isYesterday';
 import { isMoreThanOneWeekAgo } from '../../common/utils/date';
 import { selectUnit } from '../../common/utils/dateUtils';
-import isYesterday from 'date-fns/isYesterday';
+import { timeMessages } from './messages';
 const formatTime = (timeStamp, intl) => {
   const isAbsolute = isMoreThanOneWeekAgo(timeStamp);
   if (isAbsolute) {

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

@@ -1,26 +1,4 @@
-import { browser } from '@atlaskit/linking-common/user-agent';
 import { transformTimeStamp } from './transformTimeStamp';
-const KeyZCode = 90;
-const KeyYCode = 89;
-export const isUndoEvent = e => {
-  const {
-    mac
-  } = browser();
-  return e.keyCode === KeyZCode && (
-  // cmd + z for mac
-  mac && e.metaKey && !e.shiftKey ||
-  // ctrl + z for non-mac
-  !mac && e.ctrlKey);
-};
-export const isRedoEvent = e => {
-  const {
-    mac
-  } = browser();
-  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
@@ -40,26 +18,4 @@ export function getScreenReaderText(items, selectedIndex, intl) {
     const date = transformTimeStamp(intl, lastViewedDate, lastUpdatedDate);
     return [name, container, date].filter(Boolean).join(', ');
   }
-}
-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/ui/loader-fallback/index.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
-import { rootContainerStylesForLoaderWithDisplaytext, rootContainerStylesForLoaderWithoutDisplaytext } from '../link-picker/styled';
+import { rootContainerStylesForLoaderWithDisplaytext, rootContainerStylesForLoaderWithoutDisplaytext } from './styled';
 
 /**
  * Loader / skeleton for the Link Picker. Takes displayText prop - when no displayText is given the height of the skeleton

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

@@ -0,0 +1,25 @@
+import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+import { rootContainerStyles } from '../link-picker/styled';
+
+/** Link Picker loader / skeleton will be taller in height when displayText field is shown */
+// See lazy-load-height example to verify these
+const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT = 142;
+const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT = 220;
+const rootContainerStylesForLoader = css`
+  ${rootContainerStyles}
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+export const rootContainerStylesForLoaderWithDisplaytext = css`
+  ${rootContainerStylesForLoader}
+  min-height: ${LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT}px;
+`;
+
+/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
+export const rootContainerStylesForLoaderWithoutDisplaytext = css`
+  ${rootContainerStylesForLoader}
+  min-height: ${LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT}px;
+`;

package/dist/es2019/version.json

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

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

@@ -5,8 +5,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 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';
 var DEFAULT_CONTEXT_ATTRIBUTES = {
   linkState: 'newLink',
   linkFieldContent: null,

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

@@ -3,9 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 '../../common/utils/analytics/analytics.codegen';
-import { useLinkPickerAnalytics } from '.';
+import { ANALYTICS_CHANNEL } from '../constants';
+import { useLinkPickerAnalytics } from './index';
 var isEventWithInputType = function isEventWithInputType(e) {
   return _typeof(e) === 'object' && e !== null && 'inputType' in e;
 };

package/dist/esm/common/constants.js

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

package/dist/esm/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';
-var GenericErrorSVG = function GenericErrorSVG(props) {
+export var GenericErrorSVG = function GenericErrorSVG(props) {
   var id = 'link-picker-ui-generic-error-svg';
   return jsx("svg", _extends({
     height: "90",
@@ -48,5 +48,4 @@ var GenericErrorSVG = function GenericErrorSVG(props) {
     stopColor: "#EBECF0",
     stopOpacity: ".6"
   }))));
-};
-export default GenericErrorSVG;
+};

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

@@ -0,0 +1,22 @@
+export 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;
+};

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

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

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

@@ -1,15 +1,14 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-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;
   var _useAnalyticsEvents = useAnalyticsEvents(),

package/dist/esm/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';
 var messages = defineMessages({
   heading: {