@atlaskit/link-picker 1.25.1 → 1.25.3

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

@@ -3,15 +3,52 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.testIds = exports.LinkSearchListItem = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
 var _transformTimeStamp = require("../transformTimeStamp");
 var _styled = require("./styled");
-var _ = require("..");
-var _reactIntlNext = require("react-intl-next");
 /** @jsx jsx */
 
+var testIds = {
+  searchResultItem: 'link-search-list-item',
+  searchResultIcon: 'link-search-list-item-icon'
+};
+exports.testIds = testIds;
+var isSVG = function isSVG(icon) {
+  return icon.startsWith('<svg') && icon.endsWith('</svg>');
+};
+var base64SVG = function base64SVG(icon) {
+  return "data:image/svg+xml;base64,".concat(Buffer.from(icon).toString('base64'));
+};
+var ListItemIcon = function ListItemIcon(props) {
+  var item = props.item,
+    intl = props.intl;
+  var icon = item.icon,
+    iconAlt = item.iconAlt;
+  if (!icon) {
+    return null;
+  }
+  var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
+  if (typeof icon !== 'string') {
+    var Glyph = icon;
+    return (0, _react2.jsx)("span", {
+      css: _styled.itemIconStyles
+    }, (0, _react2.jsx)(Glyph, {
+      alt: alt,
+      "data-testid": testIds.searchResultIcon
+    }));
+  }
+  return (0, _react2.jsx)("span", {
+    css: _styled.itemIconStyles
+  }, (0, _react2.jsx)("img", {
+    "data-testid": testIds.searchResultIcon,
+    src: isSVG(icon) ? base64SVG(icon) : icon,
+    alt: alt,
+    css: _styled.imgStyles
+  }));
+};
 var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var item = _ref.item,
     selected = _ref.selected,
@@ -33,7 +70,7 @@ var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     role: role,
     id: id,
     "aria-selected": selected,
-    "data-testid": _.testIds.searchResultItem,
+    "data-testid": testIds.searchResultItem,
     onKeyDown: onKeyDown,
     onClick: handleSelect,
     onFocus: onFocus,
@@ -45,10 +82,10 @@ var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
   }), (0, _react2.jsx)("div", {
     css: _styled.itemNameStyles
   }, (0, _react2.jsx)("div", {
-    "data-testid": "".concat(_.testIds.searchResultItem, "-title"),
+    "data-testid": "".concat(testIds.searchResultItem, "-title"),
     css: _styled.listItemNameStyles
   }, item.name), (0, _react2.jsx)("div", {
-    "data-testid": "".concat(_.testIds.searchResultItem, "-subtitle"),
+    "data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
     css: _styled.listItemContextStyles
   }, container && (0, _react2.jsx)("div", {
     css: _styled.listItemContainerStyles
@@ -58,39 +95,4 @@ var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     css: _styled.listItemContainerInnerStyles
   }, container && (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022\xA0 "), (0, _react2.jsx)(_react.Fragment, null, date)))));
 });
-var _default = LinkSearchListItem;
-exports.default = _default;
-var isSVG = function isSVG(icon) {
-  return icon.startsWith('<svg') && icon.endsWith('</svg>');
-};
-var base64SVG = function base64SVG(icon) {
-  return "data:image/svg+xml;base64,".concat(Buffer.from(icon).toString('base64'));
-};
-var testId = 'link-search-list-item-icon';
-var ListItemIcon = function ListItemIcon(props) {
-  var item = props.item,
-    intl = props.intl;
-  var icon = item.icon,
-    iconAlt = item.iconAlt;
-  if (!icon) {
-    return null;
-  }
-  var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
-  if (typeof icon !== 'string') {
-    var Glyph = icon;
-    return (0, _react2.jsx)("span", {
-      css: _styled.itemIconStyles
-    }, (0, _react2.jsx)(Glyph, {
-      alt: alt,
-      "data-testid": testId
-    }));
-  }
-  return (0, _react2.jsx)("span", {
-    css: _styled.itemIconStyles
-  }, (0, _react2.jsx)("img", {
-    "data-testid": testId,
-    src: isSVG(icon) ? base64SVG(icon) : icon,
-    alt: alt,
-    css: _styled.imgStyles
-  }));
-};
+exports.LinkSearchListItem = LinkSearchListItem;

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

@@ -4,7 +4,7 @@ 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");
@@ -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/track-mount/index.js

@@ -4,7 +4,7 @@ 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");
@@ -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,7 +4,7 @@ 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"));
@@ -21,6 +21,4 @@ function TrackTabViewed(_ref) {
     }
   }, [activePlugin, createAnalyticsEvent]);
   return null;
-}
-var _default = TrackTabViewed;
-exports.default = _default;
+}

package/dist/cjs/ui/scrolling-tabs/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ScrollingTabList = void 0;
+exports.ScrollingTabList = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -151,6 +151,4 @@ var ScrollingTabList = function ScrollingTabList(props) {
     }
   }))));
 };
-exports.ScrollingTabList = ScrollingTabList;
-var _default = ScrollingTabList;
-exports.default = _default;
+exports.ScrollingTabList = ScrollingTabList;

package/dist/cjs/version.json

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

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/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/ui/error-boundary/error-boundary-fallback/index.js

@@ -2,7 +2,7 @@
 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 { GenericErrorSVG } from '../../../common/generic-error-svg';
 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 { useAnalyticsEvents } from '@atlaskit/analytics-next';
 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';
 import { ErrorBoundaryFallback } from './error-boundary-fallback';
 import { BaseErrorBoundary } from './error-boundary-base';
-function ErrorBoundary({
-  children,
-  createAnalyticsEvent
+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

@@ -4,7 +4,7 @@ import React, { memo } from 'react';
 import { LazySuspense, lazyForPaint } from 'react-loosely-lazy';
 import { COMPONENT_NAME } from '../common/constants';
 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';
@@ -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

@@ -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

@@ -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

@@ -7,6 +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 Spinner from '@atlaskit/spinner/spinner';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
@@ -14,20 +15,19 @@ import { normalizeUrl, isSafeUrl } from '@atlaskit/linking-common/url';
 import { browser } from '@atlaskit/linking-common/user-agent';
 import { usePlugins } from '../../services/use-plugins';
 import { useSearchQuery } from '../../services/use-search-query';
-import useFixHeight from '../../controllers/use-fix-height';
+import { useFixHeight } from '../../controllers/use-fix-height';
 import { searchMessages, linkMessages, formMessages, linkTextMessages } from './messages';
-import TextInput, { testIds as textFieldTestIds } from './text-input';
+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 { 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 { TrackTabViewed } from './track-tab-viewed';
+import { TrackMount } from './track-mount';
 import { spinnerContainerStyles } from './link-search-list/styled';
-import Spinner from '@atlaskit/spinner/spinner';
 export const RECENT_SEARCH_LIST_SIZE = 5;
 export const testIds = {
   linkPickerRoot: 'link-picker-root',
@@ -81,7 +81,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 +91,7 @@ function LinkPicker({
   displayText: initDisplayText,
   hideDisplayText,
   featureFlags
-}) {
+}) => {
   var _activePlugin$errorFa, _activePlugin$errorFa2;
   const {
     createAnalyticsEvent
@@ -383,5 +383,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

@@ -4,7 +4,7 @@ import { jsx } from '@emotion/react';
 import { useIntl, FormattedMessage, defineMessages } 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;
+};

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

@@ -6,9 +6,9 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import LinkSearchListItem from '../list-item';
+import { LinkSearchListItem, testIds as searchResultItemTestIds } from '../list-item';
 import { listContainerStyles, spinnerContainerStyles, listStyles, listTitleStyles } from './styled';
-import LinkSearchNoResults, { testIds as noResultsTestIds } from './link-search-no-results';
+import { NoResults, testIds as noResultsTestIds } from './link-search-no-results';
 import { useTrackResultsShown } from './use-track-results-shown';
 import { handleNavKeyDown } from '../utils';
 import { emptyStateNoResultsWrapper } from './link-search-no-results/styled';
@@ -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

@@ -2,7 +2,7 @@
 import { jsx } from '@emotion/react';
 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/index.js

@@ -1,11 +1,47 @@
 /** @jsx jsx */
 import { forwardRef, Fragment } from 'react';
 import { jsx } from '@emotion/react';
+import { useIntl } from 'react-intl-next';
 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(({
+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 +85,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/text-input/index.js

@@ -13,7 +13,7 @@ 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/track-mount/index.js

@@ -9,7 +9,7 @@ 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

@@ -3,7 +3,7 @@ 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({
+export function TrackTabViewed({
   activePlugin
 }) {
   const {
@@ -15,5 +15,4 @@ function TrackTabViewed({
     }
   }, [activePlugin, createAnalyticsEvent]);
   return null;
-}
-export default TrackTabViewed;
+}

package/dist/es2019/ui/scrolling-tabs/index.js

@@ -113,5 +113,4 @@ export const ScrollingTabList = props => {
     }),
     onClick: () => scrollForward(ref)
   }))));
-};
-export default ScrollingTabList;
+};