@atlaskit/link-picker 1.6.1 → 1.8.0

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

@@ -29,13 +29,12 @@ var _styled = require("./styled");
 
 var _ = require("../");
 
-var _excluded = ["name", "label", "autoFocus", "onSubmit", "onRedo", "onUndo", "onChange", "onKeyDown", "onClear", "clearLabel", "error"];
+var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onChange", "onKeyDown", "onClear", "clearLabel", "error"];
 
 var PanelTextInput = function PanelTextInput(props) {
   var name = props.name,
       label = props.label,
       autoFocus = props.autoFocus,
-      onSubmit = props.onSubmit,
       onRedo = props.onRedo,
       onUndo = props.onUndo,
       onChange = props.onChange,
@@ -61,13 +60,7 @@ var PanelTextInput = function PanelTextInput(props) {
     onChange(e.currentTarget.value);
   }, [onChange]);
   var handleKeydown = (0, _react.useCallback)(function (e) {
-    var value = e.currentTarget.value;
-
-    if (e.keyCode === 13 && onSubmit) {
-      e.preventDefault(); // Prevent from submitting if an editor is inside a form.
-
-      onSubmit(value);
-    } else if (typeof onUndo === 'function' && (0, _utils.isUndoEvent)(e)) {
+    if (typeof onUndo === 'function' && (0, _utils.isUndoEvent)(e)) {
       e.preventDefault();
       onUndo();
     } else if (typeof onRedo === 'function' && (0, _utils.isRedoEvent)(e)) {
@@ -78,7 +71,7 @@ var PanelTextInput = function PanelTextInput(props) {
     if (onKeyDown) {
       onKeyDown(e);
     }
-  }, [onSubmit, onUndo, onRedo, onKeyDown]);
+  }, [onUndo, onRedo, onKeyDown]);
   var handleClear = (0, _react.useCallback)(function () {
     if (inputRef.current && onClear) {
       inputRef.current.focus();
@@ -88,6 +81,7 @@ var PanelTextInput = function PanelTextInput(props) {
   var clearText = restProps.value !== '' && (0, _react2.jsx)(_tooltip.default, {
     content: clearLabel
   }, (0, _react2.jsx)("button", {
+    type: "button",
     css: _styled.clearTextButtonStyles,
     onClick: handleClear,
     "data-testid": _.testIds.clearUrlButton

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

@@ -75,11 +75,6 @@ var linkifyMatch = function linkifyMatch(text) {
 
 var isSafeUrl = function isSafeUrl(url) {
   var urlTrimmed = url.trim();
-
-  if (urlTrimmed.length === 0) {
-    return true;
-  }
-
   return whitelistedURLPatterns.some(function (p) {
     return p.test(urlTrimmed);
   });

package/dist/cjs/version.json

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

package/dist/es2019/analytics.codegen.js

@@ -0,0 +1,20 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates analytics utilities from the package analytics spec yaml
+ *
+ * @codegen <<SignedSource::0cc1b4d9c22b31491ded3e581114ab2c>>
+ * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
+ */
+function createEventPayload(eventKey, attributes) {
+  const event = eventKey.split('.');
+  return {
+    eventType: 'ui',
+    actionSubject: event[0],
+    action: event[1],
+    actionSubjectId: event[2],
+    attributes: attributes
+  };
+}
+
+export default createEventPayload;

package/dist/es2019/common/constants.js

@@ -0,0 +1,2 @@
+export const ANALYTICS_CHANNEL = 'media';
+export const COMPONENT_NAME = 'LinkPicker';

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

@@ -1,6 +1,5 @@
-import { useEffect, useRef, useReducer, useMemo } from 'react';
+import { useEffect, useReducer, useMemo, useRef, useState, useCallback } from 'react';
 import { RECENT_SEARCH_LIST_SIZE } from '../../ui/link-picker';
-import { isSafeUrl } from '../../ui/link-picker/url';
 
 function reducer(state, payload) {
   return { ...state,
@@ -8,56 +7,40 @@ function reducer(state, payload) {
   };
 }
 
-export function usePlugins(state, plugins) {
+export function usePlugins(state, activeTab, plugins) {
+  const [retries, setRetries] = useState(0);
   const [pluginState, dispatch] = useReducer(reducer, {
-    items: [],
+    items: null,
+    error: null,
     isLoading: false
   });
-  const {
-    url,
-    selectedIndex
-  } = state;
   const {
     items,
-    isLoading
+    isLoading,
+    error
   } = pluginState;
-  const activePlugin = !plugins || plugins.length === 0 ? null : plugins[state.activeTab];
   const queryVersion = useRef(0);
-  const pluginRef = useRef(activePlugin);
-  const selectedItem = items[selectedIndex];
-  const isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
+  const activePlugin = plugins === null || plugins === void 0 ? void 0 : plugins[activeTab];
   useEffect(() => {
     if (!activePlugin) {
       return;
     }
 
-    if (isSelectedItem) {
-      return;
-    }
-
-    if (isSafeUrl(url) && url.length) {
+    if (!state) {
       dispatch({
-        items: [],
-        isLoading: false
+        items: null,
+        isLoading: false,
+        error: null
       });
       return;
     }
 
-    const updates = activePlugin.resolve({
-      query: url
+    const updates = activePlugin.resolve(state);
+    dispatch({
+      items: null,
+      isLoading: true,
+      error: null
     });
-
-    if (pluginRef.current !== activePlugin) {
-      dispatch({
-        items: [],
-        isLoading: true
-      });
-    } else {
-      dispatch({
-        isLoading: true
-      });
-    }
-
     const newQuery = ++queryVersion.current;
 
     const updateResults = async () => {
@@ -90,15 +73,17 @@ export function usePlugins(state, plugins) {
             return;
           }
         }
-      } catch {
+      } catch (error) {
         dispatch({
+          error,
+          items: null,
           isLoading: false
         });
       }
     };
 
     updateResults();
-  }, [activePlugin, queryVersion, url, isSelectedItem]);
+  }, [activePlugin, queryVersion, state, retries]);
   const tabs = useMemo(() => {
     if (!plugins || plugins.length <= 1) {
       return [];
@@ -108,12 +93,17 @@ export function usePlugins(state, plugins) {
       tabTitle: plugin.tabTitle
     }));
   }, [plugins]);
+  const handleRetry = useCallback(() => {
+    setRetries(prev => ++prev);
+  }, []);
   return {
     tabs,
     items,
     isLoading,
-    isSelectedItem,
-    isActivePlugin: !!activePlugin
+    isActivePlugin: !!activePlugin,
+    error,
+    retry: handleRetry,
+    errorFallback: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.errorFallback
   };
 }
 

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

@@ -0,0 +1,32 @@
+import { useRef } from 'react';
+import { isSafeUrl } from '../../ui/link-picker/url';
+export function useSearchQuery(state) {
+  var _queryState$current;
+
+  const queryState = useRef(null);
+  /*
+   * When state contains a valid url AND is NOT selected from results
+   * queryState should be null to clear the items in plugin state
+   */
+
+  if (isSafeUrl(state.url) && state.selectedIndex === -1) {
+    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-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 './generic-error-svg';
+import GenericErrorSVG from '../../common/generic-error-svg';
 import { rootContainerStyles } from '../link-picker/styled';
 const messages = defineMessages({
   heading: {

package/dist/es2019/ui/index.js

@@ -1,11 +1,10 @@
 import React, { memo } from 'react';
 import { AnalyticsErrorBoundary } from '@atlaskit/analytics-next';
 import { LazySuspense, lazyForPaint } from 'react-loosely-lazy';
+import { COMPONENT_NAME, ANALYTICS_CHANNEL } from '../common/constants';
 import { name as packageName, version as packageVersion } from '../version.json';
 import { ErrorBoundaryFallback } from './error-boundary-fallback';
 import { LoaderFallback } from './loader-fallback';
-const COMPONENT_NAME = 'LinkPicker';
-const ANALYTICS_CHANNEL = 'media';
 const PACKAGE_DATA = {
   packageName,
   packageVersion,

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

@@ -1,25 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { useCallback, useLayoutEffect, useReducer } from 'react';
+import { Fragment, useCallback, useLayoutEffect, useReducer } from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl, FormattedMessage } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button, { ButtonGroup } from '@atlaskit/button';
 import { FormFooter } from '@atlaskit/form';
 import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
 import Tabs, { Tab, TabList } from '@atlaskit/tabs';
 import VisuallyHidden from '@atlaskit/visually-hidden';
+import createEventPayload from '../../analytics.codegen';
+import { ANALYTICS_CHANNEL } from '../../common/constants';
+import { usePlugins } from '../../services/use-plugins';
+import { useSearchQuery } from '../../services/use-search-query';
 import { messages } from './messages';
 import PanelTextInput from './text-input';
 import LinkSearchList from './link-search-list';
 import { normalizeUrl, isSafeUrl } from './url';
 import { rootContainerStyles, searchIconStyles, listTitleStyles, tabsWrapperStyles } from './styled';
 import { browser } from './browser';
-import { transformTimeStamp } from './transformTimeStamp';
 import Announcer from './announcer';
 import LinkSearchNoResults from './link-search-no-results';
-import { usePlugins } from '../../services/use-plugins';
+import { transformTimeStamp } from './transformTimeStamp';
+import LinkSearchError from './link-search-error';
 export const RECENT_SEARCH_LIST_SIZE = 5;
+export const CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
 export const testIds = {
   linkPicker: 'link-picker',
   urlInputField: 'link-url',
@@ -35,7 +41,8 @@ export const testIds = {
   searchResultLoadingIndicator: 'link-picker.results-loading-indicator',
   urlError: 'link-error',
   tabList: 'link-picker-tabs',
-  tabItem: 'link-picker-tab'
+  tabItem: 'link-picker-tab',
+  searchError: 'link-search-error'
 };
 const initState = {
   url: '',
@@ -68,6 +75,11 @@ function LinkPicker({
   url: initUrl,
   displayText: initDisplayText
 }) {
+  var _queryState$query, _items$length, _errorFallback;
+
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   const [state, dispatch] = useReducer(reducer, { ...initState,
     url: normalizeUrl(initUrl) || '',
     displayText: initDisplayText || ''
@@ -77,17 +89,23 @@ function LinkPicker({
     selectedIndex,
     url,
     displayText,
-    invalidUrl
+    invalidUrl,
+    activeTab
   } = state;
-  const isEditing = !!initUrl;
   const intl = useIntl();
+  const queryState = useSearchQuery(state);
   const {
     items,
     isLoading,
-    isSelectedItem,
     isActivePlugin,
-    tabs
-  } = usePlugins(state, plugins);
+    tabs,
+    error,
+    retry,
+    errorFallback
+  } = usePlugins(queryState, activeTab, plugins);
+  const isEditing = !!initUrl;
+  const selectedItem = items === null || items === void 0 ? void 0 : items[selectedIndex];
+  const isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
   useLayoutEffect(() => {
     if (onContentResize) {
       onContentResize();
@@ -145,13 +163,13 @@ function LinkPicker({
     });
   }, []);
   const handleMouseEnterResultItem = useCallback(objectId => {
-    const index = findIndex(items, item => item.objectId === objectId);
+    const index = items === null || items === void 0 ? void 0 : items.findIndex(item => item.objectId === objectId);
     dispatch({
-      activeIndex: index
+      activeIndex: index !== null && index !== void 0 ? index : -1
     });
   }, [items]);
   const handleMouseLeaveResultItem = useCallback(objectId => {
-    const index = findIndex(items, 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({
@@ -160,6 +178,8 @@ function LinkPicker({
     }
   }, [activeIndex, items]);
   const handleInsert = useCallback((url, title, inputType) => {
+    const event = createAnalyticsEvent(createEventPayload('form.submitted.linkPicker', {}));
+    event.fire(ANALYTICS_CHANNEL);
     onSubmit({
       url,
       displayText: displayText || null,
@@ -171,22 +191,23 @@ function LinkPicker({
         rawUrl: state.url
       } : {})
     });
-  }, [displayText, onSubmit, state.url]);
+  }, [displayText, onSubmit, state.url, createAnalyticsEvent]);
   const handleSelected = useCallback(objectId => {
-    const selectedItem = items.find(item => item.objectId === objectId);
+    const selectedItem = items === null || items === void 0 ? void 0 : items.find(item => item.objectId === objectId);
 
     if (selectedItem) {
       const {
         url,
         name
       } = selectedItem;
+      dispatchEvent(new Event('submit'));
       handleInsert(url, name, 'typeAhead');
     }
   }, [handleInsert, items]);
-  const handleSubmit = useCallback(() => {
-    const selectedItem = items[selectedIndex];
+  const handleSubmit = useCallback(event => {
+    event.preventDefault();
 
-    if (isSelectedItem) {
+    if (isSelectedItem && selectedItem) {
       return handleInsert(selectedItem.url, selectedItem.name, 'typeAhead');
     }
 
@@ -199,18 +220,18 @@ function LinkPicker({
     return dispatch({
       invalidUrl: true
     });
-  }, [handleInsert, isSelectedItem, items, selectedIndex, url]);
+  }, [handleInsert, isSelectedItem, selectedItem, url]);
   const linkPlaceHolder = isActivePlugin ? messages.placeholder : messages.linkPlaceholder;
-  const linkListTitle = url ? messages.titleResults : messages.titleRecentlyViewed;
+  const linkListTitle = (queryState === null || queryState === void 0 ? void 0 : (_queryState$query = queryState.query) === null || _queryState$query === void 0 ? void 0 : _queryState$query.length) !== 0 ? messages.titleResults : messages.titleRecentlyViewed;
   const insertButtonMsg = isEditing ? messages.saveButton : messages.insertButton;
-  const noResults = isActivePlugin && !isLoading && !items.length && !isSafeUrl(url);
+  const noResults = (items === null || items === void 0 ? void 0 : items.length) === 0 && !error;
   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
   // 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, selectedIndex, intl);
+  const screenReaderText = browser.safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   const searchIcon = isActivePlugin && jsx("span", {
     css: searchIconStyles,
     "data-testid": testIds.searchIcon
@@ -218,9 +239,10 @@ function LinkPicker({
     size: "medium",
     label: ''
   }));
-  return jsx("div", {
+  return jsx("form", {
     "data-testid": testIds.linkPicker,
-    css: rootContainerStyles
+    css: rootContainerStyles,
+    onSubmit: handleSubmit
   }, screenReaderText && jsx(Announcer, {
     ariaLive: "assertive",
     text: screenReaderText,
@@ -246,7 +268,6 @@ function LinkPicker({
     "aria-describedby": screenReaderDescriptionId,
     error: invalidUrl ? intl.formatMessage(messages.linkInvalid) : null,
     onClear: handleClear,
-    onSubmit: handleSubmit,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl
   }), jsx(PanelTextInput, {
@@ -259,10 +280,9 @@ function LinkPicker({
     clearLabel: intl.formatMessage(messages.clearText),
     "aria-label": intl.formatMessage(messages.linkAriaLabel),
     onClear: handleClear,
-    onSubmit: handleSubmit,
     onKeyDown: handleKeyDown,
     onChange: handleChangeText
-  }), tabs.length > 0 && jsx("div", {
+  }), queryState && jsx(Fragment, null, tabs.length > 0 && jsx("div", {
     css: tabsWrapperStyles
   }, jsx(Tabs, {
     id: testIds.tabList,
@@ -276,7 +296,7 @@ function LinkPicker({
   }, jsx(TabList, null, tabs.map(tab => jsx(Tab, {
     key: tab.tabTitle,
     testId: testIds.tabItem
-  }, tab.tabTitle))))), !!items.length && jsx("div", {
+  }, tab.tabTitle))))), !!(items !== null && items !== void 0 && items.length) && jsx("div", {
     css: listTitleStyles,
     id: testIds.resultListTitle,
     "data-testid": testIds.resultListTitle
@@ -284,7 +304,7 @@ function LinkPicker({
     id: "fabric.smartcard.linkpicker.suggested.results"
   }, url && jsx(FormattedMessage, _extends({}, messages.searchLinkResults, {
     values: {
-      count: items.length
+      count: (_items$length = items === null || items === void 0 ? void 0 : items.length) !== null && _items$length !== void 0 ? _items$length : 0
     },
     "aria-live": "polite",
     "aria-atomic": "true"
@@ -293,18 +313,32 @@ function LinkPicker({
     ariaControls: "fabric.smartcard.linkpicker.suggested.results",
     id: linkSearchListId,
     role: "listbox",
-    items: items,
+    items: items !== null && items !== void 0 ? items : [],
     isLoading: isLoading,
     selectedIndex: selectedIndex,
     activeIndex: activeIndex,
     onSelect: handleSelected,
     onMouseEnter: handleMouseEnterResultItem,
     onMouseLeave: handleMouseLeaveResultItem
-  }), noResults && jsx(LinkSearchNoResults, {
+  }), error && ((_errorFallback = errorFallback === null || errorFallback === void 0 ? void 0 : errorFallback(error, retry)) !== null && _errorFallback !== void 0 ? _errorFallback : jsx(LinkSearchError, {
+    testId: testIds.searchError,
+    header: intl.formatMessage(messages.searchErrorHeader),
+    description: jsx(FormattedMessage, _extends({}, messages.searchErrorDescription, {
+      values: {
+        a: label => jsx(Button, {
+          appearance: "link",
+          spacing: "none",
+          href: CONTACT_SUPPORT_LINK,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, label)
+      }
+    }))
+  })), noResults && jsx(LinkSearchNoResults, {
     testId: testIds.emptyResultPage,
     header: intl.formatMessage(messages.noResults),
     description: intl.formatMessage(messages.noResultsDescription)
-  }), jsx(FormFooter, {
+  })), jsx(FormFooter, {
     align: "end"
   }, jsx(ButtonGroup, null, jsx(Button, {
     appearance: "default",
@@ -313,7 +347,6 @@ function LinkPicker({
   }, intl.formatMessage(messages.cancelButton)), jsx(Button, {
     type: "submit",
     appearance: "primary",
-    onClick: handleSubmit,
     testId: testIds.insertButton
   }, intl.formatMessage(insertButtonMsg)))));
 }
@@ -332,17 +365,4 @@ function getScreenReaderText(items, selectedIndex, intl) {
     const formattedDate = [date === null || date === void 0 ? void 0 : date.pageAction, date === null || date === void 0 ? void 0 : date.dateString, date === null || date === void 0 ? void 0 : date.timeSince].filter(Boolean).join(' ');
     return [name, container, formattedDate].filter(Boolean).join(', ');
   }
-}
-
-function findIndex(array, predicate) {
-  let index = -1;
-  array.some((item, i) => {
-    if (predicate(item)) {
-      index = i;
-      return true;
-    }
-
-    return false;
-  });
-  return index;
 }

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

@@ -0,0 +1,10 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import EmptyState from '@atlaskit/empty-state';
+import GenericErrorSVG from '../../../common/generic-error-svg';
+
+const LinkSearchError = props => /*#__PURE__*/React.createElement(EmptyState, _extends({}, props, {
+  renderImage: () => /*#__PURE__*/React.createElement(GenericErrorSVG, null)
+}));
+
+export default LinkSearchError;

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

@@ -104,5 +104,15 @@ export const messages = defineMessages({
     id: 'fabric.linkPicker.button.save',
     defaultMessage: 'Save',
     description: 'Button to save edited link'
+  },
+  searchErrorHeader: {
+    id: 'fabric.linkPicker.search.error.heading',
+    defaultMessage: 'We’re having trouble loading data.',
+    description: 'Heading message shown when a search throws an error'
+  },
+  searchErrorDescription: {
+    id: 'fabric.linkPicker.search.error.description',
+    defaultMessage: 'Refresh the page, or contact <a>Atlassian Support</a> if this keeps happening.',
+    description: 'Describes possible actions when search throws an error'
   }
 });

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

@@ -16,7 +16,6 @@ const PanelTextInput = props => {
     name,
     label,
     autoFocus,
-    onSubmit,
     onRedo,
     onUndo,
     onChange,
@@ -43,13 +42,7 @@ const PanelTextInput = props => {
     onChange(e.currentTarget.value);
   }, [onChange]);
   const handleKeydown = useCallback(e => {
-    const value = e.currentTarget.value;
-
-    if (e.keyCode === 13 && onSubmit) {
-      e.preventDefault(); // Prevent from submitting if an editor is inside a form.
-
-      onSubmit(value);
-    } else if (typeof onUndo === 'function' && isUndoEvent(e)) {
+    if (typeof onUndo === 'function' && isUndoEvent(e)) {
       e.preventDefault();
       onUndo();
     } else if (typeof onRedo === 'function' && isRedoEvent(e)) {
@@ -60,7 +53,7 @@ const PanelTextInput = props => {
     if (onKeyDown) {
       onKeyDown(e);
     }
-  }, [onSubmit, onUndo, onRedo, onKeyDown]);
+  }, [onUndo, onRedo, onKeyDown]);
   const handleClear = useCallback(() => {
     if (inputRef.current && onClear) {
       inputRef.current.focus();
@@ -70,6 +63,7 @@ const PanelTextInput = props => {
   const clearText = restProps.value !== '' && jsx(Tooltip, {
     content: clearLabel
   }, jsx("button", {
+    type: "button",
     css: clearTextButtonStyles,
     onClick: handleClear,
     "data-testid": testIds.clearUrlButton

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

@@ -64,11 +64,6 @@ const linkifyMatch = text => {
 
 export const isSafeUrl = url => {
   const urlTrimmed = url.trim();
-
-  if (urlTrimmed.length === 0) {
-    return true;
-  }
-
   return whitelistedURLPatterns.some(p => p.test(urlTrimmed));
 };
 /**

package/dist/es2019/version.json

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

package/dist/esm/analytics.codegen.js

@@ -0,0 +1,20 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates analytics utilities from the package analytics spec yaml
+ *
+ * @codegen <<SignedSource::0cc1b4d9c22b31491ded3e581114ab2c>>
+ * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
+ */
+function createEventPayload(eventKey, attributes) {
+  var event = eventKey.split('.');
+  return {
+    eventType: 'ui',
+    actionSubject: event[0],
+    action: event[1],
+    actionSubjectId: event[2],
+    attributes: attributes
+  };
+}
+
+export default createEventPayload;

package/dist/esm/common/constants.js

@@ -0,0 +1,2 @@
+export var ANALYTICS_CHANNEL = 'media';
+export var COMPONENT_NAME = 'LinkPicker';