@atlaskit/link-picker 1.27.0 → 1.27.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/link-picker
 
+## 1.27.2
+
+### Patch Changes
+
+- [`fa3c0d93eae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fa3c0d93eae) - Improves fixed height display of link picker when 'platform.linking-platform.link-picker.fixed-height-search-results' is enabled.
+- Updated dependencies
+
+## 1.27.1
+
+### Patch Changes
+
+- [`3bebfdcc3ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3bebfdcc3ae) - [ux] Fix pt-BR messages
+
 ## 1.27.0
 
 ### Minor Changes

package/dist/cjs/common/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RECENT_SEARCH_LIST_SIZE = exports.LINK_PICKER_WIDTH_IN_PX = exports.LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = exports.LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = exports.LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = exports.LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = exports.LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK = exports.COMPONENT_NAME = exports.ANALYTICS_CHANNEL = void 0;
+exports.RECENT_SEARCH_LIST_SIZE = exports.LINK_PICKER_WIDTH_IN_PX = exports.LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK = exports.COMPONENT_NAME = exports.ANALYTICS_CHANNEL = void 0;
 var ANALYTICS_CHANNEL = 'media';
 exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;
 var COMPONENT_NAME = 'linkPicker';
@@ -12,13 +12,5 @@ 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;
-var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = '472px';
-exports.LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT;
-var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = '550px';
-exports.LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT;
-var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = '218px';
-exports.LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT;
-var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = '141px';
-exports.LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT;
 var LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK = '290px';
 exports.LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK = LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK;

package/dist/cjs/common/ui/min-height-container/styled.js

@@ -8,5 +8,5 @@ exports.minHeightComponentStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject;
-var minHeightComponentStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: var(--link-picker-min-height);\n"])));
+var minHeightComponentStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: stretch;\n  justify-content: center;\n  min-height: var(--link-picker-min-height);\n"])));
 exports.minHeightComponentStyles = minHeightComponentStyles;

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

@@ -316,7 +316,7 @@ var LinkPicker = (0, _analytics.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0
     "aria-label": intl.formatMessage(_messages.linkTextMessages.linkTextAriaLabel),
     onClear: handleClear,
     onChange: handleChangeText
-  }), !!queryState && (0, _react2.jsx)(_searchResults.SearchResults, {
+  }), !!queryState && (isLoadingPlugins || isActivePlugin) && (0, _react2.jsx)(_searchResults.SearchResults, {
     activeTab: activeTab,
     tabs: tabs,
     activePlugin: activePlugin,

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

@@ -16,6 +16,7 @@ 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 _searchResultsContainer = require("./search-results-container");
 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); }
@@ -57,7 +58,9 @@ var SearchResults = function SearchResults(_ref) {
       testId: testIds.tabItem
     }, tab.tabTitle);
   }));
-  return (0, _react2.jsx)(_react.Fragment, null, isLoadingPlugins && !!queryState && (0, _react2.jsx)("div", {
+  return (0, _react2.jsx)(_searchResultsContainer.SearchResultsContainer, (0, _extends2.default)({
+    hasTabs: !!tabs.length || isLoadingPlugins
+  }, fixListHeightProps), isLoadingPlugins && !!queryState && (0, _react2.jsx)("div", {
     css: _styled.spinnerContainerStyles
   }, (0, _react2.jsx)(_spinner.default, {
     testId: testIds.tabsLoadingIndicator,
@@ -71,9 +74,7 @@ var SearchResults = function SearchResults(_ref) {
     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, {
+  })), !error && (0, _react2.jsx)(_linkSearchList.LinkSearchList, {
     id: linkSearchListId,
     role: "listbox",
     items: items,
@@ -85,6 +86,6 @@ var SearchResults = function SearchResults(_ref) {
     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)))));
+  }), 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/search-results/link-search-list/index.js

@@ -14,6 +14,7 @@ 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 _minHeightContainer = require("../../../../common/ui/min-height-container");
 var _handleNavKeyDown = require("../../../../common/utils/handleNavKeyDown");
 var _linkSearchNoResults = require("./link-search-no-results");
 var _styled = require("./link-search-no-results/styled");
@@ -155,7 +156,8 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     })));
   }
   if (isLoading) {
-    loadingContent = (0, _react2.jsx)("div", {
+    loadingContent = (0, _react2.jsx)(_minHeightContainer.MinHeightContainer, {
+      minHeight: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px',
       css: _styled2.spinnerContainerStyles
     }, (0, _react2.jsx)(_spinner.default, {
       testId: testIds.searchResultLoadingIndicator,

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

@@ -10,9 +10,9 @@ var _react = require("@emotion/react");
 var _theme = require("@atlaskit/theme");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-var listContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: 0;\n  min-height: 80px;\n  margin-top: ", ";\n  margin-bottom: ", ";\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
+var listContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  padding-top: 0;\n  min-height: 80px;\n  margin-top: ", ";\n  margin-bottom: ", ";\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
 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"])));
+var spinnerContainerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  flex-direction: column;\n  align-items: center;\n"])));
 exports.spinnerContainerStyles = spinnerContainerStyles;
 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;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchResultsContainer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _minHeightContainer = require("../../../../common/ui/min-height-container");
+var _styled = require("./styled");
+var _excluded = ["hasTabs"];
+/** @jsx jsx */
+var SearchResultsContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var hasTabs = _ref.hasTabs,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var minHeight = hasTabs ? '347px' : '302px';
+  var ffMinHeight = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
+  return (0, _react2.jsx)(_minHeightContainer.MinHeightContainer, (0, _extends2.default)({
+    ref: ref,
+    minHeight: ffMinHeight,
+    css: _styled.flexColumn
+  }, props));
+});
+exports.SearchResultsContainer = SearchResultsContainer;

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

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

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

@@ -10,7 +10,7 @@ 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"])));
+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  align-self: 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/styled.js

@@ -4,20 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tabsWrapperStyles = exports.rootContainerStyles = exports.formFooterMargin = exports.flexColumnStyles = void 0;
+exports.rootContainerStyles = exports.formFooterMargin = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../common/constants");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2;
 /**
  * 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: ", ";\n  padding: ", " ", "\n    ", ";\n  box-sizing: border-box;\n  line-height: initial;\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : "".concat(_constants.LINK_PICKER_WIDTH_IN_PX, "px"), "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
 exports.rootContainerStyles = rootContainerStyles;
-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)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
-exports.flexColumnStyles = flexColumnStyles;
-var formFooterMargin = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
+var formFooterMargin = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
 exports.formFooterMargin = formFooterMargin;

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

@@ -8,10 +8,16 @@ exports.LoaderFallback = void 0;
 var _react = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _constants = require("../../common/constants");
 var _minHeightContainer = require("../../common/ui/min-height-container");
+var _styled = require("./styled");
 /** @jsx jsx */
 
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = '472px';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = '550px';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT = '505px';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITHOUT_DISPLAYTEXT = '429px';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = '218px';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = '141px';
 // EDM-7122: can delete these two consts once min height container for link picker is firm for the loader
 var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT = '142px';
 var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT = '220px';
@@ -20,10 +26,13 @@ var getEstimatedMinHeight = function getEstimatedMinHeight(_ref) {
     isLoadingPlugins = _ref.isLoadingPlugins,
     plugins = _ref.plugins;
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results')) {
-    if (plugins !== null && plugins !== void 0 && plugins.length || isLoadingPlugins) {
-      return hideDisplayText ? _constants.LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT : _constants.LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT;
+    if (plugins && plugins.length > 1 || isLoadingPlugins) {
+      return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT;
     }
-    return hideDisplayText ? _constants.LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT : _constants.LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT;
+    if ((plugins === null || plugins === void 0 ? void 0 : plugins.length) === 1) {
+      return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT;
+    }
+    return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT;
   }
   return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT;
 };
@@ -36,7 +45,8 @@ var LoaderFallback = function LoaderFallback(props) {
   var minHeight = getEstimatedMinHeight(props);
   return (0, _react.jsx)(_minHeightContainer.MinHeightContainer, {
     minHeight: minHeight,
-    "data-testid": "link-picker-root-loader-boundary-ui"
+    "data-testid": "link-picker-root-loader-boundary-ui",
+    css: _styled.styles
   }, (0, _react.jsx)(_spinner.default, {
     testId: "link-picker.component-loading-indicator",
     size: "medium"

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

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

package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js

@@ -25,7 +25,7 @@ var fetchMessagesForLocale = /*#__PURE__*/function () {
             }).then(function (s) {
               return _interopRequireWildcard(require(s));
             });
-          }( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(locale));
+          }( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(locale.replace('-', '_')));
         case 3:
           _messages = _context.sent;
           return _context.abrupt("return", _messages.default);

package/dist/cjs/version.json

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

package/dist/es2019/common/constants.js

@@ -2,8 +2,4 @@ export const ANALYTICS_CHANNEL = 'media';
 export const COMPONENT_NAME = 'linkPicker';
 export const RECENT_SEARCH_LIST_SIZE = 5;
 export const LINK_PICKER_WIDTH_IN_PX = 342;
-export const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = '472px';
-export const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = '550px';
-export const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = '218px';
-export const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = '141px';
 export const LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK = '290px';

package/dist/es2019/common/ui/min-height-container/styled.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 export const minHeightComponentStyles = css`
   display: flex;
-  align-items: center;
+  align-items: stretch;
   justify-content: center;
   min-height: var(--link-picker-min-height);
 `;

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

@@ -316,7 +316,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     "aria-label": intl.formatMessage(linkTextMessages.linkTextAriaLabel),
     onClear: handleClear,
     onChange: handleChangeText
-  }), !!queryState && jsx(SearchResults, {
+  }), !!queryState && (isLoadingPlugins || isActivePlugin) && jsx(SearchResults, {
     activeTab: activeTab,
     tabs: tabs,
     activePlugin: activePlugin,

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

@@ -8,7 +8,8 @@ import { useFixHeight } from '../../../controllers/use-fix-height';
 import { LinkSearchError, testIds as searchErrorTestIds } from './link-search-error';
 import { LinkSearchList, testIds as listTestIds } from './link-search-list';
 import { ScrollingTabList } from './scrolling-tabs';
-import { flexColumnStyles, spinnerContainerStyles, tabsWrapperStyles } from './styled';
+import { SearchResultsContainer } from './search-results-container';
+import { spinnerContainerStyles, tabsWrapperStyles } from './styled';
 import { TrackTabViewed } from './track-tab-viewed';
 export const testIds = {
   ...searchErrorTestIds,
@@ -45,7 +46,9 @@ export const SearchResults = ({
     key: tab.tabTitle,
     testId: testIds.tabItem
   }, tab.tabTitle)));
-  return jsx(Fragment, null, isLoadingPlugins && !!queryState && jsx("div", {
+  return jsx(SearchResultsContainer, _extends({
+    hasTabs: !!tabs.length || isLoadingPlugins
+  }, fixListHeightProps), isLoadingPlugins && !!queryState && jsx("div", {
     css: spinnerContainerStyles
   }, jsx(Spinner, {
     testId: testIds.tabsLoadingIndicator,
@@ -59,9 +62,7 @@ export const SearchResults = ({
     onChange: handleTabChange
   }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? jsx(ScrollingTabList, null, tabList) : tabList), jsx(TrackTabViewed, {
     activePlugin: activePlugin
-  })), jsx("div", _extends({
-    css: flexColumnStyles
-  }, fixListHeightProps), !error && jsx(LinkSearchList, {
+  })), !error && jsx(LinkSearchList, {
     id: linkSearchListId,
     role: "listbox",
     items: items,
@@ -73,5 +74,5 @@ export const SearchResults = ({
     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 : jsx(LinkSearchError, null)))));
+  }), 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 : jsx(LinkSearchError, null))));
 };

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

@@ -6,6 +6,7 @@ import { defineMessages, FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';
+import { MinHeightContainer } from '../../../../common/ui/min-height-container';
 import { handleNavKeyDown } from '../../../../common/utils/handleNavKeyDown';
 import { NoResults, testIds as noResultsTestIds } from './link-search-no-results';
 import { emptyStateNoResultsWrapper } from './link-search-no-results/styled';
@@ -139,7 +140,8 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
     }))));
   }
   if (isLoading) {
-    loadingContent = jsx("div", {
+    loadingContent = jsx(MinHeightContainer, {
+      minHeight: getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px',
       css: spinnerContainerStyles
     }, jsx(Spinner, {
       testId: testIds.searchResultLoadingIndicator,

package/dist/es2019/ui/link-picker/search-results/link-search-list/styled.js

@@ -4,6 +4,7 @@ import { css } from '@emotion/react';
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { typography } from '@atlaskit/theme';
 export const listContainerStyles = css`
+  width: 100%;
   padding-top: 0;
   min-height: 80px;
   margin-top: ${"var(--ds-space-200, 16px)"};
@@ -13,12 +14,9 @@ export const listContainerStyles = css`
   flex-direction: column;
 `;
 export const spinnerContainerStyles = css`
-  text-align: center;
-  min-height: 80px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   flex-grow: 1;
+  flex-direction: column;
+  align-items: center;
 `;
 export const listStyles = css`
   padding: 0;

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

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import { forwardRef } from 'react';
+import { jsx } from '@emotion/react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { MinHeightContainer } from '../../../../common/ui/min-height-container';
+import { flexColumn } from './styled';
+export const SearchResultsContainer = /*#__PURE__*/forwardRef(({
+  hasTabs,
+  ...props
+}, ref) => {
+  const minHeight = hasTabs ? '347px' : '302px';
+  const ffMinHeight = getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
+  return jsx(MinHeightContainer, _extends({
+    ref: ref,
+    minHeight: ffMinHeight,
+    css: flexColumn
+  }, props));
+});

package/dist/es2019/ui/link-picker/search-results/search-results-container/styled.js

@@ -0,0 +1,7 @@
+import { css } from '@emotion/react';
+export const flexColumn = css`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  width: 100%;
+`;

package/dist/es2019/ui/link-picker/search-results/styled.js

@@ -9,6 +9,7 @@ export const spinnerContainerStyles = css`
   display: flex;
   align-items: center;
   justify-content: center;
+  align-self: center;
   flex-grow: 1;
 `;
 export const flexColumnStyles = css`

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

@@ -12,15 +12,6 @@ export const rootContainerStyles = css`
   box-sizing: border-box;
   line-height: initial;
 `;
-export const tabsWrapperStyles = css`
-  margin-top: ${"var(--ds-space-150, 12px)"};
-  margin-left: calc(-1 * ${"var(--ds-space-100, 8px)"});
-  margin-right: calc(-1 * ${"var(--ds-space-100, 8px)"});
-`;
-export const flexColumnStyles = css`
-  display: flex;
-  flex-direction: column;
-`;
 export const formFooterMargin = css`
   margin-top: ${"var(--ds-space-200, 16px)"};
 `;

package/dist/es2019/ui/loader-fallback/index.js

@@ -2,8 +2,14 @@
 import { jsx } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
-import { LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT, LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT, LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT, LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT } from '../../common/constants';
 import { MinHeightContainer } from '../../common/ui/min-height-container';
+import { styles } from './styled';
+const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = '472px';
+const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = '550px';
+const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT = '505px';
+const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITHOUT_DISPLAYTEXT = '429px';
+const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = '218px';
+const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = '141px';
 // EDM-7122: can delete these two consts once min height container for link picker is firm for the loader
 const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT = '142px';
 const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT = '220px';
@@ -13,9 +19,12 @@ const getEstimatedMinHeight = ({
   plugins
 }) => {
   if (getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results')) {
-    if (plugins !== null && plugins !== void 0 && plugins.length || isLoadingPlugins) {
+    if (plugins && plugins.length > 1 || isLoadingPlugins) {
       return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT;
     }
+    if ((plugins === null || plugins === void 0 ? void 0 : plugins.length) === 1) {
+      return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT;
+    }
     return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT;
   }
   return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT;
@@ -29,7 +38,8 @@ export const LoaderFallback = props => {
   const minHeight = getEstimatedMinHeight(props);
   return jsx(MinHeightContainer, {
     minHeight: minHeight,
-    "data-testid": "link-picker-root-loader-boundary-ui"
+    "data-testid": "link-picker-root-loader-boundary-ui",
+    css: styles
   }, jsx(Spinner, {
     testId: "link-picker.component-loading-indicator",
     size: "medium"

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

@@ -0,0 +1,4 @@
+import { css } from '@emotion/react';
+export const styles = css`
+  align-items: center;
+`;

package/dist/es2019/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js

@@ -1,7 +1,7 @@
 import messages from '../../../../i18n/en';
 export const fetchMessagesForLocale = async locale => {
   try {
-    const messages = await import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */`../../../../i18n/${locale}`);
+    const messages = await import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */`../../../../i18n/${locale.replace('-', '_')}`);
     return messages.default;
   } catch (e) {
     // ignore

package/dist/es2019/version.json

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

package/dist/esm/common/constants.js

@@ -2,8 +2,4 @@ export var ANALYTICS_CHANNEL = 'media';
 export var COMPONENT_NAME = 'linkPicker';
 export var RECENT_SEARCH_LIST_SIZE = 5;
 export var LINK_PICKER_WIDTH_IN_PX = 342;
-export var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = '472px';
-export var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = '550px';
-export var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = '218px';
-export var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = '141px';
 export var LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK = '290px';

package/dist/esm/common/ui/min-height-container/styled.js

@@ -1,4 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { css } from '@emotion/react';
-export var minHeightComponentStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: var(--link-picker-min-height);\n"])));
+export var minHeightComponentStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: stretch;\n  justify-content: center;\n  min-height: var(--link-picker-min-height);\n"])));

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

@@ -309,7 +309,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     "aria-label": intl.formatMessage(linkTextMessages.linkTextAriaLabel),
     onClear: handleClear,
     onChange: handleChangeText
-  }), !!queryState && jsx(SearchResults, {
+  }), !!queryState && (isLoadingPlugins || isActivePlugin) && jsx(SearchResults, {
     activeTab: activeTab,
     tabs: tabs,
     activePlugin: activePlugin,

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

@@ -11,7 +11,8 @@ import { useFixHeight } from '../../../controllers/use-fix-height';
 import { LinkSearchError, testIds as searchErrorTestIds } from './link-search-error';
 import { LinkSearchList, testIds as listTestIds } from './link-search-list';
 import { ScrollingTabList } from './scrolling-tabs';
-import { flexColumnStyles, spinnerContainerStyles, tabsWrapperStyles } from './styled';
+import { SearchResultsContainer } from './search-results-container';
+import { spinnerContainerStyles, tabsWrapperStyles } from './styled';
 import { TrackTabViewed } from './track-tab-viewed';
 export var testIds = _objectSpread(_objectSpread(_objectSpread({}, searchErrorTestIds), listTestIds), {}, {
   tabsLoadingIndicator: 'link-picker.tabs-loading-indicator',
@@ -47,7 +48,9 @@ export var SearchResults = function SearchResults(_ref) {
       testId: testIds.tabItem
     }, tab.tabTitle);
   }));
-  return jsx(Fragment, null, isLoadingPlugins && !!queryState && jsx("div", {
+  return jsx(SearchResultsContainer, _extends({
+    hasTabs: !!tabs.length || isLoadingPlugins
+  }, fixListHeightProps), isLoadingPlugins && !!queryState && jsx("div", {
     css: spinnerContainerStyles
   }, jsx(Spinner, {
     testId: testIds.tabsLoadingIndicator,
@@ -61,9 +64,7 @@ export var SearchResults = function SearchResults(_ref) {
     onChange: handleTabChange
   }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? jsx(ScrollingTabList, null, tabList) : tabList), jsx(TrackTabViewed, {
     activePlugin: activePlugin
-  })), jsx("div", _extends({
-    css: flexColumnStyles
-  }, fixListHeightProps), !error && jsx(LinkSearchList, {
+  })), !error && jsx(LinkSearchList, {
     id: linkSearchListId,
     role: "listbox",
     items: items,
@@ -75,5 +76,5 @@ export var SearchResults = function SearchResults(_ref) {
     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 : jsx(LinkSearchError, null)))));
+  }), 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 : jsx(LinkSearchError, null))));
 };

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

@@ -11,6 +11,7 @@ import { defineMessages, FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';
+import { MinHeightContainer } from '../../../../common/ui/min-height-container';
 import { handleNavKeyDown } from '../../../../common/utils/handleNavKeyDown';
 import { NoResults, testIds as noResultsTestIds } from './link-search-no-results';
 import { emptyStateNoResultsWrapper } from './link-search-no-results/styled';
@@ -147,7 +148,8 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     })));
   }
   if (isLoading) {
-    loadingContent = jsx("div", {
+    loadingContent = jsx(MinHeightContainer, {
+      minHeight: getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px',
       css: spinnerContainerStyles
     }, jsx(Spinner, {
       testId: testIds.searchResultLoadingIndicator,

package/dist/esm/ui/link-picker/search-results/link-search-list/styled.js

@@ -5,7 +5,7 @@ import { css } from '@emotion/react';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { typography } from '@atlaskit/theme';
-export var listContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 0;\n  min-height: 80px;\n  margin-top: ", ";\n  margin-bottom: ", ";\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
-export var spinnerContainerStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-align: center;\n  min-height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n"])));
+export var listContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  padding-top: 0;\n  min-height: 80px;\n  margin-top: ", ";\n  margin-bottom: ", ";\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
+export var spinnerContainerStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  flex-direction: column;\n  align-items: center;\n"])));
 export var listStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 0;\n  margin: 0 calc(-1 * ", ");\n  list-style: none;\n"])), "var(--ds-space-200, 16px)");
 export var listTitleStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  text-transform: uppercase;\n  margin-top: 0;\n  margin-bottom: ", ";\n"])), typography.h100(), "var(--ds-space-050, 4px)");

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

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["hasTabs"];
+/** @jsx jsx */
+import { forwardRef } from 'react';
+import { jsx } from '@emotion/react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { MinHeightContainer } from '../../../../common/ui/min-height-container';
+import { flexColumn } from './styled';
+export var SearchResultsContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var hasTabs = _ref.hasTabs,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var minHeight = hasTabs ? '347px' : '302px';
+  var ffMinHeight = getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
+  return jsx(MinHeightContainer, _extends({
+    ref: ref,
+    minHeight: ffMinHeight,
+    css: flexColumn
+  }, props));
+});

package/dist/esm/ui/link-picker/search-results/search-results-container/styled.js

@@ -0,0 +1,4 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+export var flexColumn = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  width: 100%;\n"])));

package/dist/esm/ui/link-picker/search-results/styled.js

@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 import { css } from '@emotion/react';
 export var tabsWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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)");
-export var spinnerContainerStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n"])));
+export var spinnerContainerStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  flex-grow: 1;\n"])));
 export var flexColumnStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));

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

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { LINK_PICKER_WIDTH_IN_PX } from '../../common/constants';
@@ -8,6 +8,4 @@ import { LINK_PICKER_WIDTH_IN_PX } from '../../common/constants';
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
 export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", ";\n  padding: ", " ", "\n    ", ";\n  box-sizing: border-box;\n  line-height: initial;\n"])), getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : "".concat(LINK_PICKER_WIDTH_IN_PX, "px"), "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
-export var tabsWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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)");
-export var flexColumnStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-export var formFooterMargin = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
+export var formFooterMargin = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");

package/dist/esm/ui/loader-fallback/index.js

@@ -2,8 +2,14 @@
 import { jsx } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
-import { LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT, LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT, LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT, LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT } from '../../common/constants';
 import { MinHeightContainer } from '../../common/ui/min-height-container';
+import { styles } from './styled';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = '472px';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = '550px';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT = '505px';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITHOUT_DISPLAYTEXT = '429px';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = '218px';
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = '141px';
 // EDM-7122: can delete these two consts once min height container for link picker is firm for the loader
 var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT = '142px';
 var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT = '220px';
@@ -12,9 +18,12 @@ var getEstimatedMinHeight = function getEstimatedMinHeight(_ref) {
     isLoadingPlugins = _ref.isLoadingPlugins,
     plugins = _ref.plugins;
   if (getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results')) {
-    if (plugins !== null && plugins !== void 0 && plugins.length || isLoadingPlugins) {
+    if (plugins && plugins.length > 1 || isLoadingPlugins) {
       return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT;
     }
+    if ((plugins === null || plugins === void 0 ? void 0 : plugins.length) === 1) {
+      return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT;
+    }
     return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT;
   }
   return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT;
@@ -28,7 +37,8 @@ export var LoaderFallback = function LoaderFallback(props) {
   var minHeight = getEstimatedMinHeight(props);
   return jsx(MinHeightContainer, {
     minHeight: minHeight,
-    "data-testid": "link-picker-root-loader-boundary-ui"
+    "data-testid": "link-picker-root-loader-boundary-ui",
+    css: styles
   }, jsx(Spinner, {
     testId: "link-picker.component-loading-indicator",
     size: "medium"

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

@@ -0,0 +1,4 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+export var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n"])));

package/dist/esm/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js

@@ -9,7 +9,7 @@ export var fetchMessagesForLocale = /*#__PURE__*/function () {
         case 0:
           _context.prev = 0;
           _context.next = 3;
-          return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(locale));
+          return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(locale.replace('-', '_')));
         case 3:
           _messages = _context.sent;
           return _context.abrupt("return", _messages.default);

package/dist/esm/version.json

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

package/dist/types/common/constants.d.ts

@@ -2,8 +2,4 @@ export declare const ANALYTICS_CHANNEL = "media";
 export declare const COMPONENT_NAME = "linkPicker";
 export declare const RECENT_SEARCH_LIST_SIZE = 5;
 export declare const LINK_PICKER_WIDTH_IN_PX = 342;
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = "472px";
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = "550px";
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = "218px";
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = "141px";
 export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK = "290px";

package/dist/types/ui/link-picker/search-results/search-results-container/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SearchResultsContainer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    hasTabs?: boolean | undefined;
+    children?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/ui/link-picker/search-results/search-results-container/styled.d.ts

@@ -0,0 +1 @@
+export declare const flexColumn: import("@emotion/react").SerializedStyles;

package/dist/types/ui/link-picker/styled.d.ts

@@ -2,6 +2,4 @@
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
 export declare const rootContainerStyles: import("@emotion/react").SerializedStyles;
-export declare const tabsWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const flexColumnStyles: import("@emotion/react").SerializedStyles;
 export declare const formFooterMargin: import("@emotion/react").SerializedStyles;

package/dist/types/ui/loader-fallback/styled.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/common/constants.d.ts

@@ -2,8 +2,4 @@ export declare const ANALYTICS_CHANNEL = "media";
 export declare const COMPONENT_NAME = "linkPicker";
 export declare const RECENT_SEARCH_LIST_SIZE = 5;
 export declare const LINK_PICKER_WIDTH_IN_PX = 342;
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = "472px";
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = "550px";
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = "218px";
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = "141px";
 export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK = "290px";

package/dist/types-ts4.5/ui/link-picker/search-results/search-results-container/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SearchResultsContainer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    hasTabs?: boolean | undefined;
+    children?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/link-picker/search-results/search-results-container/styled.d.ts

@@ -0,0 +1 @@
+export declare const flexColumn: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/link-picker/styled.d.ts

@@ -2,6 +2,4 @@
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
 export declare const rootContainerStyles: import("@emotion/react").SerializedStyles;
-export declare const tabsWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const flexColumnStyles: import("@emotion/react").SerializedStyles;
 export declare const formFooterMargin: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/loader-fallback/styled.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.27.0",
+  "version": "1.27.2",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -55,14 +55,14 @@
     "@atlaskit/form": "^8.11.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/linking-common": "^3.3.0",
+    "@atlaskit/linking-common": "^4.0.0",
     "@atlaskit/onboarding": "^10.8.2",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/tabs": "^13.4.0",
     "@atlaskit/textfield": "^5.6.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.12.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -84,7 +84,7 @@
     "@atlaskit/dropdown-menu": "^11.10.0",
     "@atlaskit/link-provider": "^1.6.0",
     "@atlaskit/link-test-helpers": "^4.1.0",
-    "@atlaskit/linking-common": "^3.3.0",
+    "@atlaskit/linking-common": "^4.0.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",