@atlaskit/link-picker 3.12.1 → 3.13.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/link-picker
 
+## 3.13.0
+
+### Minor Changes
+
+- [`be449d28b1149`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be449d28b1149) -
+  [ux] Adding optional props recentSearchListSize, and shouldRenderNoResultsImage for Link Picker to
+  allow for showing insert button on smaller screens. Additionally updating the hideLinkDisplayText
+  prop to be passed as a part of a new linkPickerOptions object instead of as a standalone variable.
+
 ## 3.12.1
 
 ### Patch Changes

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

@@ -11,6 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _convertToError = require("@atlaskit/frontend-utilities/convert-to-error");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../../common/analytics");
 var _constants = require("../../common/constants");
 var _analytics2 = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
@@ -21,6 +22,7 @@ var _utils = require("./utils");
 function usePlugins(state, activeTab, plugins) {
   var _activePlugin$tabKey;
   var thirdPartyTabExperimentEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var recentSearchListSize = arguments.length > 4 ? arguments[4] : undefined;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = (0, _react.useState)(0),
@@ -81,7 +83,7 @@ function usePlugins(state, activeTab, plugins) {
               dispatch({
                 type: 'SUCCESS',
                 payload: {
-                  items: limit(value.data),
+                  items: limit(value.data, (0, _platformFeatureFlags.fg)('aifc_create_enabled') ? recentSearchListSize : undefined),
                   isLoading: !done
                 }
               });
@@ -114,7 +116,7 @@ function usePlugins(state, activeTab, plugins) {
     }();
     updateResults();
     return cancel;
-  }, [activePlugin, state, retries, createAnalyticsEvent, dispatch]);
+  }, [activePlugin, state, retries, createAnalyticsEvent, dispatch, recentSearchListSize]);
   var tabs = (0, _react.useMemo)(function () {
     if (!plugins || plugins.length <= 1) {
       return [];
@@ -157,5 +159,6 @@ function usePlugins(state, activeTab, plugins) {
   };
 }
 function limit(items) {
-  return items.slice(0, _constants.RECENT_SEARCH_LIST_SIZE);
+  var recentSearchListSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.RECENT_SEARCH_LIST_SIZE;
+  return items.slice(0, recentSearchListSize);
 }

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

@@ -117,7 +117,9 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     inputRef = _ref.inputRef,
     _ref$previewableLinks = _ref.previewableLinksOnly,
     previewableLinksOnly = _ref$previewableLinks === void 0 ? false : _ref$previewableLinks,
-    additionalError = _ref.additionalError;
+    additionalError = _ref.additionalError,
+    recentSearchListSize = _ref.recentSearchListSize,
+    shouldRenderNoResultsImage = _ref.shouldRenderNoResultsImage;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useReducer = (0, _react.useReducer)(reducer, _objectSpread(_objectSpread({}, initState), {}, {
@@ -143,7 +145,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
   var linkPicker3pOneDriveExperimentCohort = _featureGateJsClient.default.initializeCalled() ? _featureGateJsClient.default.getExperimentValue('link_picker_3p_onedrive_experiment', 'cohort', 'control') : 'control';
   var oneDriveTabExperimentEnabled = linkPicker3pOneDriveExperimentCohort === 'show_onedrive_tab';
   var thirdPartyTabExperimentEnabled = googleDriveTabExperimentEnabled || oneDriveTabExperimentEnabled;
-  var _usePlugins = (0, _usePlugins2.usePlugins)(queryState, activeTab, plugins, thirdPartyTabExperimentEnabled),
+  var _usePlugins = (0, _usePlugins2.usePlugins)(queryState, activeTab, plugins, thirdPartyTabExperimentEnabled, recentSearchListSize),
     items = _usePlugins.items,
     isLoadingResults = _usePlugins.isLoading,
     isActivePlugin = _usePlugins.isActivePlugin,
@@ -500,7 +502,8 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     handleTabChange: handleTabChange,
     handleSearchListOnChange: handleSearchListOnChange,
     adaptiveHeight: adaptiveHeight,
-    retry: retry
+    retry: retry,
+    shouldRenderNoResultsImage: shouldRenderNoResultsImage
   }), /*#__PURE__*/React.createElement(_formFooter.FormFooter, {
     error: error,
     items: items

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

@@ -53,7 +53,8 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
     handleSelected = _ref.handleSelected,
     handleKeyDown = _ref.handleKeyDown,
     adaptiveHeight = _ref.adaptiveHeight,
-    retry = _ref.retry;
+    retry = _ref.retry,
+    shouldRenderNoResultsImage = _ref.shouldRenderNoResultsImage;
   var isActivePlugin = !!activePlugin;
   // Experiment with new 3P tabs in link picker. For more info, please see: go/link-picker-3p-drive-one-pager.
   var linkPicker3pDriveExperimentCohort = _featureGateJsClient.default.initializeCalled() ? _featureGateJsClient.default.getExperimentValue('link_picker_3p_drive_experiment', 'cohort', 'control') : 'control';
@@ -101,7 +102,8 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
     hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
     activePlugin: activePlugin,
     adaptiveHeight: adaptiveHeight,
-    tabPanelId: "".concat(testIds.tabList, "-").concat(activeTab, "-tab")
+    tabPanelId: "".concat(testIds.tabList, "-").concat(activeTab, "-tab"),
+    shouldRenderNoResultsImage: shouldRenderNoResultsImage
   }), 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 : /*#__PURE__*/React.createElement(_linkSearchError.LinkSearchError, {
     onRetry: retry
   }) : null));

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

@@ -22,7 +22,7 @@ var _handleNavKeyDown = require("../../../../common/utils/handleNavKeyDown");
 var _linkSearchNoResults = require("./link-search-no-results");
 var _listItem = require("./list-item");
 var _useTrackResultsShown = require("./use-track-results-shown");
-var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight", "className", "tabPanelId"];
+var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight", "className", "tabPanelId", "shouldRenderNoResultsImage"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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) { (0, _defineProperty2.default)(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; }
@@ -76,6 +76,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
     adaptiveHeight = _ref.adaptiveHeight,
     className = _ref.className,
     tabPanelId = _ref.tabPanelId,
+    shouldRenderNoResultsImage = _ref.shouldRenderNoResultsImage,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var itemsContent;
   var loadingContent;
@@ -128,7 +129,9 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
     }
     return /*#__PURE__*/React.createElement("div", {
       id: tabPanelId
-    }, /*#__PURE__*/React.createElement(_linkSearchNoResults.NoResults, null));
+    }, /*#__PURE__*/React.createElement(_linkSearchNoResults.NoResults, {
+      shouldRenderImage: shouldRenderNoResultsImage
+    }));
   }
   var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
   if (items && items.length > 0) {

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.testIds = exports.messages = exports.NoResults = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _emptyState = require("../../../../../common/ui/empty-state");
 var _noResultsSvg = require("./no-results-svg");
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
@@ -24,13 +25,15 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
 var testIds = exports.testIds = {
   emptyResultPage: 'link-search-no-results'
 };
-var NoResults = exports.NoResults = function NoResults() {
+var NoResults = exports.NoResults = function NoResults(_ref) {
+  var _ref$shouldRenderImag = _ref.shouldRenderImage,
+    shouldRenderImage = _ref$shouldRenderImag === void 0 ? true : _ref$shouldRenderImag;
   var intl = (0, _reactIntlNext.useIntl)();
   return /*#__PURE__*/_react.default.createElement(_emptyState.EmptyState, {
     testId: testIds.emptyResultPage,
     header: intl.formatMessage(messages.noResults),
     description: intl.formatMessage(messages.noResultsDescription),
-    renderImage: function renderImage() {
+    renderImage: !shouldRenderImage && (0, _platformFeatureFlags.fg)('aifc_create_enabled') ? undefined : function () {
       return /*#__PURE__*/_react.default.createElement(_noResultsSvg.NoResultsSVG, null);
     }
   });

package/dist/cjs/ui/main.js

@@ -25,7 +25,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "3.12.0" || '',
+  packageVersion: "3.12.1" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

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

@@ -2,12 +2,13 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { convertToError } from '@atlaskit/frontend-utilities/convert-to-error';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useLinkPickerAnalytics } from '../../common/analytics';
 import { ANALYTICS_CHANNEL, RECENT_SEARCH_LIST_SIZE } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { usePluginReducer } from './reducer';
 import { CancellationError, resolvePluginUpdates } from './utils';
-export function usePlugins(state, activeTab, plugins, thirdPartyTabExperimentEnabled = false) {
+export function usePlugins(state, activeTab, plugins, thirdPartyTabExperimentEnabled = false, recentSearchListSize) {
   var _activePlugin$tabKey;
   const {
     createAnalyticsEvent
@@ -55,7 +56,7 @@ export function usePlugins(state, activeTab, plugins, thirdPartyTabExperimentEna
           dispatch({
             type: 'SUCCESS',
             payload: {
-              items: limit(value.data),
+              items: limit(value.data, fg('aifc_create_enabled') ? recentSearchListSize : undefined),
               isLoading: !done
             }
           });
@@ -74,7 +75,7 @@ export function usePlugins(state, activeTab, plugins, thirdPartyTabExperimentEna
     };
     updateResults();
     return cancel;
-  }, [activePlugin, state, retries, createAnalyticsEvent, dispatch]);
+  }, [activePlugin, state, retries, createAnalyticsEvent, dispatch, recentSearchListSize]);
   const tabs = useMemo(() => {
     if (!plugins || plugins.length <= 1) {
       return [];
@@ -110,6 +111,6 @@ export function usePlugins(state, activeTab, plugins, thirdPartyTabExperimentEna
     pluginBanner
   };
 }
-function limit(items) {
-  return items.slice(0, RECENT_SEARCH_LIST_SIZE);
+function limit(items, recentSearchListSize = RECENT_SEARCH_LIST_SIZE) {
+  return items.slice(0, recentSearchListSize);
 }

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

@@ -105,7 +105,9 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
   moveSubmitButton = false,
   inputRef,
   previewableLinksOnly = false,
-  additionalError
+  additionalError,
+  recentSearchListSize,
+  shouldRenderNoResultsImage
 }) => {
   const {
     createAnalyticsEvent
@@ -143,7 +145,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     retry,
     pluginAction,
     pluginBanner
-  } = usePlugins(queryState, activeTab, plugins, thirdPartyTabExperimentEnabled);
+  } = usePlugins(queryState, activeTab, plugins, thirdPartyTabExperimentEnabled, recentSearchListSize);
   const isEditing = !!initUrl;
   const selectedItem = items === null || items === void 0 ? void 0 : items[selectedIndex];
   const isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
@@ -455,7 +457,8 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     handleTabChange: handleTabChange,
     handleSearchListOnChange: handleSearchListOnChange,
     adaptiveHeight: adaptiveHeight,
-    retry: retry
+    retry: retry,
+    shouldRenderNoResultsImage: shouldRenderNoResultsImage
   }), /*#__PURE__*/React.createElement(FormFooter, {
     error: error,
     items: items

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

@@ -42,7 +42,8 @@ export const SearchResults = ({
   handleSelected,
   handleKeyDown,
   adaptiveHeight,
-  retry
+  retry,
+  shouldRenderNoResultsImage
 }) => {
   var _activePlugin$errorFa, _activePlugin$errorFa2;
   const isActivePlugin = !!activePlugin;
@@ -90,7 +91,8 @@ export const SearchResults = ({
     hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
     activePlugin: activePlugin,
     adaptiveHeight: adaptiveHeight,
-    tabPanelId: `${testIds.tabList}-${activeTab}-tab`
+    tabPanelId: `${testIds.tabList}-${activeTab}-tab`,
+    shouldRenderNoResultsImage: shouldRenderNoResultsImage
   }), 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 : /*#__PURE__*/React.createElement(LinkSearchError, {
     onRetry: retry
   }) : null));

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

@@ -63,6 +63,7 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
   adaptiveHeight,
   className,
   tabPanelId,
+  shouldRenderNoResultsImage,
   ...restProps
 }, ref) => {
   var _activePlugin$uiOptio;
@@ -117,7 +118,9 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
     }
     return /*#__PURE__*/React.createElement("div", {
       id: tabPanelId
-    }, /*#__PURE__*/React.createElement(NoResults, null));
+    }, /*#__PURE__*/React.createElement(NoResults, {
+      shouldRenderImage: shouldRenderNoResultsImage
+    }));
   }
   const listItemNameMaxLines = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
   if (items && items.length > 0) {

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { EmptyState } from '../../../../../common/ui/empty-state';
 import { NoResultsSVG } from './no-results-svg';
 export const messages = defineMessages({
@@ -17,12 +18,14 @@ export const messages = defineMessages({
 export const testIds = {
   emptyResultPage: 'link-search-no-results'
 };
-export const NoResults = () => {
+export const NoResults = ({
+  shouldRenderImage = true
+}) => {
   const intl = useIntl();
   return /*#__PURE__*/React.createElement(EmptyState, {
     testId: testIds.emptyResultPage,
     header: intl.formatMessage(messages.noResults),
     description: intl.formatMessage(messages.noResultsDescription),
-    renderImage: () => /*#__PURE__*/React.createElement(NoResultsSVG, null)
+    renderImage: !shouldRenderImage && fg('aifc_create_enabled') ? undefined : () => /*#__PURE__*/React.createElement(NoResultsSVG, null)
   });
 };

package/dist/es2019/ui/main.js

@@ -15,7 +15,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "3.12.0" || '',
+  packageVersion: "3.12.1" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

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

@@ -5,6 +5,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { convertToError } from '@atlaskit/frontend-utilities/convert-to-error';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useLinkPickerAnalytics } from '../../common/analytics';
 import { ANALYTICS_CHANNEL, RECENT_SEARCH_LIST_SIZE } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
@@ -13,6 +14,7 @@ import { CancellationError, resolvePluginUpdates } from './utils';
 export function usePlugins(state, activeTab, plugins) {
   var _activePlugin$tabKey;
   var thirdPartyTabExperimentEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var recentSearchListSize = arguments.length > 4 ? arguments[4] : undefined;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = useState(0),
@@ -73,7 +75,7 @@ export function usePlugins(state, activeTab, plugins) {
               dispatch({
                 type: 'SUCCESS',
                 payload: {
-                  items: limit(value.data),
+                  items: limit(value.data, fg('aifc_create_enabled') ? recentSearchListSize : undefined),
                   isLoading: !done
                 }
               });
@@ -106,7 +108,7 @@ export function usePlugins(state, activeTab, plugins) {
     }();
     updateResults();
     return cancel;
-  }, [activePlugin, state, retries, createAnalyticsEvent, dispatch]);
+  }, [activePlugin, state, retries, createAnalyticsEvent, dispatch, recentSearchListSize]);
   var tabs = useMemo(function () {
     if (!plugins || plugins.length <= 1) {
       return [];
@@ -149,5 +151,6 @@ export function usePlugins(state, activeTab, plugins) {
   };
 }
 function limit(items) {
-  return items.slice(0, RECENT_SEARCH_LIST_SIZE);
+  var recentSearchListSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : RECENT_SEARCH_LIST_SIZE;
+  return items.slice(0, recentSearchListSize);
 }

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

@@ -108,7 +108,9 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     inputRef = _ref.inputRef,
     _ref$previewableLinks = _ref.previewableLinksOnly,
     previewableLinksOnly = _ref$previewableLinks === void 0 ? false : _ref$previewableLinks,
-    additionalError = _ref.additionalError;
+    additionalError = _ref.additionalError,
+    recentSearchListSize = _ref.recentSearchListSize,
+    shouldRenderNoResultsImage = _ref.shouldRenderNoResultsImage;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useReducer = useReducer(reducer, _objectSpread(_objectSpread({}, initState), {}, {
@@ -134,7 +136,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
   var linkPicker3pOneDriveExperimentCohort = FeatureGates.initializeCalled() ? FeatureGates.getExperimentValue('link_picker_3p_onedrive_experiment', 'cohort', 'control') : 'control';
   var oneDriveTabExperimentEnabled = linkPicker3pOneDriveExperimentCohort === 'show_onedrive_tab';
   var thirdPartyTabExperimentEnabled = googleDriveTabExperimentEnabled || oneDriveTabExperimentEnabled;
-  var _usePlugins = usePlugins(queryState, activeTab, plugins, thirdPartyTabExperimentEnabled),
+  var _usePlugins = usePlugins(queryState, activeTab, plugins, thirdPartyTabExperimentEnabled, recentSearchListSize),
     items = _usePlugins.items,
     isLoadingResults = _usePlugins.isLoading,
     isActivePlugin = _usePlugins.isActivePlugin,
@@ -491,7 +493,8 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     handleTabChange: handleTabChange,
     handleSearchListOnChange: handleSearchListOnChange,
     adaptiveHeight: adaptiveHeight,
-    retry: retry
+    retry: retry,
+    shouldRenderNoResultsImage: shouldRenderNoResultsImage
   }), /*#__PURE__*/React.createElement(FormFooter, {
     error: error,
     items: items

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

@@ -44,7 +44,8 @@ export var SearchResults = function SearchResults(_ref) {
     handleSelected = _ref.handleSelected,
     handleKeyDown = _ref.handleKeyDown,
     adaptiveHeight = _ref.adaptiveHeight,
-    retry = _ref.retry;
+    retry = _ref.retry,
+    shouldRenderNoResultsImage = _ref.shouldRenderNoResultsImage;
   var isActivePlugin = !!activePlugin;
   // Experiment with new 3P tabs in link picker. For more info, please see: go/link-picker-3p-drive-one-pager.
   var linkPicker3pDriveExperimentCohort = FeatureGates.initializeCalled() ? FeatureGates.getExperimentValue('link_picker_3p_drive_experiment', 'cohort', 'control') : 'control';
@@ -92,7 +93,8 @@ export var SearchResults = function SearchResults(_ref) {
     hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
     activePlugin: activePlugin,
     adaptiveHeight: adaptiveHeight,
-    tabPanelId: "".concat(testIds.tabList, "-").concat(activeTab, "-tab")
+    tabPanelId: "".concat(testIds.tabList, "-").concat(activeTab, "-tab"),
+    shouldRenderNoResultsImage: shouldRenderNoResultsImage
   }), 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 : /*#__PURE__*/React.createElement(LinkSearchError, {
     onRetry: retry
   }) : null));

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

@@ -2,7 +2,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", "adaptiveHeight", "className", "tabPanelId"];
+var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight", "className", "tabPanelId", "shouldRenderNoResultsImage"];
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -67,6 +67,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     adaptiveHeight = _ref.adaptiveHeight,
     className = _ref.className,
     tabPanelId = _ref.tabPanelId,
+    shouldRenderNoResultsImage = _ref.shouldRenderNoResultsImage,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var itemsContent;
   var loadingContent;
@@ -119,7 +120,9 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return /*#__PURE__*/React.createElement("div", {
       id: tabPanelId
-    }, /*#__PURE__*/React.createElement(NoResults, null));
+    }, /*#__PURE__*/React.createElement(NoResults, {
+      shouldRenderImage: shouldRenderNoResultsImage
+    }));
   }
   var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
   if (items && items.length > 0) {

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { EmptyState } from '../../../../../common/ui/empty-state';
 import { NoResultsSVG } from './no-results-svg';
 export var messages = defineMessages({
@@ -17,13 +18,15 @@ export var messages = defineMessages({
 export var testIds = {
   emptyResultPage: 'link-search-no-results'
 };
-export var NoResults = function NoResults() {
+export var NoResults = function NoResults(_ref) {
+  var _ref$shouldRenderImag = _ref.shouldRenderImage,
+    shouldRenderImage = _ref$shouldRenderImag === void 0 ? true : _ref$shouldRenderImag;
   var intl = useIntl();
   return /*#__PURE__*/React.createElement(EmptyState, {
     testId: testIds.emptyResultPage,
     header: intl.formatMessage(messages.noResults),
     description: intl.formatMessage(messages.noResultsDescription),
-    renderImage: function renderImage() {
+    renderImage: !shouldRenderImage && fg('aifc_create_enabled') ? undefined : function () {
       return /*#__PURE__*/React.createElement(NoResultsSVG, null);
     }
   });

package/dist/esm/ui/main.js

@@ -16,7 +16,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "3.12.0" || '',
+  packageVersion: "3.12.1" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

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

@@ -44,6 +44,14 @@ export interface ResolveResult {
 export interface LinkPickerUiOptions {
     /** Maximum number of lines to display for the item name */
     listItemNameMaxLines?: number;
+    /** Showing dynamic list size based on window height */
+    recentSearchListSize?: number;
+    /** Adaptive height */
+    adaptiveHeight?: boolean;
+    /** Hide display text */
+    hideDisplayText?: boolean;
+    /** Controls showing the image in the no results state */
+    shouldRenderNoResultsImage?: boolean;
 }
 export interface LinkPickerPlugin {
     resolve: (state: LinkPickerState) => Promise<ResolveResult> | AsyncGenerator<ResolveResult, ResolveResult>;
@@ -163,6 +171,10 @@ export interface LinkPickerProps {
     previewableLinksOnly?: boolean;
     /**This prop passes one additional error that is secondary to component errors */
     additionalError?: React.ReactNode;
+    /** Showing dynamic list size based on window height */
+    recentSearchListSize?: number;
+    /** Controls showing the image in the no results state */
+    shouldRenderNoResultsImage?: boolean;
 }
 type CustomLinkPickerMessages = {
     /** Label for the link input field */

package/dist/types/services/use-plugins/index.d.ts

@@ -13,4 +13,4 @@ export interface LinkPickerPluginsService {
     pluginAction?: LinkPickerPluginAction;
     pluginBanner?: LinkPickerPluginBanner;
 }
-export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[], thirdPartyTabExperimentEnabled?: boolean): LinkPickerPluginsService;
+export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[], thirdPartyTabExperimentEnabled?: boolean, recentSearchListSize?: number): LinkPickerPluginsService;

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

@@ -40,5 +40,6 @@ export type SearchResultsProps = {
     error?: unknown;
     adaptiveHeight: boolean;
     retry: () => void;
+    shouldRenderNoResultsImage?: boolean;
 };
-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.Element;
+export declare const SearchResults: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, adaptiveHeight, retry, shouldRenderNoResultsImage, }: SearchResultsProps) => JSX.Element;

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

@@ -49,6 +49,7 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     activePlugin?: LinkPickerPlugin;
     /** Because we don't use the DST TabPanels component, tabPanelId is needed to set the correct aria-controls for a11y. */
     tabPanelId?: string;
+    shouldRenderNoResultsImage?: boolean;
 }
 export declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -14,4 +14,6 @@ export declare const messages: {
 export declare const testIds: {
     emptyResultPage: string;
 };
-export declare const NoResults: () => React.JSX.Element;
+export declare const NoResults: ({ shouldRenderImage }: {
+    shouldRenderImage?: boolean;
+}) => React.JSX.Element;

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

@@ -47,6 +47,14 @@ export interface ResolveResult {
 export interface LinkPickerUiOptions {
     /** Maximum number of lines to display for the item name */
     listItemNameMaxLines?: number;
+    /** Showing dynamic list size based on window height */
+    recentSearchListSize?: number;
+    /** Adaptive height */
+    adaptiveHeight?: boolean;
+    /** Hide display text */
+    hideDisplayText?: boolean;
+    /** Controls showing the image in the no results state */
+    shouldRenderNoResultsImage?: boolean;
 }
 export interface LinkPickerPlugin {
     resolve: (state: LinkPickerState) => Promise<ResolveResult> | AsyncGenerator<ResolveResult, ResolveResult>;
@@ -166,6 +174,10 @@ export interface LinkPickerProps {
     previewableLinksOnly?: boolean;
     /**This prop passes one additional error that is secondary to component errors */
     additionalError?: React.ReactNode;
+    /** Showing dynamic list size based on window height */
+    recentSearchListSize?: number;
+    /** Controls showing the image in the no results state */
+    shouldRenderNoResultsImage?: boolean;
 }
 type CustomLinkPickerMessages = {
     /** Label for the link input field */

package/dist/types-ts4.5/services/use-plugins/index.d.ts

@@ -13,4 +13,4 @@ export interface LinkPickerPluginsService {
     pluginAction?: LinkPickerPluginAction;
     pluginBanner?: LinkPickerPluginBanner;
 }
-export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[], thirdPartyTabExperimentEnabled?: boolean): LinkPickerPluginsService;
+export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[], thirdPartyTabExperimentEnabled?: boolean, recentSearchListSize?: number): LinkPickerPluginsService;

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

@@ -40,5 +40,6 @@ export type SearchResultsProps = {
     error?: unknown;
     adaptiveHeight: boolean;
     retry: () => void;
+    shouldRenderNoResultsImage?: boolean;
 };
-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.Element;
+export declare const SearchResults: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, adaptiveHeight, retry, shouldRenderNoResultsImage, }: SearchResultsProps) => JSX.Element;

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

@@ -49,6 +49,7 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     activePlugin?: LinkPickerPlugin;
     /** Because we don't use the DST TabPanels component, tabPanelId is needed to set the correct aria-controls for a11y. */
     tabPanelId?: string;
+    shouldRenderNoResultsImage?: boolean;
 }
 export declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -14,4 +14,6 @@ export declare const messages: {
 export declare const testIds: {
     emptyResultPage: string;
 };
-export declare const NoResults: () => React.JSX.Element;
+export declare const NoResults: ({ shouldRenderImage }: {
+    shouldRenderImage?: boolean;
+}) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "3.12.1",
+	"version": "3.13.0",
 	"description": "Standalone link picker",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -43,6 +43,9 @@
 		},
 		"should-render-to-parent-should-be-true-linking-pla": {
 			"type": "boolean"
+		},
+		"aifc_create_enabled": {
+			"type": "boolean"
 		}
 	},
 	"scripts": {