@atlaskit/link-picker 1.25.3 → 1.25.5

package/dist/cjs/ui/link-picker/{link-search-list → search-results/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 → search-results/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 → search-results/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'
@@ -52,7 +54,6 @@ var ListItemIcon = function ListItemIcon(props) {
 var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var item = _ref.item,
     selected = _ref.selected,
-    active = _ref.active,
     id = _ref.id,
     role = _ref.role,
     onSelect = _ref.onSelect,

package/dist/cjs/ui/link-picker/{list-item → search-results/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);
@@ -21,7 +23,7 @@ var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
   return "".concat(px / 16, "rem");
 };
 exports.relativeFontSizeToBase16 = relativeFontSizeToBase16;
-var listItemBaseStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: ", " ", ";\n  margin: 0 calc(-1 * ", ");\n  cursor: pointer;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
+var listItemBaseStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: ", " ", ";\n  margin: 0;\n  cursor: pointer;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)");
 var listItemFocusStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ", " inset;\n    text-decoration: none;\n  }\n"])), "var(--ds-border-focused, ".concat(_colors.B100, ")"));
 var listItemBoxShadow = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-border-selected, ".concat(_colors.B400, ")"));
 var listItemActive = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  &:hover {\n    background-color: ", ";\n    ", ";\n  }\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), listItemBoxShadow);
@@ -35,13 +37,13 @@ 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;
 var listItemContainerInnerStyles = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  white-space: nowrap;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"));
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 exports.listItemContainerInnerStyles = listItemContainerInnerStyles;
 var itemIconStyles = (0, _react.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", ";\n  margin-top: 3px;\n  margin-right: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-150, 12px)");
 exports.itemIconStyles = itemIconStyles;

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

@@ -14,7 +14,7 @@ var listContainerStyles = (0, _react.css)(_templateObject || (_templateObject =
 exports.listContainerStyles = listContainerStyles;
 var spinnerContainerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  min-height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n"])));
 exports.spinnerContainerStyles = spinnerContainerStyles;
-var listStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0;\n  margin: 0;\n  list-style: none;\n"])));
+var listStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0;\n  margin: 0 calc(-1 * ", ");\n  list-style: none;\n"])), "var(--ds-space-200, 16px)");
 exports.listStyles = listStyles;
 var listTitleStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  text-transform: uppercase;\n  margin-top: 0;\n  margin-bottom: ", ";\n"])), _theme.typography.h100(), "var(--ds-space-050, 4px)");
 exports.listTitleStyles = listTitleStyles;

package/dist/cjs/ui/link-picker/{link-search-list → search-results/link-search-list}/use-track-results-shown/index.js

@@ -9,8 +9,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _useDebounce3 = require("use-debounce");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _constants = require("../../../../common/constants");
-var _analytics = _interopRequireDefault(require("../../../../common/utils/analytics/analytics.codegen"));
+var _constants = require("../../../../../common/constants");
+var _analytics = _interopRequireDefault(require("../../../../../common/utils/analytics/analytics.codegen"));
 var DEBOUNCE_MS = 400;
 var useTrackResultsShown = function useTrackResultsShown(isLoading, items, hasSearchTerm) {
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),

package/dist/cjs/ui/{scrolling-tabs → link-picker/search-results/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/search-results/styled.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tabsWrapperStyles = exports.spinnerContainerStyles = exports.flexColumnStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _templateObject, _templateObject2, _templateObject3;
+var tabsWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (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 spinnerContainerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n"])));
+exports.spinnerContainerStyles = spinnerContainerStyles;
+var flexColumnStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
+exports.flexColumnStyles = flexColumnStyles;

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.TrackTabViewed = TrackTabViewed;
 var _react = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
-var _constants = require("../../../common/constants");
+var _constants = require("../../../../common/constants");
+var _analytics = _interopRequireDefault(require("../../../../common/utils/analytics/analytics.codegen"));
 /** @jsx jsx */
 
 function TrackTabViewed(_ref) {

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;

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

@@ -10,12 +10,12 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _form = require("@atlaskit/form");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
-var _conditionalSpotlightTargetWrapper = require("../conditional-spotlight-target-wrapper");
-var _utils = require("../utils");
+var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _conditionalSpotlightTargetWrapper = require("./conditional-spotlight-target-wrapper");
 var _styled = require("./styled");
+var _utils = require("./utils");
 var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
 /** @jsx jsx */
 var testIds = {

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isUndoEvent = exports.isRedoEvent = void 0;
+var _userAgent = require("@atlaskit/linking-common/user-agent");
+var KeyZCode = 90;
+var KeyYCode = 89;
+var isUndoEvent = function isUndoEvent(e) {
+  var _browser = (0, _userAgent.browser)(),
+    mac = _browser.mac;
+  return e.keyCode === KeyZCode && (
+  // cmd + z for mac
+  mac && e.metaKey && !e.shiftKey ||
+  // ctrl + z for non-mac
+  !mac && e.ctrlKey);
+};
+exports.isUndoEvent = isUndoEvent;
+var isRedoEvent = function isRedoEvent(e) {
+  var _browser2 = (0, _userAgent.browser)(),
+    mac = _browser2.mac;
+  return (
+    // ctrl + y for non-mac
+    !mac && e.ctrlKey && e.keyCode === KeyYCode || mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
+  );
+};
+exports.isRedoEvent = isRedoEvent;

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

@@ -8,8 +8,8 @@ exports.TrackMount = TrackMount;
 var _react = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _experiences = require("../../../common/analytics/experiences");
-var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _constants = require("../../../common/constants");
+var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _sessionProvider = require("../../../controllers/session-provider");
 /** @jsx jsx */
 

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformTimeStamp = void 0;
-var _messages = require("./messages");
+var _isYesterday = _interopRequireDefault(require("date-fns/isYesterday"));
 var _date = require("../../common/utils/date");
 var _dateUtils = require("../../common/utils/dateUtils");
-var _isYesterday = _interopRequireDefault(require("date-fns/isYesterday"));
+var _messages = require("./messages");
 var formatTime = function formatTime(timeStamp, intl) {
   var isAbsolute = (0, _date.isMoreThanOneWeekAgo)(timeStamp);
   if (isAbsolute) {

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

@@ -5,34 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getDataSource = void 0;
 exports.getScreenReaderText = getScreenReaderText;
-exports.isUndoEvent = exports.isRedoEvent = exports.handleNavKeyDown = void 0;
-var _userAgent = require("@atlaskit/linking-common/user-agent");
 var _transformTimeStamp = require("./transformTimeStamp");
-var KeyZCode = 90;
-var KeyYCode = 89;
-var isUndoEvent = function isUndoEvent(e) {
-  var _browser = (0, _userAgent.browser)(),
-    mac = _browser.mac;
-  return e.keyCode === KeyZCode && (
-  // cmd + z for mac
-  mac && e.metaKey && !e.shiftKey ||
-  // ctrl + z for non-mac
-  !mac && e.ctrlKey);
-};
-exports.isUndoEvent = isUndoEvent;
-var isRedoEvent = function isRedoEvent(e) {
-  var _browser2 = (0, _userAgent.browser)(),
-    mac = _browser2.mac;
-  return (
-    // ctrl + y for non-mac
-    !mac && e.ctrlKey && e.keyCode === KeyYCode || mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
-  );
-};
-
 /**
  * Retrieve the data source for a link given the item and the plugin that resolved it
  */
-exports.isRedoEvent = isRedoEvent;
 var getDataSource = function getDataSource(item, plugin) {
   var _ref, _item$meta$source, _item$meta, _plugin$meta;
   return (_ref = (_item$meta$source = (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.source) !== null && _item$meta$source !== void 0 ? _item$meta$source : plugin === null || plugin === void 0 ? void 0 : (_plugin$meta = plugin.meta) === null || _plugin$meta === void 0 ? void 0 : _plugin$meta.source) !== null && _ref !== void 0 ? _ref : 'unknown';
@@ -48,27 +24,4 @@ function getScreenReaderText(items, selectedIndex, intl) {
     var date = (0, _transformTimeStamp.transformTimeStamp)(intl, lastViewedDate, lastUpdatedDate);
     return [name, container, date].filter(Boolean).join(', ');
   }
-}
-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/ui/loader-fallback/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LoaderFallback = void 0;
 var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _styled = require("../link-picker/styled");
+var _styled = require("./styled");
 /** @jsx jsx */
 
 /**

package/dist/cjs/ui/loader-fallback/styled.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rootContainerStylesForLoaderWithoutDisplaytext = exports.rootContainerStylesForLoaderWithDisplaytext = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _styled = require("../link-picker/styled");
+var _templateObject, _templateObject2, _templateObject3; // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+/** Link Picker loader / skeleton will be taller in height when displayText field is shown */ // 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;
+var rootContainerStylesForLoader = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), _styled.rootContainerStyles);
+var rootContainerStylesForLoaderWithDisplaytext = (0, _react.css)(_templateObject2 || (_templateObject2 = (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)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT);
+exports.rootContainerStylesForLoaderWithoutDisplaytext = rootContainerStylesForLoaderWithoutDisplaytext;

package/dist/cjs/version.json

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

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { AnalyticsListener } from '@atlaskit/analytics-next';
-import { ANALYTICS_CHANNEL } from '../constants';
 import { normalizeUrl } from '@atlaskit/linking-common/url';
+import { ANALYTICS_CHANNEL } from '../constants';
 const DEFAULT_CONTEXT_ATTRIBUTES = {
   linkState: 'newLink',
   linkFieldContent: null,

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

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useRef } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ANALYTICS_CHANNEL } from '../constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
-import { useLinkPickerAnalytics } from '.';
+import { ANALYTICS_CHANNEL } from '../constants';
+import { useLinkPickerAnalytics } from './index';
 const isEventWithInputType = e => {
   return typeof e === 'object' && e !== null && 'inputType' in e;
 };

package/dist/es2019/common/constants.js

@@ -1,2 +1,4 @@
 export const ANALYTICS_CHANNEL = 'media';
-export const COMPONENT_NAME = 'linkPicker';
+export const COMPONENT_NAME = 'linkPicker';
+export const RECENT_SEARCH_LIST_SIZE = 5;
+export const LINK_PICKER_WIDTH_IN_PX = 342;

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

@@ -0,0 +1,22 @@
+export const handleNavKeyDown = (event, itemsLength, activeIndex) => {
+  let 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;
+};

package/dist/es2019/i18n/en.js

@@ -32,5 +32,6 @@ export 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'
 };

package/dist/es2019/i18n/en_GB.js

@@ -32,5 +32,6 @@ export 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'
 };

package/dist/es2019/i18n/en_ZZ.js

@@ -32,5 +32,6 @@ export 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⁡‍⁡⁠‍‍⁡‌⁠⁡⁡‌⁠⁣⁤'
 };

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

@@ -1,12 +1,11 @@
-import { useEffect, useMemo, useState, useCallback } from 'react';
-import { convertToError } from '@atlaskit/frontend-utilities/convert-to-error';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { RECENT_SEARCH_LIST_SIZE } from '../../ui/link-picker';
+import { convertToError } from '@atlaskit/frontend-utilities/convert-to-error';
+import { useLinkPickerAnalytics } from '../../common/analytics';
+import { ANALYTICS_CHANNEL, RECENT_SEARCH_LIST_SIZE } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
-import { ANALYTICS_CHANNEL } from '../../common/constants';
-import { CancellationError, resolvePluginUpdates } from './utils';
 import { usePluginReducer } from './reducer';
-import { useLinkPickerAnalytics } from '../../common/analytics';
+import { CancellationError, resolvePluginUpdates } from './utils';
 export function usePlugins(state, activeTab, plugins) {
   var _activePlugin$tabKey;
   const {

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

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import EmptyState from '@atlaskit/empty-state';
 import { defineMessages, useIntl } from 'react-intl-next';
+import EmptyState from '@atlaskit/empty-state';
 import { GenericErrorSVG } from '../../../common/generic-error-svg';
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 import { rootContainerStyles } from '../../link-picker/styled';
 const messages = defineMessages({
   heading: {

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

@@ -1,11 +1,11 @@
 import React, { useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import createEventPayload from '../../common/utils/analytics/analytics.codegen';
-import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { failUfoExperience, ufoExperience } from '../../common/analytics/experiences';
+import { ANALYTICS_CHANNEL } from '../../common/constants';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { useLinkPickerSessionId } from '../../controllers/session-provider';
-import { ErrorBoundaryFallback } from './error-boundary-fallback';
 import { BaseErrorBoundary } from './error-boundary-base';
+import { ErrorBoundaryFallback } from './error-boundary-fallback';
 export function ErrorBoundary({
   children
 }) {

package/dist/es2019/ui/index.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { AnalyticsContext } from '@atlaskit/analytics-next';
 import React, { memo } from 'react';
-import { LazySuspense, lazyForPaint } from 'react-loosely-lazy';
+import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { COMPONENT_NAME } from '../common/constants';
+import { LinkPickerSessionProvider } from '../controllers/session-provider';
 import { name as packageName, version as packageVersion } from '../version.json';
 import { ErrorBoundary } from './error-boundary';
 import { LoaderFallback } from './loader-fallback';
-import { LinkPickerSessionProvider } from '../controllers/session-provider';
 import { MessagesProvider } from './messages-provider';
 export const testIds = {
   linkPickerRoot: 'link-picker-root'

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

@@ -1,4 +1,4 @@
-import React, { forwardRef, memo, useState, useEffect } from 'react';
+import React, { forwardRef, memo, useEffect, useState } from 'react';
 
 // How to use:
 // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#Preferring_specialized_live_region_roles