@atlaskit/link-picker 1.45.0 → 1.46.0

package/dist/esm/i18n/th.js

@@ -10,7 +10,7 @@ export default {
   'fabric.linkPicker.button.cancel': 'ยกเลิก',
   'fabric.linkPicker.button.insert': 'แทรก',
   'fabric.linkPicker.button.save': 'บันทึก',
-  'fabric.linkPicker.clearLink': 'ล้างลิงก์',
+  'fabric.linkPicker.clearLink': 'ล้าง',
   'fabric.linkPicker.clearLinkText': 'ล้างข้อความ',
   'fabric.linkPicker.hyperlink.searchLinkResults': '{count, plural, =0 {ไม่พบผลลัพธ์} other {พบผลลัพธ์ {count,number} รายการ}}',
   'fabric.linkPicker.linkAriaLabel': 'พิมพ์หรือวางลิงก์ในช่อง',

package/dist/esm/i18n/tr.js

@@ -10,7 +10,7 @@ export default {
   'fabric.linkPicker.button.cancel': 'İptal',
   'fabric.linkPicker.button.insert': 'Ekle',
   'fabric.linkPicker.button.save': 'Kaydet',
-  'fabric.linkPicker.clearLink': 'Bağlantıyı temizle',
+  'fabric.linkPicker.clearLink': 'Temizle',
   'fabric.linkPicker.clearLinkText': 'Metni temizle',
   'fabric.linkPicker.hyperlink.searchLinkResults': '{count, plural, =0 {sonuç bulunamadı} one {{count,number} sonuç bulundu} other {{count,number} sonuç bulundu}}',
   'fabric.linkPicker.linkAriaLabel': 'Alana bir bağlantı yazın ya da yapıştırın',

package/dist/esm/i18n/uk.js

@@ -10,7 +10,7 @@ export default {
   'fabric.linkPicker.button.cancel': 'Скасувати',
   'fabric.linkPicker.button.insert': 'Вставити',
   'fabric.linkPicker.button.save': 'Зберегти',
-  'fabric.linkPicker.clearLink': 'Видалити посилання',
+  'fabric.linkPicker.clearLink': 'Очистити',
   'fabric.linkPicker.clearLinkText': 'Видалити текст',
   'fabric.linkPicker.hyperlink.searchLinkResults': '{count, plural, =0 {нічого не знайдено} one {{count,number} результат} few {{count,number} результати} many {{count,number} результатів} other {{count,number} результату}}',
   'fabric.linkPicker.linkAriaLabel': 'Введіть або вставте посилання в поле',

package/dist/esm/i18n/vi.js

@@ -10,7 +10,7 @@ export default {
   'fabric.linkPicker.button.cancel': 'Hủy',
   'fabric.linkPicker.button.insert': 'Chèn',
   'fabric.linkPicker.button.save': 'Lưu',
-  'fabric.linkPicker.clearLink': 'Xóa liên kết',
+  'fabric.linkPicker.clearLink': 'Xóa',
   'fabric.linkPicker.clearLinkText': 'Xóa văn bản',
   'fabric.linkPicker.hyperlink.searchLinkResults': '{count, plural, =0 {không tìm thấy kết quả} other {Đã tìm thấy {count,number} kết quả}}',
   'fabric.linkPicker.linkAriaLabel': 'Nhập hoặc dán liên kết vào trường',

package/dist/esm/i18n/zh.js

@@ -10,7 +10,7 @@ export default {
   'fabric.linkPicker.button.cancel': '取消',
   'fabric.linkPicker.button.insert': '插入',
   'fabric.linkPicker.button.save': '保存',
-  'fabric.linkPicker.clearLink': '清除链接',
+  'fabric.linkPicker.clearLink': '清除',
   'fabric.linkPicker.clearLinkText': '清除文本',
   'fabric.linkPicker.hyperlink.searchLinkResults': '{count, plural, =0 {未找到结果} other {找到 {count,number} 个结果}}',
   'fabric.linkPicker.linkAriaLabel': '在字段中输入或粘贴链接',

package/dist/esm/i18n/zh_TW.js

@@ -10,7 +10,7 @@ export default {
   'fabric.linkPicker.button.cancel': '取消',
   'fabric.linkPicker.button.insert': '插入',
   'fabric.linkPicker.button.save': '儲存',
-  'fabric.linkPicker.clearLink': '清除連結',
+  'fabric.linkPicker.clearLink': '清除',
   'fabric.linkPicker.clearLinkText': '清除文字',
   'fabric.linkPicker.hyperlink.searchLinkResults': '{count, plural, =0 {沒有找到任何結果} other {找到 {count,number} 個結果}}',
   'fabric.linkPicker.linkAriaLabel': '在欄位中輸入或貼上連結',

package/dist/esm/services/use-plugins/utils.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 export var CancellationError = /*#__PURE__*/function (_Error) {
   _inherits(CancellationError, _Error);

package/dist/esm/ui/error-boundary/error-boundary-base/index.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 // eslint-disable-next-line @repo/internal/react/no-class-components

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

@@ -5,13 +5,10 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { defineMessages, useIntl } from 'react-intl-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK } from '../../../common/constants';
 import { GenericErrorSVG } from '../../../common/generic-error-svg';
 import { EmptyState } from '../../../common/ui/empty-state';
 import { MinHeightContainer } from '../../../common/ui/min-height-container';
-// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
-import { rootContainerStyles } from '../../link-picker/styled';
 var errorBoundaryFallbackStyles = css({
   lineHeight: 'initial'
 });
@@ -31,30 +28,15 @@ export var ErrorBoundaryFallback = function ErrorBoundaryFallback() {
   var intl = useIntl();
   var header = intl.formatMessage(messages.heading);
   var description = intl.formatMessage(messages.description);
-  if (fg('platform.linking-platform.link-picker.fixed-height-search-results')) {
-    return jsx(MinHeightContainer, {
-      css: errorBoundaryFallbackStyles,
-      minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
-      "data-testid": "link-picker-root-error-boundary-ui"
-    }, jsx(EmptyState, {
-      header: header,
-      renderImage: function renderImage() {
-        return jsx(GenericErrorSVG, null);
-      },
-      description: description
-    }));
-  }
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: rootContainerStyles,
-      "data-testid": "link-picker-root-error-boundary-ui"
-    }, jsx(EmptyState, {
-      header: header,
-      renderImage: function renderImage() {
-        return jsx(GenericErrorSVG, null);
-      },
-      description: description
-    }))
-  );
+  return jsx(MinHeightContainer, {
+    css: errorBoundaryFallbackStyles,
+    minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
+    "data-testid": "link-picker-root-error-boundary-ui"
+  }, jsx(EmptyState, {
+    header: header,
+    renderImage: function renderImage() {
+      return jsx(GenericErrorSVG, null);
+    },
+    description: description
+  }));
 };

package/dist/esm/ui/link-picker/form-footer/feature-discovery/index.js

@@ -26,15 +26,25 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
   var storageClient = useMemo(function () {
     return new StorageClient(LOCAL_STORAGE_CLIENT_KEY);
   }, []);
+
   // Set this to `false` if you want to always show the feature discovery pulse.
   // (or open Application tab in your devtools and delete the relevent row)
   var discovered = useMemo(function () {
-    return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
+    try {
+      return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
+    } catch (_unused) {
+      // If localStorage is not available, don't show feature discovery component. Treat it as 'discovered'.
+      return true;
+    }
   }, [storageClient]);
   useEffect(function () {
     return function () {
       if (!discovered) {
-        storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
+        try {
+          storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
+        } catch (_unused2) {
+          // silent error
+        }
       }
     };
   }, [storageClient, discovered]);

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

@@ -10,7 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import uuid from 'uuid';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -30,10 +30,22 @@ import { FormFooter, testIds as formFooterTestIds } from './form-footer';
 import { LinkPickerSubmitButton } from './form-footer/link-picker-submit-button';
 import { formMessages, linkMessages, linkTextMessages, searchMessages } from './messages';
 import { SearchResults, testIds as searchTestIds } from './search-results';
-import { formFooterMargin, rootContainerStyles } from './styled';
 import { testIds as textFieldTestIds, TextInput } from './text-input';
 import { TrackMount } from './track-mount';
 import { getDataSource, getScreenReaderText } from './utils';
+var rootContainerStyles = css({
+  paddingLeft: 'var(--link-picker-padding-left)',
+  paddingRight: 'var(--link-picker-padding-right)',
+  paddingTop: 'var(--link-picker-padding-top)',
+  paddingBottom: 'var(--link-picker-padding-bottom)',
+  boxSizing: 'border-box',
+  lineHeight: 'initial',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+  display: 'block !important'
+});
+var formFooterMargin = css({
+  marginTop: "var(--ds-space-200, 16px)"
+});
 export var testIds = _objectSpread(_objectSpread(_objectSpread({
   linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
@@ -97,6 +109,8 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     customMessages = _ref.customMessages,
     _ref$isSubmitting = _ref.isSubmitting,
     isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
+    _ref$adaptiveHeight = _ref.adaptiveHeight,
+    adaptiveHeight = _ref$adaptiveHeight === void 0 ? false : _ref$adaptiveHeight,
     _ref$UNSAFE_moveSubmi = _ref.UNSAFE_moveSubmitButton,
     UNSAFE_moveSubmitButton = _ref$UNSAFE_moveSubmi === void 0 ? false : _ref$UNSAFE_moveSubmi;
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -327,9 +341,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
   var screenReaderText = browser().safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   var customSubmitButtonLabel = customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined;
   return jsx("form", {
-    "data-testid": testIds.linkPicker
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
+    "data-testid": testIds.linkPicker,
     css: rootContainerStyles
     // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
     ,
@@ -399,6 +411,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     handleSelected: handleSelected,
     handleTabChange: handleTabChange,
     handleSearchListOnChange: handleSearchListOnChange,
+    adaptiveHeight: adaptiveHeight,
     retry: retry
   }), jsx(FormFooter, {
     error: error,

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

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -13,7 +12,6 @@ import { css, jsx } from '@emotion/react';
 import { Box, xcss } from '@atlaskit/primitives';
 import Spinner from '@atlaskit/spinner/spinner';
 import Tabs, { Tab, TabList } from '@atlaskit/tabs';
-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';
@@ -54,20 +52,20 @@ export var SearchResults = function SearchResults(_ref) {
     selectedIndex = _ref.selectedIndex,
     handleSelected = _ref.handleSelected,
     handleKeyDown = _ref.handleKeyDown,
+    adaptiveHeight = _ref.adaptiveHeight,
     retry = _ref.retry;
   var isActivePlugin = !!activePlugin;
-
-  // This will be redundant if we move towards fixed height search results section
-  var fixListHeightProps = useFixHeight(isLoadingResults);
   var tabList = jsx(TabList, null, tabs.map(function (tab) {
     return jsx(Tab, {
       key: tab.tabTitle,
       testId: testIds.tabItem
     }, tab.tabTitle);
   }));
-  return jsx(SearchResultsContainer, _extends({
-    hasTabs: !!tabs.length || isLoadingPlugins
-  }, fixListHeightProps), isLoadingPlugins && !!queryState && jsx("div", {
+  return jsx(SearchResultsContainer, {
+    hasTabs: !!tabs.length || isLoadingPlugins,
+    adaptiveHeight: adaptiveHeight,
+    isLoadingResults: isLoadingResults
+  }, isLoadingPlugins && !!queryState && jsx("div", {
     css: spinnerContainerStyles
   }, jsx(Spinner, {
     testId: testIds.tabsLoadingIndicator,
@@ -94,6 +92,7 @@ export var SearchResults = function SearchResults(_ref) {
     onChange: handleSearchListOnChange,
     onKeyDown: handleKeyDown,
     hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
-    activePlugin: activePlugin
+    activePlugin: activePlugin,
+    adaptiveHeight: adaptiveHeight
   }), error ? (_activePlugin$errorFa = activePlugin === null || activePlugin === 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) : null));
 };

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin"];
+var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -65,6 +65,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     id = _ref.id,
     hasSearchTerm = _ref.hasSearchTerm,
     activePlugin = _ref.activePlugin,
+    adaptiveHeight = _ref.adaptiveHeight,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var itemsContent;
   var loadingContent;
@@ -136,7 +137,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }))), jsx("ul", {
       id: id,
       role: role
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
       ,
       css: listStyles,
       "aria-controls": "fabric.smartcard.linkpicker.suggested.results",
@@ -166,8 +167,8 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }
   if (isLoading) {
     loadingContent = jsx(MinHeightContainer, {
-      minHeight: fg('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      minHeight: adaptiveHeight ? '80px' : '50px'
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       ,
       css: spinnerContainerStyles
     }, jsx(Spinner, {

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
  * @jsxRuntime classic
  * @jsx jsx

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

@@ -1,15 +1,11 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["hasTabs"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { forwardRef } from 'react';
+import { useLayoutEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { MinHeightContainer } from '../../../../common/ui/min-height-container';
 var flexColumn = css({
   display: 'flex',
@@ -17,16 +13,24 @@ var flexColumn = css({
   justifyContent: 'flex-start',
   width: '100%'
 });
-export var SearchResultsContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
+export var SearchResultsContainer = function SearchResultsContainer(_ref) {
   var hasTabs = _ref.hasTabs,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var minHeight = hasTabs ? '347px' : '302px';
-  var ffMinHeight = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
-
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  return jsx(MinHeightContainer, _extends({
+    adaptiveHeight = _ref.adaptiveHeight,
+    isLoadingResults = _ref.isLoadingResults,
+    children = _ref.children;
+  var ref = useRef(null);
+  var currentHeight = useRef(null);
+  var fixedMinHeight = hasTabs ? '347px' : '302px';
+  var adaptiveMinHeight = isLoadingResults && !!currentHeight.current ? "".concat(currentHeight.current, "px") : 'auto';
+  var minheight = adaptiveHeight ? adaptiveMinHeight : fixedMinHeight;
+  useLayoutEffect(function () {
+    if (ref.current && adaptiveHeight && !isLoadingResults) {
+      currentHeight.current = ref.current.getBoundingClientRect().height;
+    }
+  });
+  return jsx(MinHeightContainer, {
     ref: ref,
-    minHeight: ffMinHeight,
+    minHeight: minheight,
     css: flexColumn
-  }, props));
-});
+  }, children);
+};

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

@@ -4,7 +4,6 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import { MinHeightContainer } from '../../common/ui/min-height-container';
 var styles = css({
@@ -16,36 +15,30 @@ var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT = '50
 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';
 var getEstimatedMinHeight = function getEstimatedMinHeight(_ref) {
   var hideDisplayText = _ref.hideDisplayText,
     isLoadingPlugins = _ref.isLoadingPlugins,
     plugins = _ref.plugins,
     url = _ref.url;
-  if (fg('platform.linking-platform.link-picker.fixed-height-search-results')) {
+  /**
+   * "Insert mode" (search results shown initially)
+   */
+  if (!url) {
     /**
-     * "Insert mode" (search results shown initially)
+     * With tabs
      */
-    if (!url) {
-      /**
-       * With tabs
-       */
-      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 && 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;
+    }
 
-      /**
-       * Without tabs
-       */
-      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;
-      }
+    /**
+     * Without tabs
+     */
+    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;
+  return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT;
 };
 
 /**

package/dist/esm/ui/main.js

@@ -4,13 +4,12 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { Fragment, memo } from 'react';
+import React, { memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { LazySuspense } from 'react-loosely-lazy';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { COMPONENT_NAME, LINK_PICKER_WIDTH_IN_PX } from '../common/constants';
 import { LinkPickerSessionProvider } from '../controllers/session-provider';
 import { ErrorBoundary } from './error-boundary';
@@ -21,7 +20,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.45.0" || '',
+  packageVersion: "1.46.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };
@@ -44,26 +43,18 @@ export var composeLinkPicker = function composeLinkPicker(Component) {
     var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom, _ref2;
     var component = props.component;
     var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
-
-    /**
-     * When ff enabled: root container will provide width to component + loader + error boundary
-     * When ff disabled: component + loader + error boundary each providing their own width
-     * Cannot make this change easier at risk of regression as external adopters may have css override on the form element
-     */
-    var RootFixedWidthContainer = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? FixedWidthContainer : Fragment;
-    var LoaderFallbackContainer = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? Fragment : FixedWidthContainer;
     return jsx(AnalyticsContext, {
       data: PACKAGE_DATA
     }, jsx(LinkPickerSessionProvider, null, jsx(MessagesProvider, null, jsx("div", {
       style: (_ref2 = {}, _defineProperty(_ref2, '--link-picker-width', props.disableWidth ? '100%' : // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       "".concat(LINK_PICKER_WIDTH_IN_PX, "px")), _defineProperty(_ref2, '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), _defineProperty(_ref2, '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), _defineProperty(_ref2, '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), _defineProperty(_ref2, '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"), _ref2)
-    }, jsx(RootFixedWidthContainer, null, jsx(ErrorBoundary, null, jsx(LazySuspense, {
-      fallback: jsx(LoaderFallbackContainer, null, jsx(LoaderFallback, {
+    }, jsx(FixedWidthContainer, null, jsx(ErrorBoundary, null, jsx(LazySuspense, {
+      fallback: jsx(LoaderFallback, {
         url: props.url,
         hideDisplayText: props.hideDisplayText,
         isLoadingPlugins: props.isLoadingPlugins,
         plugins: props.plugins
-      }))
+      })
     }, jsx(RootComponent, _extends({}, props, {
       "data-testid": testIds.linkPickerRoot
     }), jsx(Component, props)))))))));

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

@@ -145,6 +145,8 @@ export interface LinkPickerProps {
     }>;
     /** Allows for customisation of text in the link picker. */
     customMessages?: CustomLinkPickerMessages;
+    /** Allows height of search results to adapt to the number of results being displayed. */
+    adaptiveHeight?: boolean;
     featureFlags?: Record<string, unknown>;
     /** Controls showing a "submission in-progres" UX */
     isSubmitting?: boolean;

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

@@ -39,6 +39,7 @@ export type SearchResultsProps = {
     handleSelected: (objectId: string) => void;
     handleKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
     error?: unknown;
+    adaptiveHeight: boolean;
     retry: () => void;
 };
-export declare const SearchResults: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, retry, }: SearchResultsProps) => jsx.JSX.Element;
+export declare const SearchResults: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, adaptiveHeight, retry, }: SearchResultsProps) => jsx.JSX.Element;

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

@@ -36,6 +36,7 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     isLoading: boolean;
     selectedIndex: number;
     activeIndex: number;
+    adaptiveHeight: boolean;
     onChange: (objectId: string) => void;
     onSelect: (objectId: string) => void;
     onKeyDown?: (e: KeyboardEvent<LinkSearchListElement>) => void;

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

@@ -1,5 +1,10 @@
 /// <reference types="react" />
-export declare const SearchResultsContainer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-    hasTabs?: boolean | undefined;
+import { jsx } from '@emotion/react';
+type SearchResultsContainerProps = {
+    adaptiveHeight: boolean;
+    isLoadingResults: boolean;
+    hasTabs?: boolean;
     children?: React.ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
+};
+export declare const SearchResultsContainer: ({ hasTabs, adaptiveHeight, isLoadingResults, children, }: SearchResultsContainerProps) => jsx.JSX.Element;
+export {};

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

@@ -148,6 +148,8 @@ export interface LinkPickerProps {
     }>;
     /** Allows for customisation of text in the link picker. */
     customMessages?: CustomLinkPickerMessages;
+    /** Allows height of search results to adapt to the number of results being displayed. */
+    adaptiveHeight?: boolean;
     featureFlags?: Record<string, unknown>;
     /** Controls showing a "submission in-progres" UX */
     isSubmitting?: boolean;

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

@@ -39,6 +39,7 @@ export type SearchResultsProps = {
     handleSelected: (objectId: string) => void;
     handleKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
     error?: unknown;
+    adaptiveHeight: boolean;
     retry: () => void;
 };
-export declare const SearchResults: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, retry, }: SearchResultsProps) => jsx.JSX.Element;
+export declare const SearchResults: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, adaptiveHeight, retry, }: SearchResultsProps) => jsx.JSX.Element;

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

@@ -36,6 +36,7 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     isLoading: boolean;
     selectedIndex: number;
     activeIndex: number;
+    adaptiveHeight: boolean;
     onChange: (objectId: string) => void;
     onSelect: (objectId: string) => void;
     onKeyDown?: (e: KeyboardEvent<LinkSearchListElement>) => void;

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

@@ -1,5 +1,10 @@
 /// <reference types="react" />
-export declare const SearchResultsContainer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-    hasTabs?: boolean | undefined;
+import { jsx } from '@emotion/react';
+type SearchResultsContainerProps = {
+    adaptiveHeight: boolean;
+    isLoadingResults: boolean;
+    hasTabs?: boolean;
     children?: React.ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
+};
+export declare const SearchResultsContainer: ({ hasTabs, adaptiveHeight, isLoadingResults, children, }: SearchResultsContainerProps) => jsx.JSX.Element;
+export {};