@atlaskit/link-picker 1.22.2 → 1.23.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/link-picker
 
+## 1.23.0
+
+### Minor Changes
+
+- [`5b744a84924`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b744a84924) - [ux] Support for an empty state in LinkPicker, and implementation of empty state for the link-picker-atlassian-plugin
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.22.2
 
 ### Patch Changes

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

@@ -88,7 +88,7 @@ var LinkInputField = (0, _analytics2.withInputFieldTracking)(_textInput.default,
 });
 var DisplayTextInputField = (0, _analytics2.withInputFieldTracking)(_textInput.default, 'displayText');
 function LinkPicker(_ref) {
-  var _errorFallback;
+  var _activePlugin$errorFa, _activePlugin$errorFa2;
   var onSubmit = _ref.onSubmit,
     onCancel = _ref.onCancel,
     onContentResize = _ref.onContentResize,
@@ -122,7 +122,6 @@ function LinkPicker(_ref) {
     tabs = _usePlugins.tabs,
     error = _usePlugins.error,
     retry = _usePlugins.retry,
-    errorFallback = _usePlugins.errorFallback,
     pluginAction = _usePlugins.pluginAction;
   var fixListHeightProps = (0, _useFixHeight.default)(isLoading);
   var isEditing = !!initUrl;
@@ -368,8 +367,9 @@ function LinkPicker(_ref) {
     onSelect: handleSelected,
     onChange: handleSearchListOnChange,
     onKeyDown: handleKeyDown,
-    hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length)
-  }), error && ((_errorFallback = errorFallback === null || errorFallback === void 0 ? void 0 : errorFallback(error, retry)) !== null && _errorFallback !== void 0 ? _errorFallback : (0, _react2.jsx)(_linkSearchError.default, null)))), (0, _react2.jsx)(_formFooter.default, {
+    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.default, null)))), (0, _react2.jsx)(_formFooter.default, {
     error: error,
     items: items,
     state: queryState,

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

@@ -11,6 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _reactIntlNext = require("react-intl-next");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
@@ -19,7 +20,8 @@ var _styled = require("./styled");
 var _linkSearchNoResults = _interopRequireWildcard(require("./link-search-no-results"));
 var _useTrackResultsShown = require("./use-track-results-shown");
 var _utils = require("../utils");
-var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "role", "id", "hasSearchTerm"];
+var _styled2 = require("./link-search-no-results/styled");
+var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "role", "id", "hasSearchTerm", "activePlugin"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -62,6 +64,7 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     role = _ref.role,
     id = _ref.id,
     hasSearchTerm = _ref.hasSearchTerm,
+    activePlugin = _ref.activePlugin,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var itemsContent;
   var loadingContent;
@@ -109,7 +112,17 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }
   }, [activeIndex, items, onChange, onKeyDown]);
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
-    return (0, _react2.jsx)(_linkSearchNoResults.default, null);
+    if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.enable-empty-state')) {
+      if (hasSearchTerm) {
+        return (0, _react2.jsx)(_linkSearchNoResults.default, null);
+      } else {
+        return (0, _react2.jsx)("div", {
+          css: _styled2.emptyStateNoResultsWrapper
+        }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null);
+      }
+    } else {
+      return (0, _react2.jsx)(_linkSearchNoResults.default, null);
+    }
   }
   if (items && items.length > 0) {
     itemsContent = (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {

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

@@ -4,9 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.emptyStateWrapperStyles = void 0;
+exports.emptyStateWrapperStyles = exports.emptyStateNoResultsWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject;
+var _templateObject, _templateObject2;
 var emptyStateWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & p {\n    margin: 0;\n  }\n"])));
-exports.emptyStateWrapperStyles = emptyStateWrapperStyles;
+exports.emptyStateWrapperStyles = emptyStateWrapperStyles;
+var emptyStateNoResultsWrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-height: ", ";\n"])), "var(--ds-space-200, 16px)");
+exports.emptyStateNoResultsWrapper = emptyStateNoResultsWrapper;

package/dist/cjs/version.json

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

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

@@ -89,7 +89,7 @@ function LinkPicker({
   hideDisplayText,
   featureFlags
 }) {
-  var _errorFallback;
+  var _activePlugin$errorFa, _activePlugin$errorFa2;
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
@@ -116,7 +116,6 @@ function LinkPicker({
     tabs,
     error,
     retry,
-    errorFallback,
     pluginAction
   } = usePlugins(queryState, activeTab, plugins);
   const fixListHeightProps = useFixHeight(isLoading);
@@ -362,8 +361,9 @@ function LinkPicker({
     onSelect: handleSelected,
     onChange: handleSearchListOnChange,
     onKeyDown: handleKeyDown,
-    hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length)
-  }), error && ((_errorFallback = errorFallback === null || errorFallback === void 0 ? void 0 : errorFallback(error, retry)) !== null && _errorFallback !== void 0 ? _errorFallback : jsx(LinkSearchError, null)))), jsx(FormFooter, {
+    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)))), jsx(FormFooter, {
     error: error,
     items: items,
     state: queryState,

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef, Fragment, useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -10,6 +11,7 @@ import { listContainerStyles, spinnerContainerStyles, listStyles, listTitleStyle
 import LinkSearchNoResults, { testIds as noResultsTestIds } from './link-search-no-results';
 import { useTrackResultsShown } from './use-track-results-shown';
 import { handleNavKeyDown } from '../utils';
+import { emptyStateNoResultsWrapper } from './link-search-no-results/styled';
 export const messages = defineMessages({
   titleRecentlyViewed: {
     id: 'fabric.linkPicker.listTitle.recentlyViewed',
@@ -47,6 +49,7 @@ const LinkSearchList = /*#__PURE__*/forwardRef(({
   role,
   id,
   hasSearchTerm,
+  activePlugin,
   ...restProps
 }, ref) => {
   let itemsContent;
@@ -95,7 +98,17 @@ const LinkSearchList = /*#__PURE__*/forwardRef(({
     }
   }, [activeIndex, items, onChange, onKeyDown]);
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
-    return jsx(LinkSearchNoResults, null);
+    if (getBooleanFF('platform.linking-platform.link-picker.enable-empty-state')) {
+      if (hasSearchTerm) {
+        return jsx(LinkSearchNoResults, null);
+      } else {
+        return jsx("div", {
+          css: emptyStateNoResultsWrapper
+        }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null);
+      }
+    } else {
+      return jsx(LinkSearchNoResults, null);
+    }
   }
   if (items && items.length > 0) {
     itemsContent = jsx(Fragment, null, jsx("div", {

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

@@ -3,4 +3,7 @@ export const emptyStateWrapperStyles = css`
   & p {
     margin: 0;
   }
+`;
+export const emptyStateNoResultsWrapper = css`
+  min-height: ${"var(--ds-space-200, 16px)"};
 `;

package/dist/es2019/version.json

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

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

@@ -77,7 +77,7 @@ var LinkInputField = withInputFieldTracking(TextInput, 'link', function (event,
 });
 var DisplayTextInputField = withInputFieldTracking(TextInput, 'displayText');
 function LinkPicker(_ref) {
-  var _errorFallback;
+  var _activePlugin$errorFa, _activePlugin$errorFa2;
   var onSubmit = _ref.onSubmit,
     onCancel = _ref.onCancel,
     onContentResize = _ref.onContentResize,
@@ -111,7 +111,6 @@ function LinkPicker(_ref) {
     tabs = _usePlugins.tabs,
     error = _usePlugins.error,
     retry = _usePlugins.retry,
-    errorFallback = _usePlugins.errorFallback,
     pluginAction = _usePlugins.pluginAction;
   var fixListHeightProps = useFixHeight(isLoading);
   var isEditing = !!initUrl;
@@ -357,8 +356,9 @@ function LinkPicker(_ref) {
     onSelect: handleSelected,
     onChange: handleSearchListOnChange,
     onKeyDown: handleKeyDown,
-    hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length)
-  }), error && ((_errorFallback = errorFallback === null || errorFallback === void 0 ? void 0 : errorFallback(error, retry)) !== null && _errorFallback !== void 0 ? _errorFallback : jsx(LinkSearchError, null)))), jsx(FormFooter, {
+    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)))), jsx(FormFooter, {
     error: error,
     items: items,
     state: queryState,

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

@@ -1,12 +1,13 @@
 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", "role", "id", "hasSearchTerm"];
+var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "role", "id", "hasSearchTerm", "activePlugin"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /** @jsx jsx */
 import { forwardRef, Fragment, useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -15,6 +16,7 @@ import { listContainerStyles, spinnerContainerStyles, listStyles, listTitleStyle
 import LinkSearchNoResults, { testIds as noResultsTestIds } from './link-search-no-results';
 import { useTrackResultsShown } from './use-track-results-shown';
 import { handleNavKeyDown } from '../utils';
+import { emptyStateNoResultsWrapper } from './link-search-no-results/styled';
 export var messages = defineMessages({
   titleRecentlyViewed: {
     id: 'fabric.linkPicker.listTitle.recentlyViewed',
@@ -51,6 +53,7 @@ var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     role = _ref.role,
     id = _ref.id,
     hasSearchTerm = _ref.hasSearchTerm,
+    activePlugin = _ref.activePlugin,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var itemsContent;
   var loadingContent;
@@ -98,7 +101,17 @@ var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [activeIndex, items, onChange, onKeyDown]);
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
-    return jsx(LinkSearchNoResults, null);
+    if (getBooleanFF('platform.linking-platform.link-picker.enable-empty-state')) {
+      if (hasSearchTerm) {
+        return jsx(LinkSearchNoResults, null);
+      } else {
+        return jsx("div", {
+          css: emptyStateNoResultsWrapper
+        }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null);
+      }
+    } else {
+      return jsx(LinkSearchNoResults, null);
+    }
   }
   if (items && items.length > 0) {
     itemsContent = jsx(Fragment, null, jsx("div", {

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

@@ -1,4 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
+var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
-export var emptyStateWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & p {\n    margin: 0;\n  }\n"])));
+export var emptyStateWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & p {\n    margin: 0;\n  }\n"])));
+export var emptyStateNoResultsWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: ", ";\n"])), "var(--ds-space-200, 16px)");

package/dist/esm/version.json

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

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 export { ComposedLinkPicker as LinkPicker } from './ui';
 export type { LinkPickerProps } from './ui/link-picker';
-export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, } from './ui/types';
+export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, } from './ui/types';
 export { UnauthenticatedError } from './common/utils/errors';

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { KeyboardEvent } from 'react';
-import { LinkSearchListItemData } from '../../types';
+import { LinkPickerPlugin, LinkSearchListItemData } from '../../types';
 export declare const messages: {
     titleRecentlyViewed: {
         id: string;
@@ -39,6 +39,7 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     role?: string;
     id?: string;
     hasSearchTerm?: boolean;
+    activePlugin?: LinkPickerPlugin;
 }
 declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
 export default LinkSearchList;

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

@@ -1 +1,2 @@
 export declare const emptyStateWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const emptyStateNoResultsWrapper: import("@emotion/react").SerializedStyles;

package/dist/types/ui/types.d.ts

@@ -48,6 +48,8 @@ export interface LinkPickerPlugin {
     tabTitle?: string;
     /** Render function to customise the UI that is displayed when an error occurs resolving results */
     errorFallback?: LinkPickerPluginErrorFallback;
+    /** Render function to customise the UI that is displayed when there are no results, but an empty form (no search term) */
+    emptyStateNoResults?: LinkPickerPluginEmptyStateNoResults;
     /** Metadata about the plugin */
     meta?: {
         /** The data source that provides all results provided by the plugin */
@@ -63,3 +65,4 @@ export interface LinkPickerPluginAction {
     callback: () => void;
 }
 export type LinkPickerPluginErrorFallback = (error: unknown, retry: () => void) => ReactNode;
+export type LinkPickerPluginEmptyStateNoResults = () => ReactNode;

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

@@ -1,4 +1,4 @@
 export { ComposedLinkPicker as LinkPicker } from './ui';
 export type { LinkPickerProps } from './ui/link-picker';
-export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, } from './ui/types';
+export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, } from './ui/types';
 export { UnauthenticatedError } from './common/utils/errors';

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { KeyboardEvent } from 'react';
-import { LinkSearchListItemData } from '../../types';
+import { LinkPickerPlugin, LinkSearchListItemData } from '../../types';
 export declare const messages: {
     titleRecentlyViewed: {
         id: string;
@@ -39,6 +39,7 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     role?: string;
     id?: string;
     hasSearchTerm?: boolean;
+    activePlugin?: LinkPickerPlugin;
 }
 declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
 export default LinkSearchList;

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

@@ -1 +1,2 @@
 export declare const emptyStateWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const emptyStateNoResultsWrapper: import("@emotion/react").SerializedStyles;

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

@@ -48,6 +48,8 @@ export interface LinkPickerPlugin {
     tabTitle?: string;
     /** Render function to customise the UI that is displayed when an error occurs resolving results */
     errorFallback?: LinkPickerPluginErrorFallback;
+    /** Render function to customise the UI that is displayed when there are no results, but an empty form (no search term) */
+    emptyStateNoResults?: LinkPickerPluginEmptyStateNoResults;
     /** Metadata about the plugin */
     meta?: {
         /** The data source that provides all results provided by the plugin */
@@ -63,3 +65,4 @@ export interface LinkPickerPluginAction {
     callback: () => void;
 }
 export type LinkPickerPluginErrorFallback = (error: unknown, retry: () => void) => ReactNode;
+export type LinkPickerPluginEmptyStateNoResults = () => ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.22.2",
+  "version": "1.23.0",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -33,6 +33,11 @@
   "af:exports": {
     ".": "./src/index.ts"
   },
+  "platform-feature-flags": {
+    "platform.linking-platform.link-picker.enable-empty-state": {
+      "type": "boolean"
+    }
+  },
   "scripts": {
     "ak-postbuild": "ls -d dist/* | grep -v dist/types | xargs -n 1 copyfiles -u 1 -V src/**/*.svg",
     "codegen-analytics": "yarn run ts-analytics-codegen --command='yarn workspace @atlaskit/link-picker run codegen-analytics'"
@@ -44,8 +49,9 @@
     "@atlaskit/form": "^8.11.0",
     "@atlaskit/frontend-utilities": "^2.6.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/linking-common": "^2.13.0",
+    "@atlaskit/linking-common": "^2.15.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.5.0",
@@ -72,13 +78,15 @@
     "@atlaskit/link-analytics": "^8.0.0",
     "@atlaskit/link-provider": "^1.6.0",
     "@atlaskit/link-test-helpers": "^4.0.0",
+    "@atlaskit/linking-common": "^2.15.0",
     "@atlaskit/popup": "^1.6.0",
     "@atlaskit/toggle": "^12.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
-    "@atlassian/link-picker-atlassian-plugin": "^32.1.0",
-    "@atlassian/link-picker-plugins": "^22.1.0",
+    "@atlassian/feature-flags-test-utils": "*",
+    "@atlassian/link-picker-atlassian-plugin": "^33.2.0",
+    "@atlassian/link-picker-plugins": "^22.2.0",
     "@atlassian/recent-work-client": "^1.8.0",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.5",

package/report.api.md

@@ -33,6 +33,7 @@ export const LinkPicker: React_2.MemoExoticComponent<
 // @public (undocumented)
 export interface LinkPickerPlugin {
   action?: LinkPickerPluginAction;
+  emptyStateNoResults?: LinkPickerPluginEmptyStateNoResults;
   errorFallback?: LinkPickerPluginErrorFallback;
   meta?: {
     source?: string;
@@ -54,6 +55,9 @@ export interface LinkPickerPluginAction {
   label: MessageDescriptor | string;
 }
 
+// @public (undocumented)
+export type LinkPickerPluginEmptyStateNoResults = () => ReactNode;
+
 // @public (undocumented)
 export type LinkPickerPluginErrorFallback = (
   error: unknown,

package/tmp/api-report-tmp.d.ts

@@ -20,6 +20,7 @@ export const LinkPicker: React_2.MemoExoticComponent<(props: LinkPickerProps) =>
 // @public (undocumented)
 export interface LinkPickerPlugin {
     action?: LinkPickerPluginAction;
+    emptyStateNoResults?: LinkPickerPluginEmptyStateNoResults;
     errorFallback?: LinkPickerPluginErrorFallback;
     meta?: {
         source?: string;
@@ -39,6 +40,9 @@ export interface LinkPickerPluginAction {
     label: MessageDescriptor | string;
 }
 
+// @public (undocumented)
+export type LinkPickerPluginEmptyStateNoResults = () => ReactNode;
+
 // @public (undocumented)
 export type LinkPickerPluginErrorFallback = (error: unknown, retry: () => void) => ReactNode;