@atlaskit/link-picker 1.16.8 → 1.16.10

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isLoading", "error", "state", "items", "isEditing", "onCancel"];
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { memo } from 'react';
@@ -31,22 +30,18 @@ export var testIds = {
   insertButton: 'link-picker-insert-button',
   cancelButton: 'link-picker-cancel-button'
 };
-
 var FormFooter = function FormFooter(_ref) {
   var isLoading = _ref.isLoading,
-      error = _ref.error,
-      state = _ref.state,
-      items = _ref.items,
-      isEditing = _ref.isEditing,
-      onCancel = _ref.onCancel,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
+    error = _ref.error,
+    state = _ref.state,
+    items = _ref.items,
+    isEditing = _ref.isEditing,
+    onCancel = _ref.onCancel,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var intl = useIntl();
-
   if (error && error instanceof UnauthenticatedError) {
     return null;
   }
-
   var isSubmitDisabled = checkSubmitDisabled(isLoading, error, state, items);
   var insertButtonMsg = isEditing ? messages.saveButton : messages.insertButton;
   return jsx("footer", _extends({
@@ -62,5 +57,4 @@ var FormFooter = function FormFooter(_ref) {
     isDisabled: isSubmitDisabled
   }, intl.formatMessage(insertButtonMsg))));
 };
-
 export default /*#__PURE__*/memo(FormFooter);

package/dist/esm/ui/link-picker/form-footer/styled.js

@@ -1,6 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 export var formFooterStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n"])));

package/dist/esm/ui/link-picker/form-footer/utils.js

@@ -7,24 +7,21 @@ export var checkSubmitDisabled = function checkSubmitDisabled(isLoading, error,
   if (state && normalizeUrl(state.query)) {
     return false;
   }
+
   /*
    * Disable insert button when plugin returns no results,
    * but not if it is a valid url
    */
-
-
   if (state && (items === null || items === void 0 ? void 0 : items.length) === 0) {
     return true;
   }
+
   /*
    * Disable insert button when is plugin is loading or
    * for any search error
    */
-
-
   if (isLoading || error) {
     return true;
   }
-
   return false;
 };

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

@@ -3,11 +3,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["component"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 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; }
-
 /** @jsx jsx */
 import { Fragment, useCallback, useLayoutEffect, useReducer, memo } from 'react';
 import { jsx } from '@emotion/react';
@@ -55,7 +52,6 @@ var initState = {
   activeTab: 0,
   preventHidingRecents: false
 };
-
 function reducer(state, payload) {
   if (payload.url && state.url !== payload.url) {
     return _objectSpread(_objectSpread({}, state), {}, {
@@ -63,80 +59,68 @@ function reducer(state, payload) {
       selectedIndex: isSafeUrl(payload.url) && payload.url.length ? -1 : state.selectedIndex
     }, payload);
   }
-
   return _objectSpread(_objectSpread({}, state), payload);
 }
+
 /**
  * Bind input fields to analytics tracking
  */
 
-
 var getLinkFieldContent = function getLinkFieldContent(value) {
   if (!Boolean(value)) {
     return null;
   }
-
   return isSafeUrl(value) ? 'url' : 'text_string';
 };
-
 var LinkInputField = withInputFieldTracking(TextInput, 'link', function (event, attributes) {
   return _objectSpread(_objectSpread({}, attributes), {}, {
     linkFieldContent: getLinkFieldContent(event.currentTarget.value)
   });
 });
 var DisplayTextInputField = withInputFieldTracking(TextInput, 'displayText');
-
 function LinkPicker(_ref) {
   var _errorFallback;
-
   var onSubmit = _ref.onSubmit,
-      onCancel = _ref.onCancel,
-      onContentResize = _ref.onContentResize,
-      plugins = _ref.plugins,
-      initUrl = _ref.url,
-      initDisplayText = _ref.displayText,
-      hideDisplayText = _ref.hideDisplayText,
-      featureFlags = _ref.featureFlags;
-
+    onCancel = _ref.onCancel,
+    onContentResize = _ref.onContentResize,
+    plugins = _ref.plugins,
+    initUrl = _ref.url,
+    initDisplayText = _ref.displayText,
+    hideDisplayText = _ref.hideDisplayText,
+    featureFlags = _ref.featureFlags;
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useReducer = useReducer(reducer, _objectSpread(_objectSpread({}, initState), {}, {
-    url: normalizeUrl(initUrl) || '',
-    displayText: initDisplayText || ''
-  })),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+      url: normalizeUrl(initUrl) || '',
+      displayText: initDisplayText || ''
+    })),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var activeIndex = state.activeIndex,
-      selectedIndex = state.selectedIndex,
-      url = state.url,
-      displayText = state.displayText,
-      invalidUrl = state.invalidUrl,
-      activeTab = state.activeTab;
+    selectedIndex = state.selectedIndex,
+    url = state.url,
+    displayText = state.displayText,
+    invalidUrl = state.invalidUrl,
+    activeTab = state.activeTab;
   var intl = useIntl();
   var queryState = useSearchQuery(state);
-
   var _usePlugins = usePlugins(queryState, activeTab, plugins),
-      items = _usePlugins.items,
-      isLoading = _usePlugins.isLoading,
-      isActivePlugin = _usePlugins.isActivePlugin,
-      activePlugin = _usePlugins.activePlugin,
-      tabs = _usePlugins.tabs,
-      error = _usePlugins.error,
-      retry = _usePlugins.retry,
-      errorFallback = _usePlugins.errorFallback;
-
+    items = _usePlugins.items,
+    isLoading = _usePlugins.isLoading,
+    isActivePlugin = _usePlugins.isActivePlugin,
+    activePlugin = _usePlugins.activePlugin,
+    tabs = _usePlugins.tabs,
+    error = _usePlugins.error,
+    retry = _usePlugins.retry,
+    errorFallback = _usePlugins.errorFallback;
   var fixListHeightProps = useFixHeight(isLoading);
   var isEditing = !!initUrl;
   var selectedItem = items === null || items === void 0 ? void 0 : items[selectedIndex];
   var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
-
   var _useLinkPickerAnalyti = useLinkPickerAnalytics(),
-      trackAttribute = _useLinkPickerAnalyti.trackAttribute,
-      getAttributes = _useLinkPickerAnalyti.getAttributes;
-
+    trackAttribute = _useLinkPickerAnalyti.trackAttribute,
+    getAttributes = _useLinkPickerAnalyti.getAttributes;
   useLayoutEffect(function () {
     if (onContentResize) {
       onContentResize();
@@ -160,29 +144,23 @@ function LinkPicker(_ref) {
     var key = event.key;
     var KEY_ARROW_DOWN = 'ArrowDown';
     var KEY_ARROW_UP = 'ArrowUp';
-
     if (!items || !items.length) {
       return;
     }
-
     var updatedIndex = activeIndex;
-
     switch (key) {
       case KEY_ARROW_DOWN:
         // down
         event.preventDefault();
         updatedIndex = (activeIndex + 1) % items.length;
         break;
-
       case KEY_ARROW_UP:
         // up
         event.preventDefault();
         updatedIndex = activeIndex > 0 ? activeIndex - 1 : items.length - 1;
         break;
     }
-
     var item = items[updatedIndex];
-
     if ([KEY_ARROW_DOWN, KEY_ARROW_UP].includes(key) && item) {
       /**
        * Manually track that the url has been updated using searchResult method
@@ -216,8 +194,8 @@ function LinkPicker(_ref) {
   var handleMouseLeaveResultItem = useCallback(function (objectId) {
     var index = items === null || items === void 0 ? void 0 : items.findIndex(function (item) {
       return item.objectId === objectId;
-    }); // This is to avoid updating index that was set by other mouseenter event
-
+    });
+    // This is to avoid updating index that was set by other mouseenter event
     if (activeIndex === index) {
       dispatch({
         activeIndex: -1
@@ -225,16 +203,17 @@ function LinkPicker(_ref) {
     }
   }, [dispatch, activeIndex, items]);
   var handleInsert = useCallback(function (url, title, inputType) {
-    var event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {})); // Clone the event so that it can be emitted for consumer usage
-    // This must happen BEFORE the original event is fired!
+    var event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {}));
 
-    var consumerEvent = event.clone(); // Cloned event doesnt have the attributes that are added by
+    // Clone the event so that it can be emitted for consumer usage
+    // This must happen BEFORE the original event is fired!
+    var consumerEvent = event.clone();
+    // Cloned event doesnt have the attributes that are added by
     // the analytics listener in the LinkPickerAnalyticsContext, add them here
-
     consumerEvent === null || consumerEvent === void 0 ? void 0 : consumerEvent.update({
       attributes: getAttributes()
-    }); // Dispatch the original event to our channel
-
+    });
+    // Dispatch the original event to our channel
     event.fire(ANALYTICS_CHANNEL);
     onSubmit(_objectSpread({
       url: url,
@@ -251,14 +230,12 @@ function LinkPicker(_ref) {
     var selectedItem = items === null || items === void 0 ? void 0 : items.find(function (item) {
       return item.objectId === objectId;
     });
-
     if (selectedItem) {
       var _url = selectedItem.url,
-          name = selectedItem.name;
+        name = selectedItem.name;
       /**
        * Manually track that the url has been updated using searchResult method
        */
-
       dispatchEvent(new Event('submit'));
       trackAttribute('linkFieldContent', getLinkFieldContent(_url));
       trackAttribute('linkFieldContentInputMethod', 'searchResult');
@@ -268,24 +245,19 @@ function LinkPicker(_ref) {
   }, [handleInsert, trackAttribute, items, activePlugin]);
   var handleSubmit = useCallback(function (event) {
     event.preventDefault();
-
     if (isSelectedItem && selectedItem) {
       return handleInsert(selectedItem.url, selectedItem.name, 'typeAhead');
     }
-
     var normalized = normalizeUrl(url);
-
     if (normalized) {
       return handleInsert(normalized, null, 'manual');
     }
-
     return dispatch({
       invalidUrl: true
     });
   }, [dispatch, handleInsert, isSelectedItem, selectedItem, url]);
   var handleTabChange = useCallback(function (activeTab) {
     var _plugins$activeTab$ta, _plugins$activeTab;
-
     dispatch({
       // We don't want any selection to exist after changing tab, as the selection
       // wouldn't mean anything.
@@ -301,10 +273,11 @@ function LinkPicker(_ref) {
   var messages = isActivePlugin ? searchMessages : linkMessages;
   var screenReaderDescriptionId = 'search-recent-links-field-description';
   var linkSearchListId = 'link-picker-search-list';
-  var ariaActiveDescendant = selectedIndex > -1 ? "link-search-list-item-".concat(selectedIndex) : ''; // Added workaround with a screen reader Announcer specifically for VoiceOver + Safari
+  var ariaActiveDescendant = selectedIndex > -1 ? "link-search-list-item-".concat(selectedIndex) : '';
+
+  // Added workaround with a screen reader Announcer specifically for VoiceOver + Safari
   // as the Aria design pattern for combobox does not work in this case
   // for details: https://a11y-internal.atlassian.net/browse/AK-740
-
   var screenReaderText = browser.safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   var searchIcon = isActivePlugin && jsx("span", {
     css: searchIconStyles,
@@ -394,18 +367,15 @@ function LinkPicker(_ref) {
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
   }));
 }
-
 var DefaultRootComponent = function DefaultRootComponent(_ref2) {
   var children = _ref2.children;
   return jsx("div", {
     "data-testid": testIds.linkPickerRoot
   }, children);
 };
-
 export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(function (_ref3) {
   var component = _ref3.component,
-      props = _objectWithoutProperties(_ref3, _excluded);
-
+    props = _objectWithoutProperties(_ref3, _excluded);
   var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
   return jsx(RootComponent, _extends({}, props, {
     "data-testid": testIds.linkPickerRoot

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useIntl, FormattedMessage, defineMessages } from 'react-intl-next';
@@ -22,7 +21,6 @@ export var messages = defineMessages({
 export var testIds = {
   searchError: 'link-search-error'
 };
-
 var LinkSearchError = function LinkSearchError() {
   var intl = useIntl();
   return jsx(EmptyState, {
@@ -46,5 +44,4 @@ var LinkSearchError = function LinkSearchError() {
     }
   });
 };
-
 export default LinkSearchError;

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

@@ -2,11 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["onSelect", "onMouseEnter", "onMouseLeave", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "role", "id", "hasSearchTerm"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 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; }
-
 /** @jsx jsx */
 import { forwardRef, Fragment } from 'react';
 import { jsx } from '@emotion/react';
@@ -42,28 +39,25 @@ export var testIds = _objectSpread(_objectSpread({}, noResultsTestIds), {}, {
 });
 var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onSelect = _ref.onSelect,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave,
-      items = _ref.items,
-      activeIndex = _ref.activeIndex,
-      selectedIndex = _ref.selectedIndex,
-      isLoading = _ref.isLoading,
-      ariaControls = _ref.ariaControls,
-      ariaLabelledBy = _ref.ariaLabelledBy,
-      role = _ref.role,
-      id = _ref.id,
-      hasSearchTerm = _ref.hasSearchTerm,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    items = _ref.items,
+    activeIndex = _ref.activeIndex,
+    selectedIndex = _ref.selectedIndex,
+    isLoading = _ref.isLoading,
+    ariaControls = _ref.ariaControls,
+    ariaLabelledBy = _ref.ariaLabelledBy,
+    role = _ref.role,
+    id = _ref.id,
+    hasSearchTerm = _ref.hasSearchTerm,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var itemsContent;
   var loadingContent;
   var linkListTitle = hasSearchTerm ? messages.titleResults : messages.titleRecentlyViewed;
   useTrackResultsShown(isLoading, items, hasSearchTerm);
-
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
     return jsx(LinkSearchNoResults, null);
   }
-
   if (items && items.length > 0) {
     itemsContent = jsx(Fragment, null, jsx("div", {
       css: listTitleStyles,
@@ -98,7 +92,6 @@ var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
       });
     })));
   }
-
   if (isLoading) {
     loadingContent = jsx("div", {
       css: spinnerContainerStyles
@@ -107,7 +100,6 @@ var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
       size: "medium"
     }));
   }
-
   return jsx("div", _extends({
     ref: ref,
     css: listContainerStyles

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

@@ -19,7 +19,6 @@ export var messages = defineMessages({
 export var testIds = {
   emptyResultPage: 'link-search-no-results'
 };
-
 var NoResults = function NoResults() {
   var intl = useIntl();
   return jsx("div", {
@@ -33,5 +32,4 @@ var NoResults = function NoResults() {
     }
   }));
 };
-
 export default NoResults;

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

@@ -1,9 +1,7 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { noResultsSVGStyles } from './styled';
-
 var NoResultsSVG = function NoResultsSVG() {
   var id = 'link-picker-ui-no-results-svg';
   return jsx("svg", {
@@ -56,5 +54,4 @@ var NoResultsSVG = function NoResultsSVG() {
     d: "M0 0h207.16v189.87H0z"
   }))));
 };
-
 export default NoResultsSVG;

package/dist/esm/ui/link-picker/link-search-list/link-search-no-results/no-results-svg/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 import { css } from '@emotion/react';
 var HEIGHT = 120;

package/dist/esm/ui/link-picker/link-search-list/link-search-no-results/styled.js

@@ -1,6 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 export var emptyStateWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & p {\n    margin: 0;\n  }\n"])));

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

@@ -1,10 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-import { css } from '@emotion/react'; // AFP-2532 TODO: Fix automatic suppressions below
+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';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 var gridSize = getGridSize();

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

@@ -7,28 +7,28 @@ import createEventPayload from '../../../../analytics.codegen';
 var DEBOUNCE_MS = 400;
 export var useTrackResultsShown = function useTrackResultsShown(isLoading, items, hasSearchTerm) {
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
-  var hasSearchTermRef = useRef(hasSearchTerm); // Using ref so that not required in the dependency array
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var hasSearchTermRef = useRef(hasSearchTerm);
+  // Using ref so that not required in the dependency array
   // Analytics should be entirely dependent on change of items being viewed
-
   useEffect(function () {
     hasSearchTermRef.current = hasSearchTerm;
-  }, [hasSearchTerm]); // Filters isLoading/items to only return the array of items if no longer loading more items
+  }, [hasSearchTerm]);
+
+  // Filters isLoading/items to only return the array of items if no longer loading more items
   // Loading state IS a factor here because some tabs will
   // load intermediate results whilst loading additional results (Atlassian tab)
   // Considered to only have "shown" results once we are in a final state (no longer loading)
-
   var finalItems = useMemo(function () {
     return !isLoading ? items : null;
-  }, [isLoading, items]); // Because Atlassian tab resolves intermediate results on every keystroke (may never be loading)
+  }, [isLoading, items]);
+
+  // Because Atlassian tab resolves intermediate results on every keystroke (may never be loading)
   // Debounce the items so that we only consider the results to have been shown
   // after they have been stable for DEBOUNCE_MS
-
   var _useDebounce = useDebounce(finalItems, DEBOUNCE_MS),
-      _useDebounce2 = _slicedToArray(_useDebounce, 1),
-      debouncedItems = _useDebounce2[0];
-
+    _useDebounce2 = _slicedToArray(_useDebounce, 1),
+    debouncedItems = _useDebounce2[0];
   useEffect(function () {
     if (debouncedItems) {
       var event = !hasSearchTermRef.current ? 'ui.searchResults.shown.preQuerySearchResults' : 'ui.searchResults.shown.postQuerySearchResults';

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

@@ -5,30 +5,25 @@ import { injectIntl } from 'react-intl-next';
 import { transformTimeStamp } from '../transformTimeStamp';
 import { itemNameStyles, itemIconStyles, listItemContextStyles, listItemNameStyles, composeListItemStyles, imgStyles, listItemContainerStyles, listItemContainerInnerStyles } from './styled';
 import { testIds } from '..';
-
 var LinkSearchListItem = function LinkSearchListItem(_ref) {
   var item = _ref.item,
-      selected = _ref.selected,
-      active = _ref.active,
-      id = _ref.id,
-      role = _ref.role,
-      intl = _ref.intl,
-      onSelect = _ref.onSelect,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave;
-
+    selected = _ref.selected,
+    active = _ref.active,
+    id = _ref.id,
+    role = _ref.role,
+    intl = _ref.intl,
+    onSelect = _ref.onSelect,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave;
   var handleSelect = function handleSelect() {
     return onSelect(item.objectId);
   };
-
   var handleMouseEnter = function handleMouseEnter() {
     return onMouseEnter(item.objectId);
   };
-
   var handleMouseLeave = function handleMouseLeave() {
     return onMouseLeave(item.objectId);
   };
-
   var container = item.container || null;
   var date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
   return jsx("div", {
@@ -59,35 +54,26 @@ var LinkSearchListItem = function LinkSearchListItem(_ref) {
     css: listItemContainerInnerStyles
   }, container && jsx(Fragment, null, "\xA0 \u2022\xA0 "), jsx(Fragment, null, formatDate(date))))));
 };
-
 export default injectIntl(LinkSearchListItem);
-
 var formatDate = function formatDate(date) {
   return [date.pageAction, date.dateString, date.timeSince].filter(Boolean).join(' ');
 };
-
 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;
+    intl = props.intl;
   var icon = item.icon,
-      iconAlt = item.iconAlt;
-
+    iconAlt = item.iconAlt;
   if (!icon) {
     return null;
   }
-
   var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
-
   if (typeof icon !== 'string') {
     var Glyph = icon;
     return jsx("span", {
@@ -97,7 +83,6 @@ var ListItemIcon = function ListItemIcon(props) {
       "data-testid": testId
     }));
   }
-
   return jsx("span", {
     css: itemIconStyles
   }, jsx("img", {

package/dist/esm/ui/link-picker/list-item/styled.js

@@ -1,22 +1,18 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-
 import { css } from '@emotion/react';
 import { B50, N300, N800, N20, B400 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants'; // AFP-2532 TODO: Fix automatic suppressions below
+import { gridSize } 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 var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
   if (typeof px === 'string') {
     px = parseInt(px);
   }
-
   if (isNaN(px)) {
     throw new Error("Invalid font size: '".concat(px, "'"));
   }
-
   return "".concat(px / 16, "rem");
 };
 var listItemBaseStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: ", "px ", "px;\n  margin: 0 -", "px;\n  cursor: pointer;\n"])), gridSize(), gridSize() * 2, gridSize() * 2);