@atlaskit/link-picker 1.16.9 → 1.16.10

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

@@ -4,18 +4,16 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../constants';
 import createEventPayload from '../../analytics.codegen';
 import { useLinkPickerAnalytics } from '.';
-
 const isEventWithInputType = e => {
   return typeof e === 'object' && e !== null && 'inputType' in e;
 };
-
 const getChangeEventInputMethodType = event => {
   if (isEventWithInputType(event.nativeEvent) && typeof event.nativeEvent.inputType === 'string' && event.nativeEvent.inputType.includes('insertFromPaste')) {
     return 'paste';
   }
-
   return 'manual';
 };
+
 /**
  * Wraps an input field and connects it to the link picker analytics context to provide a baseline of analytics tracking
  * @param WrappedComponent The input field to be tracked
@@ -23,9 +21,8 @@ const getChangeEventInputMethodType = event => {
  * @param filterOnChangeEventAttrs Function to hook into and filter/customise the default attribute tracking logic
  * @returns HOC Input field with tracking
  */
-
-
-export const withInputFieldTracking = (WrappedComponent, field, filterOnChangeEventAttrs = (_, attributes) => attributes // TODO: Consider refactor to use template literal type if it makes these more usable / safe / dev friendly
+export const withInputFieldTracking = (WrappedComponent, field, filterOnChangeEventAttrs = (_, attributes) => attributes
+// TODO: Consider refactor to use template literal type if it makes these more usable / safe / dev friendly
 // contentTypeFn: (value: string) => LinkPickerAnalyticsContextType[`${Field}FieldContent`],
 ) => {
   return props => {
@@ -41,10 +38,12 @@ export const withInputFieldTracking = (WrappedComponent, field, filterOnChangeEv
     } = useLinkPickerAnalytics();
     const {
       createAnalyticsEvent
-    } = useAnalyticsEvents(); // Ref to track if the value of the field has changed between focus and blur
+    } = useAnalyticsEvents();
 
-    const valueOnFocus = useRef(null); // Track the content and input method on every direct change to the input
+    // Ref to track if the value of the field has changed between focus and blur
+    const valueOnFocus = useRef(null);
 
+    // Track the content and input method on every direct change to the input
     const handleOnChange = useCallback(event => {
       // TODO: See above re template literal, improve typesafety here
       // trackAttribute(`${field}FieldContent`, contentTypeFn(event.currentTarget.value));
@@ -54,22 +53,24 @@ export const withInputFieldTracking = (WrappedComponent, field, filterOnChangeEv
         [`${field}FieldContentInputMethod`]: getChangeEventInputMethodType(event)
       }));
       onChange === null || onChange === void 0 ? void 0 : onChange(event);
-    }, [onChange, trackAttributes]); // Store the value of the field at the time the field is focused so we can know if it changes when the user's focus leaves
+    }, [onChange, trackAttributes]);
 
+    // Store the value of the field at the time the field is focused so we can know if it changes when the user's focus leaves
     const handleOnFocus = useCallback(event => {
       valueOnFocus.current = event.currentTarget.value;
       onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-    }, [onFocus]); // Fire updated events only when the user's focus leaves the field
+    }, [onFocus]);
 
+    // Fire updated events only when the user's focus leaves the field
     const handleOnBlur = useCallback(event => {
       // Only fire if the value has changed since the field was focused (we are only concerned with the net change to the field)
       if (event.currentTarget.value !== valueOnFocus.current) {
         createAnalyticsEvent(createEventPayload(`ui.textField.updated.${field}Field`, {})).fire(ANALYTICS_CHANNEL);
       }
-
       onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-    }, [onBlur, createAnalyticsEvent]); // Track the values as null when the text field is cleared
+    }, [onBlur, createAnalyticsEvent]);
 
+    // Track the values as null when the text field is cleared
     const handleOnClear = useCallback((...args) => {
       trackAttribute(`${field}FieldContent`, null);
       trackAttribute(`${field}FieldContentInputMethod`, null);

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

@@ -1,11 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { genericErrorStyles } from './styled';
-
 const GenericErrorSVG = props => {
   const id = 'link-picker-ui-generic-error-svg';
   return jsx("svg", _extends({
@@ -52,5 +49,4 @@ const GenericErrorSVG = props => {
     stopOpacity: ".6"
   }))));
 };
-
 export default GenericErrorSVG;

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

@@ -5,5 +5,4 @@ export class UnauthenticatedError extends Error {
     this.authUrl = authUrl;
     this.description = description;
   }
-
 }

package/dist/es2019/controllers/session-provider/index.js

@@ -3,18 +3,14 @@ import { v4 as uuidv4 } from 'uuid';
 import { abortUfoExperience, startUfoExperience, ufoExperience } from '../../common/analytics/experiences';
 export const INIT_CONTEXT = 'SESSION_UNINITIALIZED';
 export const SessionContext = /*#__PURE__*/createContext(INIT_CONTEXT);
-
 const useConstructor = callback => {
   const hasBeenFired = useRef(false);
-
   if (!hasBeenFired.current) {
     callback();
     hasBeenFired.current = true;
   }
-
   return null;
 };
-
 export const LinkPickerSessionProvider = ({
   children
 }) => {

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

@@ -1,5 +1,4 @@
 import { useLayoutEffect, useRef } from 'react';
-
 const useFixHeight = shouldFixHeight => {
   const ref = useRef(null);
   const currentHeight = useRef(null);
@@ -15,5 +14,4 @@ const useFixHeight = shouldFixHeight => {
     } : undefined
   };
 };
-
 export default useFixHeight;

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

@@ -12,8 +12,9 @@ export function usePlugins(state, activeTab, plugins) {
   } = useAnalyticsEvents();
   const [retries, setRetries] = useState(0);
   const [pluginState, dispatch] = usePluginReducer();
-  const activePlugin = plugins === null || plugins === void 0 ? void 0 : plugins[activeTab]; // This useEffect block must be called before any other to ensure onActivation is fired at before resolve
+  const activePlugin = plugins === null || plugins === void 0 ? void 0 : plugins[activeTab];
 
+  // This useEffect block must be called before any other to ensure onActivation is fired at before resolve
   useEffect(() => {
     if (activePlugin && activePlugin.UNSAFE_onActivation) {
       activePlugin.UNSAFE_onActivation();
@@ -23,14 +24,12 @@ export function usePlugins(state, activeTab, plugins) {
     if (!activePlugin) {
       return;
     }
-
     if (!state) {
       dispatch({
         type: 'CLEAR'
       });
       return;
     }
-
     dispatch({
       type: 'LOADING'
     });
@@ -38,11 +37,9 @@ export function usePlugins(state, activeTab, plugins) {
       next,
       cancel
     } = resolvePluginUpdates(activePlugin, state);
-
     const updateResults = async () => {
       try {
         let isLoading = true;
-
         while (isLoading) {
           const {
             value,
@@ -69,7 +66,6 @@ export function usePlugins(state, activeTab, plugins) {
         }
       }
     };
-
     updateResults();
     return cancel;
   }, [activePlugin, state, retries, createAnalyticsEvent, dispatch]);
@@ -77,7 +73,6 @@ export function usePlugins(state, activeTab, plugins) {
     if (!plugins || plugins.length <= 1) {
       return [];
     }
-
     return plugins.filter(plugin => !!plugin.tabTitle).map(plugin => ({
       tabTitle: plugin.tabTitle
     }));
@@ -101,7 +96,6 @@ export function usePlugins(state, activeTab, plugins) {
     errorFallback: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.errorFallback
   };
 }
-
 function limit(items) {
   return items.slice(0, RECENT_SEARCH_LIST_SIZE);
 }

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

@@ -11,25 +11,25 @@ export const INITIAL_STATE = {
 export function reducer(state, action) {
   switch (action.type) {
     case ACTION_CLEAR:
-      return { ...INITIAL_STATE
+      return {
+        ...INITIAL_STATE
       };
-
     case ACTION_LOADING:
-      return { ...INITIAL_STATE,
+      return {
+        ...INITIAL_STATE,
         isLoading: true
       };
-
     case ACTION_SUCCESS:
-      return { ...state,
+      return {
+        ...state,
         ...action.payload,
         error: null
       };
-
     case ACTION_ERRORED:
-      return { ...INITIAL_STATE,
+      return {
+        ...INITIAL_STATE,
         error: action.payload
       };
-
     default:
       return state;
   }

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

@@ -11,14 +11,15 @@ export const cancellable = promise => {
     }
   };
 };
+
 /**
  * Wraps the resolve with a cancellation wrapper and makes promise + generator plugin resolves more compatible
  * Calling cancel for generator plugin prevents it from yielding any further updates
  */
-
 export const resolvePluginUpdates = (plugin, state) => {
-  const updates = plugin.resolve(state); // Promise plugin
+  const updates = plugin.resolve(state);
 
+  // Promise plugin
   if (updates instanceof Promise) {
     const {
       promise,
@@ -31,9 +32,9 @@ export const resolvePluginUpdates = (plugin, state) => {
         done: true
       })
     };
-  } // Generator plugin
-
+  }
 
+  // Generator plugin
   const cancellationCallbacks = [];
   let cancelled = false;
   return {
@@ -46,13 +47,11 @@ export const resolvePluginUpdates = (plugin, state) => {
         promise,
         cancel
       } = cancellable(updates.next());
-
       if (cancelled) {
         cancel();
       } else {
         cancellationCallbacks.push(cancel);
       }
-
       return promise;
     }
   };

package/dist/es2019/services/use-search-query/index.js

@@ -2,33 +2,30 @@ import { useRef } from 'react';
 import { isSafeUrl } from '@atlaskit/linking-common/url';
 export function useSearchQuery(state) {
   var _queryState$current;
-
   const queryState = useRef(null);
+
   /*
    * When state contains a valid url AND is NOT selected from results, and the url was updated
    * from the textbox, queryState should be null to clear the items in plugin state.
    *
    * Checking `lastEditedBy` prevents the items being cleared when the tab is changed.
    */
-
   if (isSafeUrl(state.url) && state.selectedIndex === -1 && !state.preventHidingRecents) {
     queryState.current = null;
   }
+
   /*
    * When state contains a search term e.g. Not a valid url return a query
    */
-
-
   if (((_queryState$current = queryState.current) === null || _queryState$current === void 0 ? void 0 : _queryState$current.query) !== state.url && !isSafeUrl(state.url)) {
     queryState.current = {
       query: state.url
     };
   }
+
   /*
    * When state contains a valid url and is selected from the list
    * return current state to prevent triger a new plugin search
    */
-
-
   return queryState.current;
 }

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

@@ -7,7 +7,6 @@ export class BaseErrorBoundary extends Component {
       hasError: false
     };
   }
-
   componentDidCatch(error, info) {
     const {
       onError
@@ -17,7 +16,6 @@ export class BaseErrorBoundary extends Component {
       hasError: true
     });
   }
-
   render() {
     const {
       children,
@@ -26,12 +24,9 @@ export class BaseErrorBoundary extends Component {
     const {
       hasError
     } = this.state;
-
     if (hasError && ErrorComponent) {
       return /*#__PURE__*/React.createElement(ErrorComponent, null);
     }
-
     return children;
   }
-
 }

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

@@ -6,7 +6,6 @@ import { failUfoExperience, ufoExperience } from '../../common/analytics/experie
 import { useLinkPickerSessionId } from '../../controllers/session-provider';
 import { ErrorBoundaryFallback } from './error-boundary-fallback';
 import { BaseErrorBoundary } from './error-boundary-base';
-
 function ErrorBoundary({
   children,
   createAnalyticsEvent
@@ -14,14 +13,14 @@ function ErrorBoundary({
   const linkPickerSessionId = useLinkPickerSessionId();
   const handleError = useCallback((error, info) => {
     var _window, _window$navigator, _info$componentStack;
-
     // Fire Analytics event
     createAnalyticsEvent(createEventPayload('ui.linkPicker.unhandledErrorCaught', {
       browserInfo: ((_window = window) === null || _window === void 0 ? void 0 : (_window$navigator = _window.navigator) === null || _window$navigator === void 0 ? void 0 : _window$navigator.userAgent) || 'unknown',
       error: error.toString(),
       componentStack: (_info$componentStack = info === null || info === void 0 ? void 0 : info.componentStack) !== null && _info$componentStack !== void 0 ? _info$componentStack : ''
-    })).fire(ANALYTICS_CHANNEL); // Fire UFO failed experience
+    })).fire(ANALYTICS_CHANNEL);
 
+    // Fire UFO failed experience
     failUfoExperience(ufoExperience.mounted, linkPickerSessionId);
   }, [createAnalyticsEvent, linkPickerSessionId]);
   return /*#__PURE__*/React.createElement(BaseErrorBoundary, {
@@ -29,5 +28,4 @@ function ErrorBoundary({
     ErrorComponent: ErrorBoundaryFallback
   }, children);
 }
-
 export default withAnalyticsEvents()(ErrorBoundary);

package/dist/es2019/ui/index.js

@@ -12,8 +12,7 @@ export const PACKAGE_DATA = {
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };
-const LazyLinkPicker = lazyForPaint(() => import(
-/* webpackChunkName: "@atlaskit-internal_link-picker" */
+const LazyLinkPicker = lazyForPaint(() => import( /* webpackChunkName: "@atlaskit-internal_link-picker" */
 './link-picker'));
 export const ComposedLinkPicker = /*#__PURE__*/memo(props => /*#__PURE__*/React.createElement(AnalyticsContext, {
   data: PACKAGE_DATA

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

@@ -1,13 +1,18 @@
-import React, { forwardRef, memo, useState, useEffect } from 'react'; // How to use:
+import React, { forwardRef, memo, useState, useEffect } from 'react';
+
+// How to use:
 // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#Preferring_specialized_live_region_roles
 // Demo: https://dequeuniversity.com/library/aria/liveregion-playground
+
 // Important: Strongly recommend test your solution in all supported screen readers
 // if you use non default value of properties: ariaAtomic, ariaLive, ariaRelevant, role
+
 // Note: Text won't be announced if the text message doesn't change after the render.
 // For using a forced announcement in this case, set the 'key' attribute - key={Date.now()}
 
 // 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(({
   ariaAtomic = 'true',

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

@@ -12,7 +12,6 @@ const result = {
   supportsIntersectionObserver: false,
   supportsResizeObserver: false
 };
-
 if (typeof navigator !== 'undefined') {
   const ieEdge = /Edge\/(\d+)/.exec(navigator.userAgent);
   const ieUpTo10 = /MSIE \d/.test(navigator.userAgent);
@@ -30,5 +29,4 @@ if (typeof navigator !== 'undefined') {
   result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
   result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
 }
-
 export { result as browser };

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { memo } from 'react';
@@ -29,7 +28,6 @@ export const testIds = {
   insertButton: 'link-picker-insert-button',
   cancelButton: 'link-picker-cancel-button'
 };
-
 const FormFooter = ({
   isLoading,
   error,
@@ -40,11 +38,9 @@ const FormFooter = ({
   ...restProps
 }) => {
   const intl = useIntl();
-
   if (error && error instanceof UnauthenticatedError) {
     return null;
   }
-
   const isSubmitDisabled = checkSubmitDisabled(isLoading, error, state, items);
   const insertButtonMsg = isEditing ? messages.saveButton : messages.insertButton;
   return jsx("footer", _extends({
@@ -60,5 +56,4 @@ const FormFooter = ({
     isDisabled: isSubmitDisabled
   }, intl.formatMessage(insertButtonMsg))));
 };
-
 export default /*#__PURE__*/memo(FormFooter);

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

@@ -7,24 +7,21 @@ export const checkSubmitDisabled = (isLoading, error, state, items) => {
   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/es2019/ui/link-picker/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { Fragment, useCallback, useLayoutEffect, useReducer, memo } from 'react';
 import { jsx } from '@emotion/react';
@@ -50,38 +49,36 @@ const initState = {
   activeTab: 0,
   preventHidingRecents: false
 };
-
 function reducer(state, payload) {
   if (payload.url && state.url !== payload.url) {
-    return { ...state,
+    return {
+      ...state,
       invalidUrl: false,
       selectedIndex: isSafeUrl(payload.url) && payload.url.length ? -1 : state.selectedIndex,
       ...payload
     };
   }
-
-  return { ...state,
+  return {
+    ...state,
     ...payload
   };
 }
+
 /**
  * Bind input fields to analytics tracking
  */
 
-
 const getLinkFieldContent = value => {
   if (!Boolean(value)) {
     return null;
   }
-
   return isSafeUrl(value) ? 'url' : 'text_string';
 };
-
-const LinkInputField = withInputFieldTracking(TextInput, 'link', (event, attributes) => ({ ...attributes,
+const LinkInputField = withInputFieldTracking(TextInput, 'link', (event, attributes) => ({
+  ...attributes,
   linkFieldContent: getLinkFieldContent(event.currentTarget.value)
 }));
 const DisplayTextInputField = withInputFieldTracking(TextInput, 'displayText');
-
 function LinkPicker({
   onSubmit,
   onCancel,
@@ -93,11 +90,11 @@ function LinkPicker({
   featureFlags
 }) {
   var _errorFallback;
-
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-  const [state, dispatch] = useReducer(reducer, { ...initState,
+  const [state, dispatch] = useReducer(reducer, {
+    ...initState,
     url: normalizeUrl(initUrl) || '',
     displayText: initDisplayText || ''
   });
@@ -154,29 +151,23 @@ function LinkPicker({
     } = event;
     const KEY_ARROW_DOWN = 'ArrowDown';
     const KEY_ARROW_UP = 'ArrowUp';
-
     if (!items || !items.length) {
       return;
     }
-
     let 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;
     }
-
     const item = items[updatedIndex];
-
     if ([KEY_ARROW_DOWN, KEY_ARROW_UP].includes(key) && item) {
       /**
        * Manually track that the url has been updated using searchResult method
@@ -208,8 +199,8 @@ function LinkPicker({
     });
   }, [dispatch, items]);
   const handleMouseLeaveResultItem = useCallback(objectId => {
-    const index = items === null || items === void 0 ? void 0 : items.findIndex(item => item.objectId === objectId); // This is to avoid updating index that was set by other mouseenter event
-
+    const index = items === null || items === void 0 ? void 0 : items.findIndex(item => item.objectId === objectId);
+    // This is to avoid updating index that was set by other mouseenter event
     if (activeIndex === index) {
       dispatch({
         activeIndex: -1
@@ -217,16 +208,17 @@ function LinkPicker({
     }
   }, [dispatch, activeIndex, items]);
   const handleInsert = useCallback((url, title, inputType) => {
-    const 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!
+    const event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {}));
 
-    const 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!
+    const 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({
       url,
@@ -242,7 +234,6 @@ function LinkPicker({
   }, [displayText, onSubmit, state.url, createAnalyticsEvent, getAttributes]);
   const handleSelected = useCallback(objectId => {
     const selectedItem = items === null || items === void 0 ? void 0 : items.find(item => item.objectId === objectId);
-
     if (selectedItem) {
       const {
         url,
@@ -251,7 +242,6 @@ function LinkPicker({
       /**
        * Manually track that the url has been updated using searchResult method
        */
-
       dispatchEvent(new Event('submit'));
       trackAttribute('linkFieldContent', getLinkFieldContent(url));
       trackAttribute('linkFieldContentInputMethod', 'searchResult');
@@ -261,24 +251,19 @@ function LinkPicker({
   }, [handleInsert, trackAttribute, items, activePlugin]);
   const handleSubmit = useCallback(event => {
     event.preventDefault();
-
     if (isSelectedItem && selectedItem) {
       return handleInsert(selectedItem.url, selectedItem.name, 'typeAhead');
     }
-
     const normalized = normalizeUrl(url);
-
     if (normalized) {
       return handleInsert(normalized, null, 'manual');
     }
-
     return dispatch({
       invalidUrl: true
     });
   }, [dispatch, handleInsert, isSelectedItem, selectedItem, url]);
   const handleTabChange = useCallback(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.
@@ -294,10 +279,11 @@ function LinkPicker({
   const messages = isActivePlugin ? searchMessages : linkMessages;
   const screenReaderDescriptionId = 'search-recent-links-field-description';
   const linkSearchListId = 'link-picker-search-list';
-  const ariaActiveDescendant = selectedIndex > -1 ? `link-search-list-item-${selectedIndex}` : ''; // Added workaround with a screen reader Announcer specifically for VoiceOver + Safari
+  const ariaActiveDescendant = selectedIndex > -1 ? `link-search-list-item-${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
-
   const screenReaderText = browser.safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   const searchIcon = isActivePlugin && jsx("span", {
     css: searchIconStyles,
@@ -385,7 +371,6 @@ function LinkPicker({
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
   }));
 }
-
 const DefaultRootComponent = ({
   children
 }) => {
@@ -393,7 +378,6 @@ const DefaultRootComponent = ({
     "data-testid": testIds.linkPickerRoot
   }, children);
 };
-
 export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
   component,
   ...props