@atlaskit/link-picker 1.25.3 → 1.25.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-picker
 
+## 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,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.COMPONENT_NAME = exports.ANALYTICS_CHANNEL = void 0;
+exports.RECENT_SEARCH_LIST_SIZE = 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;

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/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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.RECENT_SEARCH_LIST_SIZE = exports.LinkPicker = void 0;
+exports.testIds = exports.LinkPicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -13,42 +13,39 @@ 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 _url2 = require("@atlaskit/linking-common/url");
+var _userAgent = require("@atlaskit/linking-common/user-agent");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 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 _analytics = require("../../common/analytics");
 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 _analytics2 = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
+var _handleNavKeyDown = require("../../common/utils/handleNavKeyDown");
+var _useFixHeight = require("../../controllers/use-fix-height");
 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 _linkSearchError = require("./link-search-error");
+var _linkSearchList = require("./link-search-list");
+var _styled = require("./link-search-list/styled");
+var _messages = require("./messages");
+var _scrollingTabs = require("./scrolling-tabs");
+var _styled2 = require("./styled");
+var _textInput = require("./text-input");
 var _trackMount = require("./track-mount");
-var _styled2 = require("./link-search-list/styled");
+var _trackTabViewed = require("./track-tab-viewed");
+var _utils = require("./utils");
 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 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',
   urlInputField: 'link-url',
-  textInputField: 'link-text',
-  searchIcon: 'link-picker-search-icon'
+  textInputField: 'link-text'
 }, _formFooter.testIds), _linkSearchError.testIds), _linkSearchList.testIds), _textInput.testIds), {}, {
   tabList: 'link-picker-tabs',
   tabItem: 'link-picker-tab'
@@ -83,13 +80,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 DisplayTextInputField = (0, _analytics.withInputFieldTracking)(_textInput.TextInput, 'displayText');
+var LinkPicker = (0, _analytics.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var _activePlugin$errorFa, _activePlugin$errorFa2;
   var onSubmit = _ref.onSubmit,
     onCancel = _ref.onCancel,
@@ -130,7 +127,7 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
   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 +160,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 +263,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,13 +290,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,
@@ -308,7 +298,7 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
   }));
   return (0, _react2.jsx)("form", {
     "data-testid": testIds.linkPicker,
-    css: _styled.rootContainerStyles,
+    css: _styled2.rootContainerStyles,
     onSubmit: handleSubmit
   }, (0, _react2.jsx)(_trackMount.TrackMount, null), screenReaderText && (0, _react2.jsx)(_announcer.Announcer, {
     ariaLive: "assertive",
@@ -326,7 +316,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",
@@ -350,12 +339,12 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
     onClear: handleClear,
     onChange: handleChangeText
   }), isLoadingPlugins && !!queryState && (0, _react2.jsx)("div", {
-    css: _styled2.spinnerContainerStyles
+    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
+    css: _styled2.tabsWrapperStyles
   }, (0, _react2.jsx)(_tabs.default, {
     id: testIds.tabList,
     testId: testIds.tabList,
@@ -364,7 +353,7 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
   }, 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
+    css: _styled2.flexColumnStyles
   }, fixListHeightProps), !error && (0, _react2.jsx)(_linkSearchList.LinkSearchList, {
     id: linkSearchListId,
     role: "listbox",
@@ -387,7 +376,7 @@ var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(
     isEditing: isEditing,
     onCancel: onCancel,
     action: pluginAction,
-    css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? _styled.formFooterMargin : undefined
+    css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? _styled2.formFooterMargin : undefined
   }));
 }));
 exports.LinkPicker = LinkPicker;

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

@@ -10,16 +10,16 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-var _listItem = require("../list-item");
-var _styled = require("./styled");
+var _handleNavKeyDown = require("../../../common/utils/handleNavKeyDown");
 var _linkSearchNoResults = require("./link-search-no-results");
+var _styled = require("./link-search-no-results/styled");
+var _listItem = require("./list-item");
+var _styled2 = require("./styled");
 var _useTrackResultsShown = require("./use-track-results-shown");
-var _utils = require("../utils");
-var _styled2 = require("./link-search-no-results/styled");
 var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "role", "id", "hasSearchTerm", "activePlugin"];
 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 */
@@ -98,7 +98,7 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     if (!(items !== null && items !== void 0 && items.length)) {
       return;
     }
-    updatedIndex = (0, _utils.handleNavKeyDown)(event, items.length, activeIndex);
+    updatedIndex = (0, _handleNavKeyDown.handleNavKeyDown)(event, items.length, activeIndex);
     var item = items === null || items === void 0 ? void 0 : items[updatedIndex];
     if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key) && item) {
       onChange(item.objectId);
@@ -114,7 +114,7 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         return (0, _react2.jsx)(_linkSearchNoResults.NoResults, null);
       } else {
         return (0, _react2.jsx)("div", {
-          css: _styled2.emptyStateNoResultsWrapper
+          css: _styled.emptyStateNoResultsWrapper
         }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null);
       }
     } else {
@@ -123,7 +123,7 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }
   if (items && items.length > 0) {
     itemsContent = (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
-      css: _styled.listTitleStyles,
+      css: _styled2.listTitleStyles,
       id: testIds.resultListTitle,
       "data-testid": testIds.resultListTitle
     }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, linkListTitle)), (0, _react2.jsx)(_visuallyHidden.default, {
@@ -137,7 +137,7 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }))), (0, _react2.jsx)("ul", {
       id: id,
       role: role,
-      css: _styled.listStyles,
+      css: _styled2.listStyles,
       "aria-controls": "fabric.smartcard.linkpicker.suggested.results",
       "aria-labelledby": testIds.resultListTitle,
       "data-testid": testIds.searchResultList
@@ -161,7 +161,7 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }
   if (isLoading) {
     loadingContent = (0, _react2.jsx)("div", {
-      css: _styled.spinnerContainerStyles
+      css: _styled2.spinnerContainerStyles
     }, (0, _react2.jsx)(_spinner.default, {
       testId: testIds.searchResultLoadingIndicator,
       size: "medium"
@@ -169,7 +169,7 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     ref: ref,
-    css: _styled.listContainerStyles
+    css: _styled2.listContainerStyles
   }, restProps), itemsContent, loadingContent);
 });
 exports.LinkSearchList = LinkSearchList;

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.testIds = exports.messages = exports.NoResults = 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 _noResultsSvg = require("./no-results-svg");
 var _styled = require("./styled");
 /** @jsx jsx */

package/dist/cjs/ui/link-picker/{list-item → link-search-list/list-item}/index.js

@@ -7,10 +7,12 @@ exports.testIds = exports.LinkSearchListItem = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _transformTimeStamp = require("../transformTimeStamp");
+var _transformTimeStamp = require("../../transformTimeStamp");
 var _styled = require("./styled");
 /** @jsx jsx */
 
+/* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
+
 var testIds = {
   searchResultItem: 'link-search-list-item',
   searchResultIcon: 'link-search-list-item-icon'

package/dist/cjs/ui/link-picker/{list-item → link-search-list/list-item}/styled.js

@@ -8,9 +8,11 @@ exports.relativeFontSizeToBase16 = exports.listItemNameStyles = exports.listItem
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-var _theme = require("@atlaskit/theme");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13; // AFP-2532 TODO: Fix automatic suppressions below
+var _constants = require("@atlaskit/theme/constants");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
+
 var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
   if (typeof px === 'string') {
     px = parseInt(px);
@@ -35,7 +37,7 @@ var itemNameStyles = (0, _react.css)(_templateObject7 || (_templateObject7 = (0,
 exports.itemNameStyles = itemNameStyles;
 var listItemNameStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), "var(--ds-text, ".concat(_colors.N800, ")"));
 exports.listItemNameStyles = listItemNameStyles;
-var listItemContextStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", "px;\n  display: flex;\n"])), "var(--ds-text, ".concat(_colors.N300, ")"), relativeFontSizeToBase16((0, _theme.fontSizeSmall)()), (0, _theme.fontSize)());
+var listItemContextStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", "px;\n  display: flex;\n"])), "var(--ds-text, ".concat(_colors.N300, ")"), relativeFontSizeToBase16((0, _constants.fontSizeSmall)()), (0, _constants.fontSize)());
 exports.listItemContextStyles = listItemContextStyles;
 var listItemContainerStyles = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 exports.listItemContainerStyles = listItemContainerStyles;

package/dist/cjs/ui/{scrolling-tabs → link-picker/scrolling-tabs}/index.js

@@ -29,6 +29,8 @@ var initialConditionalButtonsState = {
   back: false,
   forward: false
 };
+
+/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 var ScrollingTabList = function ScrollingTabList(props) {
   var ref = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(initialConditionalButtonsState),
@@ -106,6 +108,7 @@ var ScrollingTabList = function ScrollingTabList(props) {
       }
       return function () {
         if (scrollingContainer) {
+          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
           scrollingContainer.removeEventListener('scroll', handleConditionalButtonsChange);
         }
         if (tabs.length) {

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

@@ -4,38 +4,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tabsWrapperStyles = exports.searchIconStyles = exports.rootContainerStylesForLoaderWithoutDisplaytext = exports.rootContainerStylesForLoaderWithDisplaytext = exports.rootContainerStyles = exports.formFooterMargin = exports.flexColumnStyles = void 0;
+exports.tabsWrapperStyles = exports.rootContainerStyles = exports.formFooterMargin = exports.flexColumnStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var LINK_PICKER_WIDTH_IN_PX = 342;
 
-// See lazy-load-height example to verify these
-var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT = 142;
-var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT = 220;
-
 /**
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
 var rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n  padding: ", " ", "\n    ", ";\n  box-sizing: border-box;\n  line-height: initial;\n"])), LINK_PICKER_WIDTH_IN_PX, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
-
-/** Styles for skeleton element when Link Picker loading */
 exports.rootContainerStyles = rootContainerStyles;
-var rootContainerStylesForLoader = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), rootContainerStyles);
-
-/** Link Picker loader / skeleton will be taller in height when displayText field is shown */
-var rootContainerStylesForLoaderWithDisplaytext = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT);
-
-/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
-exports.rootContainerStylesForLoaderWithDisplaytext = rootContainerStylesForLoaderWithDisplaytext;
-var rootContainerStylesForLoaderWithoutDisplaytext = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT);
-exports.rootContainerStylesForLoaderWithoutDisplaytext = rootContainerStylesForLoaderWithoutDisplaytext;
-var searchIconStyles = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n  color: ", ";\n  cursor: default;\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N500, ")"));
-exports.searchIconStyles = searchIconStyles;
-var tabsWrapperStyles = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  margin-left: calc(-1 * ", ");\n  margin-right: calc(-1 * ", ");\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+var tabsWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  margin-left: calc(-1 * ", ");\n  margin-right: calc(-1 * ", ");\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
 exports.tabsWrapperStyles = tabsWrapperStyles;
-var flexColumnStyles = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
+var flexColumnStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
 exports.flexColumnStyles = flexColumnStyles;
-var formFooterMargin = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
+var formFooterMargin = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
 exports.formFooterMargin = formFooterMargin;