@atlaskit/link-picker 1.25.3 → 1.25.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-picker
 
+## 1.25.5
+
+### Patch Changes
+
+- [`27f7faa992f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/27f7faa992f) - Minor internal refactor with no expected functional changes.
+
+## 1.25.4
+
+### Patch Changes
+
+- [`2d56ffa47b1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2d56ffa47b1) - [ux] Removes the decorative search icon from the URL/search field.
+
 ## 1.25.3
 
 ### Patch Changes

package/dist/cjs/common/analytics/context.js

@@ -12,8 +12,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _constants = require("../constants");
 var _url = require("@atlaskit/linking-common/url");
+var _constants = require("../constants");
 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; }

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

@@ -11,9 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _constants = require("../constants");
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
-var _2 = require(".");
+var _constants = require("../constants");
+var _index = require("./index");
 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 || _typeof3(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 isEventWithInputType = function isEventWithInputType(e) {
@@ -42,7 +42,7 @@ var withInputFieldTracking = function withInputFieldTracking(WrappedComponent, f
       onChange = props.onChange,
       onClear = props.onClear,
       onFocus = props.onFocus;
-    var _useLinkPickerAnalyti = (0, _2.useLinkPickerAnalytics)(),
+    var _useLinkPickerAnalyti = (0, _index.useLinkPickerAnalytics)(),
       trackAttribute = _useLinkPickerAnalyti.trackAttribute,
       trackAttributes = _useLinkPickerAnalyti.trackAttributes;
     var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),

package/dist/cjs/common/constants.js

@@ -3,8 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.COMPONENT_NAME = exports.ANALYTICS_CHANNEL = void 0;
+exports.RECENT_SEARCH_LIST_SIZE = exports.LINK_PICKER_WIDTH_IN_PX = exports.COMPONENT_NAME = exports.ANALYTICS_CHANNEL = void 0;
 var ANALYTICS_CHANNEL = 'media';
 exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;
 var COMPONENT_NAME = 'linkPicker';
-exports.COMPONENT_NAME = COMPONENT_NAME;
+exports.COMPONENT_NAME = COMPONENT_NAME;
+var RECENT_SEARCH_LIST_SIZE = 5;
+exports.RECENT_SEARCH_LIST_SIZE = RECENT_SEARCH_LIST_SIZE;
+var LINK_PICKER_WIDTH_IN_PX = 342;
+exports.LINK_PICKER_WIDTH_IN_PX = LINK_PICKER_WIDTH_IN_PX;

package/dist/cjs/common/utils/handleNavKeyDown.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleNavKeyDown = void 0;
+var handleNavKeyDown = function handleNavKeyDown(event, itemsLength, activeIndex) {
+  var updatedIndex = activeIndex;
+  switch (event.key) {
+    case 'ArrowDown':
+      event.preventDefault();
+      updatedIndex = (activeIndex + 1) % itemsLength;
+      break;
+    case 'ArrowUp':
+      event.preventDefault();
+      updatedIndex = activeIndex > 0 ? activeIndex - 1 : itemsLength - 1;
+      break;
+    case 'Home':
+      event.preventDefault();
+      updatedIndex = 0;
+      break;
+    case 'End':
+      event.preventDefault();
+      updatedIndex = itemsLength - 1;
+      break;
+  }
+  return updatedIndex;
+};
+exports.handleNavKeyDown = handleNavKeyDown;

package/dist/cjs/i18n/en.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.linkPicker.time.message.updated': 'Updated {time}',
   'fabric.linkPicker.time.message.viewed': 'Viewed {time}',
   'fabric.linkPicker.unhandledError.description': 'Try reloading the page.',
-  'fabric.linkPicker.unhandledError.heading': 'Something went wrong!'
+  'fabric.linkPicker.unhandledError.heading': 'Something went wrong!',
+  foo: 'Default string'
 };
 exports.default = _default;

package/dist/cjs/i18n/en_GB.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.linkPicker.time.message.updated': 'Updated {time}',
   'fabric.linkPicker.time.message.viewed': 'Viewed {time}',
   'fabric.linkPicker.unhandledError.description': 'Try reloading the page.',
-  'fabric.linkPicker.unhandledError.heading': 'Something went wrong!'
+  'fabric.linkPicker.unhandledError.heading': 'Something went wrong!',
+  foo: 'Default string'
 };
 exports.default = _default;

package/dist/cjs/i18n/en_ZZ.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.linkPicker.time.message.updated': '⁣⁢Updated {time}‌‍⁡؜؜⁠‌⁣⁤',
   'fabric.linkPicker.time.message.viewed': '⁣⁢Viewed {time}‌⁡؜‌‍‍؜؜⁠‍‍‌⁣⁤',
   'fabric.linkPicker.unhandledError.description': '⁣⁢Try reloading the page.‌‍⁡‌⁠‍⁠‍⁠⁠؜؜‍⁣⁤',
-  'fabric.linkPicker.unhandledError.heading': '⁣⁢Something went wrong!؜⁠‌⁠⁠‍⁠⁡⁠⁣⁤'
+  'fabric.linkPicker.unhandledError.heading': '⁣⁢Something went wrong!؜⁠‌⁠⁠‍⁠⁡⁠⁣⁤',
+  foo: '⁣⁢Default string⁡‍⁡⁠‍‍⁡‌⁠⁡⁡‌⁠⁣⁤'
 };
 exports.default = _default;

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

@@ -9,14 +9,13 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _convertToError = require("@atlaskit/frontend-utilities/convert-to-error");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _linkPicker = require("../../ui/link-picker");
-var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
+var _convertToError = require("@atlaskit/frontend-utilities/convert-to-error");
+var _analytics = require("../../common/analytics");
 var _constants = require("../../common/constants");
-var _utils = require("./utils");
+var _analytics2 = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _reducer = require("./reducer");
-var _analytics2 = require("../../common/analytics");
+var _utils = require("./utils");
 function usePlugins(state, activeTab, plugins) {
   var _activePlugin$tabKey;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
@@ -29,7 +28,7 @@ function usePlugins(state, activeTab, plugins) {
     _usePluginReducer2 = (0, _slicedToArray2.default)(_usePluginReducer, 2),
     pluginState = _usePluginReducer2[0],
     dispatch = _usePluginReducer2[1];
-  var _useLinkPickerAnalyti = (0, _analytics2.useLinkPickerAnalytics)(),
+  var _useLinkPickerAnalyti = (0, _analytics.useLinkPickerAnalytics)(),
     trackAttribute = _useLinkPickerAnalyti.trackAttribute;
   var activePlugin = plugins === null || plugins === void 0 ? void 0 : plugins[activeTab];
   trackAttribute('tab', (_activePlugin$tabKey = activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) !== null && _activePlugin$tabKey !== void 0 ? _activePlugin$tabKey : null);
@@ -96,7 +95,7 @@ function usePlugins(state, activeTab, plugins) {
                   type: 'ERROR',
                   payload: _context.t0
                 });
-                createAnalyticsEvent((0, _analytics.default)('operational.resultsResolve.failed', {
+                createAnalyticsEvent((0, _analytics2.default)('operational.resultsResolve.failed', {
                   error: (0, _convertToError.convertToError)(_context.t0).toString()
                 })).fire(_constants.ANALYTICS_CHANNEL);
               }
@@ -146,5 +145,5 @@ function usePlugins(state, activeTab, plugins) {
   };
 }
 function limit(items) {
-  return items.slice(0, _linkPicker.RECENT_SEARCH_LIST_SIZE);
+  return items.slice(0, _constants.RECENT_SEARCH_LIST_SIZE);
 }

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

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ErrorBoundaryFallback = void 0;
 var _react = require("@emotion/react");
-var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
 var _reactIntlNext = require("react-intl-next");
+var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
 var _genericErrorSvg = require("../../../common/generic-error-svg");
 var _styled = require("../../link-picker/styled");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+
 var messages = (0, _reactIntlNext.defineMessages)({
   heading: {
     defaultMessage: 'Something went wrong!',

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

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.ErrorBoundary = ErrorBoundary;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
-var _constants = require("../../common/constants");
 var _experiences = require("../../common/analytics/experiences");
+var _constants = require("../../common/constants");
+var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _sessionProvider = require("../../controllers/session-provider");
-var _errorBoundaryFallback = require("./error-boundary-fallback");
 var _errorBoundaryBase = require("./error-boundary-base");
+var _errorBoundaryFallback = require("./error-boundary-fallback");
 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) {

package/dist/cjs/ui/index.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.testIds = exports.PACKAGE_DATA = exports.ComposedLinkPicker = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _analyticsNext = require("@atlaskit/analytics-next");
 var _react = _interopRequireWildcard(require("react"));
 var _reactLooselyLazy = require("react-loosely-lazy");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _constants = require("../common/constants");
+var _sessionProvider = require("../controllers/session-provider");
 var _version = require("../version.json");
 var _errorBoundary = require("./error-boundary");
 var _loaderFallback = require("./loader-fallback");
-var _sessionProvider = require("../controllers/session-provider");
 var _messagesProvider = require("./messages-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; }

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

@@ -8,14 +8,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.testIds = exports.FormFooter = 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 _react = require("react");
+var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireWildcard(require("@atlaskit/button"));
 var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
+var _errors = require("../../../common/utils/errors");
 var _styled = require("./styled");
 var _utils = require("./utils");
-var _errors = require("../../../common/utils/errors");
 var _excluded = ["isLoading", "error", "url", "queryState", "items", "isEditing", "onCancel", "action"];
 /** @jsx jsx */
 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); }
@@ -43,7 +43,7 @@ var testIds = {
   actionButton: 'link-picker-action-button'
 };
 exports.testIds = testIds;
-var FormFooter = /*#__PURE__*/(0, _react2.memo)(function (_ref) {
+var FormFooter = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var isLoading = _ref.isLoading,
     error = _ref.error,
     url = _ref.url,
@@ -59,23 +59,23 @@ var FormFooter = /*#__PURE__*/(0, _react2.memo)(function (_ref) {
   }
   var isSubmitDisabled = (0, _utils.checkSubmitDisabled)(isLoading, error, url, queryState, items);
   var insertButtonMsg = isEditing ? messages.saveButton : messages.insertButton;
-  return (0, _react.jsx)("footer", (0, _extends2.default)({
+  return (0, _react2.jsx)("footer", (0, _extends2.default)({
     css: _styled.formFooterStyles
-  }, restProps), action && (0, _react.jsx)("div", {
+  }, restProps), action && (0, _react2.jsx)("div", {
     css: _styled.formFooterActionStyles
-  }, (0, _react.jsx)(_button.default, {
+  }, (0, _react2.jsx)(_button.default, {
     testId: testIds.actionButton,
     onClick: action.callback,
     appearance: "default",
-    iconBefore: (0, _react.jsx)(_add.default, {
+    iconBefore: (0, _react2.jsx)(_add.default, {
       label: "",
       size: "medium"
     })
-  }, typeof action.label === 'string' ? action.label : intl.formatMessage(action.label))), (0, _react.jsx)(_button.ButtonGroup, null, (0, _react.jsx)(_button.default, {
+  }, typeof action.label === 'string' ? action.label : intl.formatMessage(action.label))), (0, _react2.jsx)(_button.ButtonGroup, null, (0, _react2.jsx)(_button.default, {
     appearance: "subtle",
     onClick: onCancel,
     testId: testIds.cancelButton
-  }, intl.formatMessage(messages.cancelButton)), (0, _react.jsx)(_button.default, {
+  }, intl.formatMessage(messages.cancelButton)), (0, _react2.jsx)(_button.default, {
     type: "submit",
     appearance: "primary",
     testId: testIds.insertButton,

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

@@ -1,58 +1,41 @@
 "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.RECENT_SEARCH_LIST_SIZE = exports.LinkPicker = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.testIds = exports.LinkPicker = void 0;
 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 _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
-var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
-var _constants = require("../../common/constants");
-var _analytics2 = require("../../common/analytics");
 var _url2 = require("@atlaskit/linking-common/url");
 var _userAgent = require("@atlaskit/linking-common/user-agent");
+var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
+var _analytics = require("../../common/analytics");
+var _constants = require("../../common/constants");
+var _analytics2 = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
+var _handleNavKeyDown = require("../../common/utils/handleNavKeyDown");
 var _usePlugins2 = require("../../services/use-plugins");
 var _useSearchQuery = require("../../services/use-search-query");
-var _useFixHeight = require("../../controllers/use-fix-height");
-var _messages = require("./messages");
-var _textInput = require("./text-input");
-var _styled = require("./styled");
 var _announcer = require("./announcer");
-var _scrollingTabs = require("../scrolling-tabs");
-var _linkSearchList = require("./link-search-list");
-var _linkSearchError = require("./link-search-error");
 var _formFooter = require("./form-footer");
-var _utils = require("./utils");
-var _trackTabViewed = require("./track-tab-viewed");
+var _messages = require("./messages");
+var _searchResults = require("./search-results");
+var _styled = require("./styled");
+var _textInput = require("./text-input");
 var _trackMount = require("./track-mount");
-var _styled2 = require("./link-search-list/styled");
-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 _utils = require("./utils");
 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; } /** @jsx jsx */
-var RECENT_SEARCH_LIST_SIZE = 5;
-exports.RECENT_SEARCH_LIST_SIZE = RECENT_SEARCH_LIST_SIZE;
-var testIds = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+var testIds = _objectSpread(_objectSpread(_objectSpread({
   linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
   urlInputField: 'link-url',
-  textInputField: 'link-text',
-  searchIcon: 'link-picker-search-icon'
-}, _formFooter.testIds), _linkSearchError.testIds), _linkSearchList.testIds), _textInput.testIds), {}, {
-  tabList: 'link-picker-tabs',
-  tabItem: 'link-picker-tab'
-});
+  textInputField: 'link-text'
+}, _searchResults.testIds), _formFooter.testIds), _textInput.testIds);
 exports.testIds = testIds;
 var initState = {
   url: '',
@@ -83,14 +66,13 @@ var getLinkFieldContent = function getLinkFieldContent(value) {
   }
   return (0, _url2.isSafeUrl)(value) ? 'url' : 'text_string';
 };
-var LinkInputField = (0, _analytics2.withInputFieldTracking)(_textInput.TextInput, 'link', function (event, attributes) {
+var LinkInputField = (0, _analytics.withInputFieldTracking)(_textInput.TextInput, 'link', function (event, attributes) {
   return _objectSpread(_objectSpread({}, attributes), {}, {
     linkFieldContent: getLinkFieldContent(event.currentTarget.value)
   });
 });
-var DisplayTextInputField = (0, _analytics2.withInputFieldTracking)(_textInput.TextInput, 'displayText');
-var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref) {
-  var _activePlugin$errorFa, _activePlugin$errorFa2;
+var DisplayTextInputField = (0, _analytics.withInputFieldTracking)(_textInput.TextInput, 'displayText');
+var LinkPicker = (0, _analytics.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var onSubmit = _ref.onSubmit,
     onCancel = _ref.onCancel,
     onContentResize = _ref.onContentResize,
@@ -126,11 +108,10 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
     error = _usePlugins.error,
     retry = _usePlugins.retry,
     pluginAction = _usePlugins.pluginAction;
-  var fixListHeightProps = (0, _useFixHeight.useFixHeight)(isLoadingResults);
   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)(),
+  var _useLinkPickerAnalyti = (0, _analytics.useLinkPickerAnalytics)(),
     trackAttribute = _useLinkPickerAnalyti.trackAttribute,
     getAttributes = _useLinkPickerAnalyti.getAttributes;
   (0, _react.useLayoutEffect)(function () {
@@ -163,7 +144,7 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
     handleClear('url');
   }, [trackAttribute, handleClear]);
   var handleInsert = (0, _react.useCallback)(function (url, title, inputType) {
-    var event = createAnalyticsEvent((0, _analytics.default)('ui.form.submitted.linkPicker', {}));
+    var event = createAnalyticsEvent((0, _analytics2.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!
@@ -266,7 +247,7 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
         handleSubmit();
       }
     } else {
-      updatedIndex = (0, _utils.handleNavKeyDown)(event, items.length, activeIndex);
+      updatedIndex = (0, _handleNavKeyDown.handleNavKeyDown)(event, items.length, activeIndex);
     }
     var item = items[updatedIndex];
     if (['Enter', 'ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key) && item) {
@@ -293,19 +274,6 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
   // 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 = (0, _userAgent.browser)().safari && (0, _utils.getScreenReaderText)(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
-  var searchIcon = isActivePlugin && (0, _react2.jsx)("span", {
-    css: _styled.searchIconStyles,
-    "data-testid": testIds.searchIcon
-  }, (0, _react2.jsx)(_search.default, {
-    size: "medium",
-    label: ''
-  }));
-  var tabList = (0, _react2.jsx)(_tabs.TabList, null, tabs.map(function (tab) {
-    return (0, _react2.jsx)(_tabs.Tab, {
-      key: tab.tabTitle,
-      testId: testIds.tabItem
-    }, tab.tabTitle);
-  }));
   return (0, _react2.jsx)("form", {
     "data-testid": testIds.linkPicker,
     css: _styled.rootContainerStyles,
@@ -326,7 +294,6 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
     placeholder: intl.formatMessage(messages.linkPlaceholder),
     value: url,
     autoFocus: true,
-    elemBeforeInput: searchIcon,
     clearLabel: intl.formatMessage(_messages.formMessages.clearLink),
     "aria-expanded": true,
     "aria-autocomplete": "list",
@@ -349,35 +316,25 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
     "aria-label": intl.formatMessage(_messages.linkTextMessages.linkTextAriaLabel),
     onClear: handleClear,
     onChange: handleChangeText
-  }), isLoadingPlugins && !!queryState && (0, _react2.jsx)("div", {
-    css: _styled2.spinnerContainerStyles
-  }, (0, _react2.jsx)(_spinner.default, {
-    testId: testIds.tabsLoadingIndicator,
-    size: "medium"
-  })), !isLoadingPlugins && isActivePlugin && !!queryState && (0, _react2.jsx)(_react.Fragment, null, tabs.length > 0 && (0, _react2.jsx)("div", {
-    css: _styled.tabsWrapperStyles
-  }, (0, _react2.jsx)(_tabs.default, {
-    id: testIds.tabList,
-    testId: testIds.tabList,
-    selected: activeTab,
-    onChange: handleTabChange
-  }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? (0, _react2.jsx)(_scrollingTabs.ScrollingTabList, null, tabList) : tabList), (0, _react2.jsx)(_trackTabViewed.TrackTabViewed, {
-    activePlugin: activePlugin
-  })), (0, _react2.jsx)("div", (0, _extends2.default)({
-    css: _styled.flexColumnStyles
-  }, fixListHeightProps), !error && (0, _react2.jsx)(_linkSearchList.LinkSearchList, {
-    id: linkSearchListId,
-    role: "listbox",
-    items: items,
-    isLoading: isLoadingResults,
-    selectedIndex: selectedIndex,
+  }), !!queryState && (0, _react2.jsx)(_searchResults.SearchResults, {
+    activeTab: activeTab,
+    tabs: tabs,
+    activePlugin: activePlugin,
+    isLoadingResults: isLoadingResults,
+    isLoadingPlugins: isLoadingPlugins,
+    linkSearchListId: linkSearchListId,
+    error: error,
+    featureFlags: featureFlags,
     activeIndex: activeIndex,
-    onSelect: handleSelected,
-    onChange: handleSearchListOnChange,
-    onKeyDown: handleKeyDown,
-    hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
-    activePlugin: activePlugin
-  }), error && ((_activePlugin$errorFa = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : (0, _react2.jsx)(_linkSearchError.LinkSearchError, null)))), (0, _react2.jsx)(_formFooter.FormFooter, {
+    selectedIndex: selectedIndex,
+    items: items,
+    queryState: queryState,
+    handleKeyDown: handleKeyDown,
+    handleSelected: handleSelected,
+    handleTabChange: handleTabChange,
+    handleSearchListOnChange: handleSearchListOnChange,
+    retry: retry
+  }), (0, _react2.jsx)(_formFooter.FormFooter, {
     error: error,
     items: items
     /** If the results section appears to be loading, impact whether the submit button is disabled */,

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

@@ -0,0 +1,90 @@
+"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.SearchResults = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
+var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
+var _useFixHeight = require("../../../controllers/use-fix-height");
+var _linkSearchError = require("./link-search-error");
+var _linkSearchList = require("./link-search-list");
+var _scrollingTabs = require("./scrolling-tabs");
+var _styled = require("./styled");
+var _trackTabViewed = require("./track-tab-viewed");
+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; } /** @jsx jsx */
+var testIds = _objectSpread(_objectSpread(_objectSpread({}, _linkSearchError.testIds), _linkSearchList.testIds), {}, {
+  tabsLoadingIndicator: 'link-picker.tabs-loading-indicator',
+  tabList: 'link-picker-tabs',
+  tabItem: 'link-picker-tab'
+});
+exports.testIds = testIds;
+var SearchResults = function SearchResults(_ref) {
+  var _activePlugin$errorFa, _activePlugin$errorFa2;
+  var tabs = _ref.tabs,
+    activeTab = _ref.activeTab,
+    activePlugin = _ref.activePlugin,
+    isLoadingPlugins = _ref.isLoadingPlugins,
+    isLoadingResults = _ref.isLoadingResults,
+    handleTabChange = _ref.handleTabChange,
+    handleSearchListOnChange = _ref.handleSearchListOnChange,
+    featureFlags = _ref.featureFlags,
+    linkSearchListId = _ref.linkSearchListId,
+    error = _ref.error,
+    queryState = _ref.queryState,
+    items = _ref.items,
+    activeIndex = _ref.activeIndex,
+    selectedIndex = _ref.selectedIndex,
+    handleSelected = _ref.handleSelected,
+    handleKeyDown = _ref.handleKeyDown,
+    retry = _ref.retry;
+  var isActivePlugin = !!activePlugin;
+
+  // This will be redundant if we move towards fixed height search results section
+  var fixListHeightProps = (0, _useFixHeight.useFixHeight)(isLoadingResults);
+  var tabList = (0, _react2.jsx)(_tabs.TabList, null, tabs.map(function (tab) {
+    return (0, _react2.jsx)(_tabs.Tab, {
+      key: tab.tabTitle,
+      testId: testIds.tabItem
+    }, tab.tabTitle);
+  }));
+  return (0, _react2.jsx)(_react.Fragment, null, isLoadingPlugins && !!queryState && (0, _react2.jsx)("div", {
+    css: _styled.spinnerContainerStyles
+  }, (0, _react2.jsx)(_spinner.default, {
+    testId: testIds.tabsLoadingIndicator,
+    size: "medium"
+  })), !isLoadingPlugins && isActivePlugin && !!queryState && (0, _react2.jsx)(_react.Fragment, null, tabs.length > 0 && (0, _react2.jsx)("div", {
+    css: _styled.tabsWrapperStyles
+  }, (0, _react2.jsx)(_tabs.default, {
+    id: testIds.tabList,
+    testId: testIds.tabList,
+    selected: activeTab,
+    onChange: handleTabChange
+  }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? (0, _react2.jsx)(_scrollingTabs.ScrollingTabList, null, tabList) : tabList), (0, _react2.jsx)(_trackTabViewed.TrackTabViewed, {
+    activePlugin: activePlugin
+  })), (0, _react2.jsx)("div", (0, _extends2.default)({
+    css: _styled.flexColumnStyles
+  }, fixListHeightProps), !error && (0, _react2.jsx)(_linkSearchList.LinkSearchList, {
+    id: linkSearchListId,
+    role: "listbox",
+    items: items,
+    isLoading: isLoadingResults,
+    selectedIndex: selectedIndex,
+    activeIndex: activeIndex,
+    onSelect: handleSelected,
+    onChange: handleSearchListOnChange,
+    onKeyDown: handleKeyDown,
+    hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
+    activePlugin: activePlugin
+  }), error && ((_activePlugin$errorFa = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : (0, _react2.jsx)(_linkSearchError.LinkSearchError, null)))));
+};
+exports.SearchResults = SearchResults;

package/dist/cjs/ui/link-picker/{link-search-error → search-results/link-search-error}/index.js

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
-var _genericErrorSvg = require("../../../common/generic-error-svg");
+var _genericErrorSvg = require("../../../../common/generic-error-svg");
 /** @jsx jsx */
 
 var CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';