@atlaskit/link-picker 1.16.8 → 1.16.10

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

@@ -1,48 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _analytics = _interopRequireDefault(require("../../analytics.codegen"));
-
 var _constants = require("../../common/constants");
-
 var _experiences = require("../../common/analytics/experiences");
-
 var _sessionProvider = require("../../controllers/session-provider");
-
 var _errorBoundaryFallback = require("./error-boundary-fallback");
-
 var _errorBoundaryBase = require("./error-boundary-base");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ErrorBoundary(_ref) {
   var children = _ref.children,
-      createAnalyticsEvent = _ref.createAnalyticsEvent;
+    createAnalyticsEvent = _ref.createAnalyticsEvent;
   var linkPickerSessionId = (0, _sessionProvider.useLinkPickerSessionId)();
   var handleError = (0, _react.useCallback)(function (error, info) {
     var _window, _window$navigator, _info$componentStack;
-
     // Fire Analytics event
     createAnalyticsEvent((0, _analytics.default)('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(_constants.ANALYTICS_CHANNEL); // Fire UFO failed experience
+    })).fire(_constants.ANALYTICS_CHANNEL);
 
+    // Fire UFO failed experience
     (0, _experiences.failUfoExperience)(_experiences.ufoExperience.mounted, linkPickerSessionId);
   }, [createAnalyticsEvent, linkPickerSessionId]);
   return /*#__PURE__*/_react.default.createElement(_errorBoundaryBase.BaseErrorBoundary, {
@@ -50,7 +37,5 @@ function ErrorBoundary(_ref) {
     ErrorComponent: _errorBoundaryFallback.ErrorBoundaryFallback
   }, children);
 }
-
 var _default = (0, _analyticsNext.withAnalyticsEvents)()(ErrorBoundary);
-
 exports.default = _default;

package/dist/cjs/ui/index.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PACKAGE_DATA = exports.ComposedLinkPicker = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactLooselyLazy = require("react-loosely-lazy");
-
 var _constants = require("../common/constants");
-
 var _version = require("../version.json");
-
 var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
-
 var _loaderFallback = require("./loader-fallback");
-
 var _sessionProvider = require("../controllers/session-provider");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var PACKAGE_DATA = {
   packageName: _version.name,
   packageVersion: _version.version,

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

@@ -1,44 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
 // https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
+
 var timer;
 var Announcer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$ariaAtomic = _ref.ariaAtomic,
-      ariaAtomic = _ref$ariaAtomic === void 0 ? 'true' : _ref$ariaAtomic,
-      _ref$ariaLive = _ref.ariaLive,
-      ariaLive = _ref$ariaLive === void 0 ? 'polite' : _ref$ariaLive,
-      _ref$ariaRelevant = _ref.ariaRelevant,
-      ariaRelevant = _ref$ariaRelevant === void 0 ? 'all' : _ref$ariaRelevant,
-      _ref$role = _ref.role,
-      role = _ref$role === void 0 ? 'status' : _ref$role,
-      _ref$text = _ref.text,
-      text = _ref$text === void 0 ? '' : _ref$text,
-      _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? 0 : _ref$delay;
-
+    ariaAtomic = _ref$ariaAtomic === void 0 ? 'true' : _ref$ariaAtomic,
+    _ref$ariaLive = _ref.ariaLive,
+    ariaLive = _ref$ariaLive === void 0 ? 'polite' : _ref$ariaLive,
+    _ref$ariaRelevant = _ref.ariaRelevant,
+    ariaRelevant = _ref$ariaRelevant === void 0 ? 'all' : _ref$ariaRelevant,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? 'status' : _ref$role,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 0 : _ref$delay;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      contentRendered = _useState2[0],
-      setContentRendered = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    contentRendered = _useState2[0],
+    setContentRendered = _useState2[1];
   (0, _react.useEffect)(function () {
     clearTimeout(timer);
     setContentRendered(false);
@@ -58,7 +50,5 @@ var Announcer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     "aria-live": ariaLive
   }, contentRendered && /*#__PURE__*/_react.default.createElement("span", null, text));
 });
-
 var _default = /*#__PURE__*/(0, _react.memo)(Announcer);
-
 exports.default = _default;

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

@@ -19,7 +19,6 @@ var result = {
   supportsResizeObserver: false
 };
 exports.browser = result;
-
 if (typeof navigator !== 'undefined') {
   var ieEdge = /Edge\/(\d+)/.exec(navigator.userAgent);
   var ieUpTo10 = /MSIE \d/.test(navigator.userAgent);

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

@@ -1,38 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.testIds = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("@emotion/react");
-
 var _react2 = require("react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _button = _interopRequireWildcard(require("@atlaskit/button"));
-
 var _styled = require("./styled");
-
 var _utils = require("./utils");
-
 var _errors = require("../../../common/utils/errors");
-
 var _excluded = ["isLoading", "error", "state", "items", "isEditing", "onCancel"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var messages = (0, _reactIntlNext.defineMessages)({
   cancelButton: {
     id: 'fabric.linkPicker.button.cancel',
@@ -55,21 +40,18 @@ var testIds = {
   cancelButton: 'link-picker-cancel-button'
 };
 exports.testIds = testIds;
-
 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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    error = _ref.error,
+    state = _ref.state,
+    items = _ref.items,
+    isEditing = _ref.isEditing,
+    onCancel = _ref.onCancel,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var intl = (0, _reactIntlNext.useIntl)();
-
   if (error && error instanceof _errors.UnauthenticatedError) {
     return null;
   }
-
   var isSubmitDisabled = (0, _utils.checkSubmitDisabled)(isLoading, error, state, items);
   var insertButtonMsg = isEditing ? messages.saveButton : messages.insertButton;
   return (0, _react.jsx)("footer", (0, _extends2.default)({
@@ -85,7 +67,5 @@ var FormFooter = function FormFooter(_ref) {
     isDisabled: isSubmitDisabled
   }, intl.formatMessage(insertButtonMsg))));
 };
-
 var _default = /*#__PURE__*/(0, _react2.memo)(FormFooter);
-
 exports.default = _default;

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

@@ -1,17 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formFooterStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _templateObject;
-
 var formFooterStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n"])));
 exports.formFooterStyles = formFooterStyles;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.checkSubmitDisabled = void 0;
-
 var _url = require("@atlaskit/linking-common/url");
-
 var checkSubmitDisabled = function checkSubmitDisabled(isLoading, error, state, items) {
   /*
    * Enable insert when search term is a valid url and it can be normalized
@@ -15,26 +13,22 @@ var checkSubmitDisabled = function checkSubmitDisabled(isLoading, error, state,
   if (state && (0, _url.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;
 };
-
 exports.checkSubmitDisabled = checkSubmitDisabled;

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

@@ -1,87 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.testIds = exports.default = exports.RECENT_SEARCH_LIST_SIZE = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
-
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
-
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-
 var _analytics = _interopRequireDefault(require("../../analytics.codegen"));
-
 var _constants = require("../../common/constants");
-
 var _analytics2 = require("../../common/analytics");
-
 var _url2 = require("@atlaskit/linking-common/url");
-
 var _usePlugins2 = require("../../services/use-plugins");
-
 var _useSearchQuery = require("../../services/use-search-query");
-
 var _useFixHeight = _interopRequireDefault(require("../../controllers/use-fix-height"));
-
 var _messages = require("./messages");
-
 var _textInput = _interopRequireWildcard(require("./text-input"));
-
 var _styled = require("./styled");
-
 var _browser = require("./browser");
-
 var _announcer = _interopRequireDefault(require("./announcer"));
-
 var _scrollingTabs = _interopRequireDefault(require("../scrolling-tabs"));
-
 var _linkSearchList = _interopRequireWildcard(require("./link-search-list"));
-
 var _linkSearchError = _interopRequireWildcard(require("./link-search-error"));
-
 var _formFooter = _interopRequireWildcard(require("./form-footer"));
-
 var _utils = require("./utils");
-
 var _trackTabViewed = _interopRequireDefault(require("./track-tab-viewed"));
-
 var _trackMount = _interopRequireDefault(require("./track-mount"));
-
 var _excluded = ["component"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2.default)(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; }
-
 var RECENT_SEARCH_LIST_SIZE = 5;
 exports.RECENT_SEARCH_LIST_SIZE = RECENT_SEARCH_LIST_SIZE;
-
 var testIds = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
   linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
@@ -92,7 +53,6 @@ var testIds = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpr
   tabList: 'link-picker-tabs',
   tabItem: 'link-picker-tab'
 });
-
 exports.testIds = testIds;
 var initState = {
   url: '',
@@ -103,7 +63,6 @@ var initState = {
   activeTab: 0,
   preventHidingRecents: false
 };
-
 function reducer(state, payload) {
   if (payload.url && state.url !== payload.url) {
     return _objectSpread(_objectSpread({}, state), {}, {
@@ -111,80 +70,68 @@ function reducer(state, payload) {
       selectedIndex: (0, _url2.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 (0, _url2.isSafeUrl)(value) ? 'url' : 'text_string';
 };
-
 var LinkInputField = (0, _analytics2.withInputFieldTracking)(_textInput.default, 'link', function (event, attributes) {
   return _objectSpread(_objectSpread({}, attributes), {}, {
     linkFieldContent: getLinkFieldContent(event.currentTarget.value)
   });
 });
 var DisplayTextInputField = (0, _analytics2.withInputFieldTracking)(_textInput.default, '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 = (0, _analyticsNext.useAnalyticsEvents)(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useReducer = (0, _react.useReducer)(reducer, _objectSpread(_objectSpread({}, initState), {}, {
-    url: (0, _url2.normalizeUrl)(initUrl) || '',
-    displayText: initDisplayText || ''
-  })),
-      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+      url: (0, _url2.normalizeUrl)(initUrl) || '',
+      displayText: initDisplayText || ''
+    })),
+    _useReducer2 = (0, _slicedToArray2.default)(_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 = (0, _reactIntlNext.useIntl)();
   var queryState = (0, _useSearchQuery.useSearchQuery)(state);
-
   var _usePlugins = (0, _usePlugins2.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 = (0, _useFixHeight.default)(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 = (0, _analytics2.useLinkPickerAnalytics)(),
-      trackAttribute = _useLinkPickerAnalyti.trackAttribute,
-      getAttributes = _useLinkPickerAnalyti.getAttributes;
-
+    trackAttribute = _useLinkPickerAnalyti.trackAttribute,
+    getAttributes = _useLinkPickerAnalyti.getAttributes;
   (0, _react.useLayoutEffect)(function () {
     if (onContentResize) {
       onContentResize();
@@ -208,29 +155,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
@@ -264,8 +205,8 @@ function LinkPicker(_ref) {
   var handleMouseLeaveResultItem = (0, _react.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
@@ -273,16 +214,17 @@ function LinkPicker(_ref) {
     }
   }, [dispatch, activeIndex, items]);
   var handleInsert = (0, _react.useCallback)(function (url, title, inputType) {
-    var event = createAnalyticsEvent((0, _analytics.default)('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((0, _analytics.default)('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(_constants.ANALYTICS_CHANNEL);
     onSubmit(_objectSpread({
       url: url,
@@ -299,14 +241,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');
@@ -316,24 +256,19 @@ function LinkPicker(_ref) {
   }, [handleInsert, trackAttribute, items, activePlugin]);
   var handleSubmit = (0, _react.useCallback)(function (event) {
     event.preventDefault();
-
     if (isSelectedItem && selectedItem) {
       return handleInsert(selectedItem.url, selectedItem.name, 'typeAhead');
     }
-
     var normalized = (0, _url2.normalizeUrl)(url);
-
     if (normalized) {
       return handleInsert(normalized, null, 'manual');
     }
-
     return dispatch({
       invalidUrl: true
     });
   }, [dispatch, handleInsert, isSelectedItem, selectedItem, url]);
   var handleTabChange = (0, _react.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.
@@ -349,10 +284,11 @@ function LinkPicker(_ref) {
   var messages = isActivePlugin ? _messages.searchMessages : _messages.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.browser.safari && (0, _utils.getScreenReaderText)(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   var searchIcon = isActivePlugin && (0, _react2.jsx)("span", {
     css: _styled.searchIconStyles,
@@ -442,21 +378,18 @@ function LinkPicker(_ref) {
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? _styled.formFooterMargin : undefined
   }));
 }
-
 var DefaultRootComponent = function DefaultRootComponent(_ref2) {
   var children = _ref2.children;
   return (0, _react2.jsx)("div", {
     "data-testid": testIds.linkPickerRoot
   }, children);
 };
-
 var _default = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref3) {
   var component = _ref3.component,
-      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
   var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
   return (0, _react2.jsx)(RootComponent, (0, _extends2.default)({}, props, {
     "data-testid": testIds.linkPickerRoot
   }), (0, _react2.jsx)(LinkPicker, props));
 }));
-
 exports.default = _default;