@atlaskit/link-picker 1.25.3 → 1.25.5

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

@@ -1,27 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css } from '@emotion/react';
-import { N500 } from '@atlaskit/theme/colors';
 var LINK_PICKER_WIDTH_IN_PX = 342;
 
-// See lazy-load-height example to verify these
-var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT = 142;
-var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT = 220;
-
 /**
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
 export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n  padding: ", " ", "\n    ", ";\n  box-sizing: border-box;\n  line-height: initial;\n"])), LINK_PICKER_WIDTH_IN_PX, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
-
-/** Styles for skeleton element when Link Picker loading */
-var rootContainerStylesForLoader = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), rootContainerStyles);
-
-/** Link Picker loader / skeleton will be taller in height when displayText field is shown */
-export var rootContainerStylesForLoaderWithDisplaytext = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT);
-
-/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
-export var rootContainerStylesForLoaderWithoutDisplaytext = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT);
-export var searchIconStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n  color: ", ";\n  cursor: default;\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(N500, ")"));
-export var tabsWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  margin-left: calc(-1 * ", ");\n  margin-right: calc(-1 * ", ");\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
-export var flexColumnStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-export var formFooterMargin = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
+export var tabsWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  margin-left: calc(-1 * ", ");\n  margin-right: calc(-1 * ", ");\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+export var flexColumnStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+export var formFooterMargin = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");

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

@@ -2,15 +2,15 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
 /** @jsx jsx */
-import { useCallback, useRef, Fragment } from 'react';
+import { Fragment, useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
 import { ErrorMessage, Field } from '@atlaskit/form';
-import Tooltip from '@atlaskit/tooltip';
-import Textfield from '@atlaskit/textfield';
 import Selectclear from '@atlaskit/icon/glyph/select-clear';
-import { ConditionalSpotlightTargetWrapper } from '../conditional-spotlight-target-wrapper';
-import { isRedoEvent, isUndoEvent } from '../utils';
+import Textfield from '@atlaskit/textfield';
+import Tooltip from '@atlaskit/tooltip';
+import { ConditionalSpotlightTargetWrapper } from './conditional-spotlight-target-wrapper';
 import { clearTextButtonStyles, fieldStyles } from './styled';
+import { isRedoEvent, isUndoEvent } from './utils';
 export var testIds = {
   urlError: 'link-error',
   clearUrlButton: 'clear-text'

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

@@ -0,0 +1,20 @@
+import { browser } from '@atlaskit/linking-common/user-agent';
+var KeyZCode = 90;
+var KeyYCode = 89;
+export var isUndoEvent = function isUndoEvent(e) {
+  var _browser = browser(),
+    mac = _browser.mac;
+  return e.keyCode === KeyZCode && (
+  // cmd + z for mac
+  mac && e.metaKey && !e.shiftKey ||
+  // ctrl + z for non-mac
+  !mac && e.ctrlKey);
+};
+export var isRedoEvent = function isRedoEvent(e) {
+  var _browser2 = browser(),
+    mac = _browser2.mac;
+  return (
+    // ctrl + y for non-mac
+    !mac && e.ctrlKey && e.keyCode === KeyYCode || mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
+  );
+};

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

@@ -2,8 +2,8 @@
 import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { succeedUfoExperience, ufoExperience } from '../../../common/analytics/experiences';
-import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { useLinkPickerSessionId } from '../../../controllers/session-provider';
 
 /**

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

@@ -1,7 +1,7 @@
-import { timeMessages } from './messages';
+import isYesterday from 'date-fns/isYesterday';
 import { isMoreThanOneWeekAgo } from '../../common/utils/date';
 import { selectUnit } from '../../common/utils/dateUtils';
-import isYesterday from 'date-fns/isYesterday';
+import { timeMessages } from './messages';
 var formatTime = function formatTime(timeStamp, intl) {
   var isAbsolute = isMoreThanOneWeekAgo(timeStamp);
   if (isAbsolute) {

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

@@ -1,24 +1,4 @@
-import { browser } from '@atlaskit/linking-common/user-agent';
 import { transformTimeStamp } from './transformTimeStamp';
-var KeyZCode = 90;
-var KeyYCode = 89;
-export var isUndoEvent = function isUndoEvent(e) {
-  var _browser = browser(),
-    mac = _browser.mac;
-  return e.keyCode === KeyZCode && (
-  // cmd + z for mac
-  mac && e.metaKey && !e.shiftKey ||
-  // ctrl + z for non-mac
-  !mac && e.ctrlKey);
-};
-export var isRedoEvent = function isRedoEvent(e) {
-  var _browser2 = browser(),
-    mac = _browser2.mac;
-  return (
-    // ctrl + y for non-mac
-    !mac && e.ctrlKey && e.keyCode === KeyYCode || mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
-  );
-};
 
 /**
  * Retrieve the data source for a link given the item and the plugin that resolved it
@@ -37,26 +17,4 @@ export function getScreenReaderText(items, selectedIndex, intl) {
     var date = transformTimeStamp(intl, lastViewedDate, lastUpdatedDate);
     return [name, container, date].filter(Boolean).join(', ');
   }
-}
-export var handleNavKeyDown = function handleNavKeyDown(event, itemsLength, activeIndex) {
-  var updatedIndex = activeIndex;
-  switch (event.key) {
-    case 'ArrowDown':
-      event.preventDefault();
-      updatedIndex = (activeIndex + 1) % itemsLength;
-      break;
-    case 'ArrowUp':
-      event.preventDefault();
-      updatedIndex = activeIndex > 0 ? activeIndex - 1 : itemsLength - 1;
-      break;
-    case 'Home':
-      event.preventDefault();
-      updatedIndex = 0;
-      break;
-    case 'End':
-      event.preventDefault();
-      updatedIndex = itemsLength - 1;
-      break;
-  }
-  return updatedIndex;
-};
+}

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
-import { rootContainerStylesForLoaderWithDisplaytext, rootContainerStylesForLoaderWithoutDisplaytext } from '../link-picker/styled';
+import { rootContainerStylesForLoaderWithDisplaytext, rootContainerStylesForLoaderWithoutDisplaytext } from './styled';
 
 /**
  * Loader / skeleton for the Link Picker. Takes displayText prop - when no displayText is given the height of the skeleton

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

@@ -0,0 +1,16 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+import { rootContainerStyles } from '../link-picker/styled';
+
+/** Link Picker loader / skeleton will be taller in height when displayText field is shown */
+// See lazy-load-height example to verify these
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT = 142;
+var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT = 220;
+var rootContainerStylesForLoader = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), rootContainerStyles);
+export var rootContainerStylesForLoaderWithDisplaytext = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT);
+
+/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
+export var rootContainerStylesForLoaderWithoutDisplaytext = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT);

package/dist/esm/version.json

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
+import { LinkPickerProps } from '../../index';
 import { LinkPickerAnalyticsContextType } from '../utils/analytics/analytics.codegen';
-import { LinkPickerProps } from '../../';
 type AnalyticsContextAttributesType = LinkPickerAnalyticsContextType;
 export type TrackAttribute = <K extends keyof LinkPickerAnalyticsContextType>(attribute: K, value: AnalyticsContextAttributesType[K]) => void;
 interface AnalyticsContextType {

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

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

package/dist/{types-ts4.5/ui → types/common}/types.d.ts

@@ -61,3 +61,13 @@ export interface LinkPickerPluginAction {
 }
 export type LinkPickerPluginErrorFallback = (error: unknown, retry: () => void) => ReactNode;
 export type LinkPickerPluginEmptyStateNoResults = () => ReactNode;
+export interface PickerState {
+    selectedIndex: number;
+    activeIndex: number;
+    url: string;
+    displayText: string;
+    invalidUrl: boolean;
+    activeTab: number;
+    /** When true, even if the selected index is -1, don't hide the recents. */
+    preventHidingRecents: boolean;
+}

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

@@ -0,0 +1,2 @@
+import { KeyboardEvent } from 'react';
+export declare const handleNavKeyDown: (event: KeyboardEvent<HTMLElement>, itemsLength: number, activeIndex: number) => number;

package/dist/types/i18n/en.d.ts

@@ -31,5 +31,6 @@ declare const _default: {
     'fabric.linkPicker.time.message.viewed': string;
     'fabric.linkPicker.unhandledError.description': string;
     'fabric.linkPicker.unhandledError.heading': string;
+    foo: string;
 };
 export default _default;

package/dist/types/i18n/en_GB.d.ts

@@ -31,5 +31,6 @@ declare const _default: {
     'fabric.linkPicker.time.message.viewed': string;
     'fabric.linkPicker.unhandledError.description': string;
     'fabric.linkPicker.unhandledError.heading': string;
+    foo: string;
 };
 export default _default;

package/dist/types/i18n/en_ZZ.d.ts

@@ -31,5 +31,6 @@ declare const _default: {
     'fabric.linkPicker.time.message.viewed': string;
     'fabric.linkPicker.unhandledError.description': string;
     'fabric.linkPicker.unhandledError.heading': string;
+    foo: string;
 };
 export default _default;

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, LinkPickerPluginEmptyStateNoResults, } from './ui/types';
+export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, } from './common/types';
 export { UnauthenticatedError } from './common/utils/errors';

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

@@ -1,4 +1,4 @@
-import { LinkPickerPlugin, LinkPickerPluginAction, LinkPickerPluginErrorFallback, LinkPickerState, LinkSearchListItemData } from '../../ui/types';
+import { LinkPickerPlugin, LinkPickerPluginAction, LinkPickerPluginErrorFallback, LinkPickerState, LinkSearchListItemData } from '../../common/types';
 export interface LinkPickerPluginsService {
     items: LinkSearchListItemData[] | null;
     isLoading: boolean;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LinkSearchListItemData } from '../../ui/types';
+import { LinkSearchListItemData } from '../../common/types';
 export interface PluginState {
     items: LinkSearchListItemData[] | null;
     error: unknown | null;

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

@@ -1,4 +1,4 @@
-import { LinkPickerPlugin, LinkPickerState, ResolveResult } from '../../ui/types';
+import { LinkPickerPlugin, LinkPickerState, ResolveResult } from '../../common/types';
 export declare class CancellationError extends Error {
 }
 export declare const cancellable: <T extends unknown>(promise: Promise<T>) => {

package/dist/types/services/use-search-query/index.d.ts

@@ -1,3 +1,2 @@
-import { LinkPickerState } from '../../ui/types';
-import { PickerState } from '../../ui/link-picker';
+import { LinkPickerState, PickerState } from '../../common/types';
 export declare function useSearchQuery(state: PickerState): LinkPickerState | null;

package/dist/types/ui/link-picker/form-footer/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { LinkPickerPluginAction, LinkPickerState, LinkSearchListItemData } from '../../types';
+import { LinkPickerPluginAction, LinkPickerState, LinkSearchListItemData } from '../../../common/types';
 export declare const testIds: {
     readonly insertButton: "link-picker-insert-button";
     readonly cancelButton: "link-picker-cancel-button";

package/dist/types/ui/link-picker/form-footer/utils.d.ts

@@ -1,2 +1,2 @@
-import { LinkPickerState, LinkSearchListItemData } from '../../types';
+import { LinkPickerState, LinkSearchListItemData } from '../../../common/types';
 export declare const checkSubmitDisabled: (isLoading: boolean, error: unknown | null, url: string, queryState: LinkPickerState | null, items: LinkSearchListItemData[] | null) => boolean;

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

@@ -1,28 +1,26 @@
 /// <reference types="react" />
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { LinkInputType, LinkPickerPlugin } from '../types';
-export declare const RECENT_SEARCH_LIST_SIZE = 5;
+import { LinkInputType, LinkPickerPlugin } from '../../common/types';
 export declare const testIds: {
-    readonly tabList: "link-picker-tabs";
-    readonly tabItem: "link-picker-tab";
     readonly urlError: string;
     readonly clearUrlButton: string;
+    readonly insertButton: "link-picker-insert-button";
+    readonly cancelButton: "link-picker-cancel-button";
+    readonly actionButton: "link-picker-action-button";
+    readonly tabsLoadingIndicator: string;
+    readonly tabList: string;
+    readonly tabItem: string;
     readonly resultListTitle: string;
     readonly searchResultList: string;
     readonly searchResultLoadingIndicator: string;
-    readonly tabsLoadingIndicator: string;
     readonly searchResultItem: string;
     readonly searchResultIcon: string;
     readonly emptyResultPage: string;
     readonly searchError: string;
-    readonly insertButton: "link-picker-insert-button";
-    readonly cancelButton: "link-picker-cancel-button";
-    readonly actionButton: "link-picker-action-button";
     readonly linkPickerRoot: "link-picker-root";
     readonly linkPicker: "link-picker";
     readonly urlInputField: "link-url";
     readonly textInputField: "link-text";
-    readonly searchIcon: "link-picker-search-icon";
 };
 interface Meta {
     /** Indicates how the link was picked. */
@@ -70,15 +68,5 @@ export interface LinkPickerProps {
     hideDisplayText?: boolean;
     featureFlags?: Record<string, unknown>;
 }
-export interface PickerState {
-    selectedIndex: number;
-    activeIndex: number;
-    url: string;
-    displayText: string;
-    invalidUrl: boolean;
-    activeTab: number;
-    /** When true, even if the selected index is -1, don't hide the recents. */
-    preventHidingRecents: boolean;
-}
 export declare const LinkPicker: import("react").ComponentType<LinkPickerProps>;
 export {};

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

@@ -0,0 +1,40 @@
+/** @jsx jsx */
+import { KeyboardEvent } from 'react';
+import { jsx } from '@emotion/react';
+import { LinkPickerPlugin, LinkSearchListItemData } from '../../../common/types';
+export declare const testIds: {
+    tabsLoadingIndicator: string;
+    tabList: string;
+    tabItem: string;
+    resultListTitle: string;
+    searchResultList: string;
+    searchResultLoadingIndicator: string;
+    searchResultItem: string;
+    searchResultIcon: string;
+    emptyResultPage: string;
+    searchError: string;
+};
+export type SearchResultsProps = {
+    activePlugin?: LinkPickerPlugin;
+    tabs: {
+        tabTitle: string;
+    }[];
+    isLoadingPlugins?: boolean;
+    isLoadingResults: boolean;
+    activeTab: number;
+    handleTabChange: (activeTab: number) => void;
+    handleSearchListOnChange: (id: string) => void;
+    featureFlags?: Record<string, unknown>;
+    linkSearchListId: string;
+    queryState?: {
+        query: string;
+    };
+    items?: LinkSearchListItemData[] | null;
+    activeIndex: number;
+    selectedIndex: number;
+    handleSelected: (objectId: string) => void;
+    handleKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
+    error?: unknown;
+    retry: () => void;
+};
+export declare const SearchResults: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, retry, }: SearchResultsProps) => jsx.JSX.Element;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { KeyboardEvent } from 'react';
-import { LinkPickerPlugin, LinkSearchListItemData } from '../../types';
+import { LinkPickerPlugin, LinkSearchListItemData } from '../../../../common/types';
 export declare const messages: {
     titleRecentlyViewed: {
         id: string;

package/dist/types/ui/link-picker/{list-item → search-results/link-search-list/list-item}/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { KeyboardEvent } from 'react';
-import { LinkSearchListItemData } from '../../types';
+import { LinkSearchListItemData } from '../../../../../common/types';
 export declare const testIds: {
     searchResultItem: string;
     searchResultIcon: string;

package/dist/types/ui/link-picker/{link-search-list → search-results/link-search-list}/use-track-results-shown/index.d.ts

@@ -1,2 +1,2 @@
-import { LinkSearchListItemData } from '../../../types';
+import { LinkSearchListItemData } from '../../../../../common/types';
 export declare const useTrackResultsShown: (isLoading: boolean, items?: LinkSearchListItemData[] | null | undefined, hasSearchTerm?: boolean) => void;

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

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

package/dist/types/ui/link-picker/{track-tab-viewed → search-results/track-tab-viewed}/index.d.ts

@@ -1,4 +1,4 @@
-import { LinkPickerPlugin } from '../../../index';
+import { LinkPickerPlugin } from '../../../../common/types';
 export declare function TrackTabViewed({ activePlugin, }: {
     activePlugin: LinkPickerPlugin | undefined;
 }): null;

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

@@ -2,11 +2,6 @@
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
 export declare const rootContainerStyles: import("@emotion/react").SerializedStyles;
-/** Link Picker loader / skeleton will be taller in height when displayText field is shown */
-export declare const rootContainerStylesForLoaderWithDisplaytext: import("@emotion/react").SerializedStyles;
-/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
-export declare const rootContainerStylesForLoaderWithoutDisplaytext: import("@emotion/react").SerializedStyles;
-export declare const searchIconStyles: import("@emotion/react").SerializedStyles;
 export declare const tabsWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const flexColumnStyles: import("@emotion/react").SerializedStyles;
 export declare const formFooterMargin: import("@emotion/react").SerializedStyles;

package/dist/types/ui/link-picker/{conditional-spotlight-target-wrapper → text-input/conditional-spotlight-target-wrapper}/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import type { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 export interface ConditionalSpotlightTargetWrapperProps {
     spotlightTargetName?: string;
     children: React.ReactElement;

package/dist/types/ui/link-picker/text-input/index.d.ts

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 import { TextFieldProps } from '@atlaskit/textfield';
-import { ConditionalSpotlightTargetWrapperProps } from '../conditional-spotlight-target-wrapper';
+import { ConditionalSpotlightTargetWrapperProps } from './conditional-spotlight-target-wrapper';
 export type TextInputProps = Omit<TextFieldProps, 'name' | 'value'> & Pick<ConditionalSpotlightTargetWrapperProps, 'spotlightTargetName'> & {
     name: string;
     value: string;

package/dist/types/ui/link-picker/text-input/utils.d.ts

@@ -0,0 +1,3 @@
+import { KeyboardEvent } from 'react';
+export declare const isUndoEvent: (e: KeyboardEvent<HTMLInputElement>) => boolean;
+export declare const isRedoEvent: (e: KeyboardEvent<HTMLInputElement>) => boolean;

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

@@ -1,11 +1,7 @@
-import { KeyboardEvent } from 'react';
 import { IntlShape } from 'react-intl-next';
-import { LinkPickerPlugin, LinkSearchListItemData } from '../types';
-export declare const isUndoEvent: (e: KeyboardEvent<HTMLInputElement>) => boolean;
-export declare const isRedoEvent: (e: KeyboardEvent<HTMLInputElement>) => boolean;
+import { LinkPickerPlugin, LinkSearchListItemData } from '../../common/types';
 /**
  * Retrieve the data source for a link given the item and the plugin that resolved it
  */
 export declare const getDataSource: (item: LinkSearchListItemData, plugin?: LinkPickerPlugin) => string;
 export declare function getScreenReaderText(items: LinkSearchListItemData[], selectedIndex: number, intl: IntlShape): string | undefined;
-export declare const handleNavKeyDown: (event: KeyboardEvent<HTMLElement>, itemsLength: number, activeIndex: number) => number;

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

@@ -0,0 +1,3 @@
+export declare const rootContainerStylesForLoaderWithDisplaytext: import("@emotion/react").SerializedStyles;
+/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
+export declare const rootContainerStylesForLoaderWithoutDisplaytext: import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,6 @@
 import React from 'react';
+import { LinkPickerProps } from '../../index';
 import { LinkPickerAnalyticsContextType } from '../utils/analytics/analytics.codegen';
-import { LinkPickerProps } from '../../';
 type AnalyticsContextAttributesType = LinkPickerAnalyticsContextType;
 export type TrackAttribute = <K extends keyof LinkPickerAnalyticsContextType>(attribute: K, value: AnalyticsContextAttributesType[K]) => void;
 interface AnalyticsContextType {

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

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

package/dist/{types/ui → types-ts4.5/common}/types.d.ts

@@ -61,3 +61,13 @@ export interface LinkPickerPluginAction {
 }
 export type LinkPickerPluginErrorFallback = (error: unknown, retry: () => void) => ReactNode;
 export type LinkPickerPluginEmptyStateNoResults = () => ReactNode;
+export interface PickerState {
+    selectedIndex: number;
+    activeIndex: number;
+    url: string;
+    displayText: string;
+    invalidUrl: boolean;
+    activeTab: number;
+    /** When true, even if the selected index is -1, don't hide the recents. */
+    preventHidingRecents: boolean;
+}

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

@@ -0,0 +1,2 @@
+import { KeyboardEvent } from 'react';
+export declare const handleNavKeyDown: (event: KeyboardEvent<HTMLElement>, itemsLength: number, activeIndex: number) => number;

package/dist/types-ts4.5/i18n/en.d.ts

@@ -31,5 +31,6 @@ declare const _default: {
     'fabric.linkPicker.time.message.viewed': string;
     'fabric.linkPicker.unhandledError.description': string;
     'fabric.linkPicker.unhandledError.heading': string;
+    foo: string;
 };
 export default _default;

package/dist/types-ts4.5/i18n/en_GB.d.ts

@@ -31,5 +31,6 @@ declare const _default: {
     'fabric.linkPicker.time.message.viewed': string;
     'fabric.linkPicker.unhandledError.description': string;
     'fabric.linkPicker.unhandledError.heading': string;
+    foo: string;
 };
 export default _default;

package/dist/types-ts4.5/i18n/en_ZZ.d.ts

@@ -31,5 +31,6 @@ declare const _default: {
     'fabric.linkPicker.time.message.viewed': string;
     'fabric.linkPicker.unhandledError.description': string;
     'fabric.linkPicker.unhandledError.heading': string;
+    foo: string;
 };
 export default _default;

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, LinkPickerPluginEmptyStateNoResults, } from './ui/types';
+export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, } from './common/types';
 export { UnauthenticatedError } from './common/utils/errors';

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

@@ -1,4 +1,4 @@
-import { LinkPickerPlugin, LinkPickerPluginAction, LinkPickerPluginErrorFallback, LinkPickerState, LinkSearchListItemData } from '../../ui/types';
+import { LinkPickerPlugin, LinkPickerPluginAction, LinkPickerPluginErrorFallback, LinkPickerState, LinkSearchListItemData } from '../../common/types';
 export interface LinkPickerPluginsService {
     items: LinkSearchListItemData[] | null;
     isLoading: boolean;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LinkSearchListItemData } from '../../ui/types';
+import { LinkSearchListItemData } from '../../common/types';
 export interface PluginState {
     items: LinkSearchListItemData[] | null;
     error: unknown | null;

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

@@ -1,4 +1,4 @@
-import { LinkPickerPlugin, LinkPickerState, ResolveResult } from '../../ui/types';
+import { LinkPickerPlugin, LinkPickerState, ResolveResult } from '../../common/types';
 export declare class CancellationError extends Error {
 }
 export declare const cancellable: <T extends unknown>(promise: Promise<T>) => {

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

@@ -1,3 +1,2 @@
-import { LinkPickerState } from '../../ui/types';
-import { PickerState } from '../../ui/link-picker';
+import { LinkPickerState, PickerState } from '../../common/types';
 export declare function useSearchQuery(state: PickerState): LinkPickerState | null;

package/dist/types-ts4.5/ui/link-picker/form-footer/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { LinkPickerPluginAction, LinkPickerState, LinkSearchListItemData } from '../../types';
+import { LinkPickerPluginAction, LinkPickerState, LinkSearchListItemData } from '../../../common/types';
 export declare const testIds: {
     readonly insertButton: "link-picker-insert-button";
     readonly cancelButton: "link-picker-cancel-button";

package/dist/types-ts4.5/ui/link-picker/form-footer/utils.d.ts

@@ -1,2 +1,2 @@
-import { LinkPickerState, LinkSearchListItemData } from '../../types';
+import { LinkPickerState, LinkSearchListItemData } from '../../../common/types';
 export declare const checkSubmitDisabled: (isLoading: boolean, error: unknown | null, url: string, queryState: LinkPickerState | null, items: LinkSearchListItemData[] | null) => boolean;