@atlaskit/link-picker 1.25.2 → 1.25.4

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

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
-function TrackTabViewed(_ref) {
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
+export function TrackTabViewed(_ref) {
   var activePlugin = _ref.activePlugin;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
@@ -13,5 +13,4 @@ function TrackTabViewed(_ref) {
     }
   }, [activePlugin, createAnalyticsEvent]);
   return null;
-}
-export default TrackTabViewed;
+}

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.2",
+	"version": "1.25.4",
 	"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,3 @@
 export declare const ANALYTICS_CHANNEL = "media";
 export declare const COMPONENT_NAME = "linkPicker";
+export declare const RECENT_SEARCH_LIST_SIZE = 5;

package/dist/types/common/generic-error-svg/index.d.ts

@@ -1,4 +1,3 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-declare const GenericErrorSVG: (props: React.SVGProps<SVGSVGElement>) => jsx.JSX.Element;
-export default GenericErrorSVG;
+export declare const GenericErrorSVG: (props: React.SVGProps<SVGSVGElement>) => jsx.JSX.Element;

package/dist/types/{ui → 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/controllers/use-fix-height/index.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-declare const useFixHeight: (shouldFixHeight: boolean) => {
+export declare const useFixHeight: (shouldFixHeight: boolean) => {
     ref: import("react").RefObject<HTMLDivElement>;
     style: {
         minHeight: string | number;
     } | undefined;
 };
-export default useFixHeight;

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/error-boundary/index.d.ts

@@ -1,7 +1,6 @@
-import React, { ReactNode } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-interface ErrorBoundaryProps extends WithAnalyticsEventsProps {
+import { ReactNode } from 'react';
+interface ErrorBoundaryProps {
     children: ReactNode;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<ErrorBoundaryProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
-export default _default;
+export declare function ErrorBoundary({ children }: ErrorBoundaryProps): JSX.Element;
+export {};

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

@@ -6,4 +6,3 @@ export declare const testIds: {
 };
 export declare const PACKAGE_DATA: PackageMetaDataType;
 export declare const ComposedLinkPicker: React.MemoExoticComponent<(props: LinkPickerProps) => JSX.Element>;
-export default ComposedLinkPicker;

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

@@ -18,5 +18,5 @@ type AnnouncerProps = {
      *  It can be useful for cases when the parent component re-renders with the same announcer's text. */
     delay?: number;
 };
-declare const _default: React.NamedExoticComponent<AnnouncerProps>;
-export default _default;
+export declare const Announcer: React.FC<AnnouncerProps>;
+export {};

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";
@@ -18,5 +17,5 @@ interface FormFooterProps extends React.HTMLAttributes<HTMLElement> {
     onCancel?: () => void;
     action?: LinkPickerPluginAction;
 }
-declare const _default: import("react").MemoExoticComponent<({ isLoading, error, url, queryState, items, isEditing, onCancel, action, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
-export default _default;
+export declare const FormFooter: import("react").MemoExoticComponent<({ isLoading, error, url, queryState, items, isEditing, onCancel, action, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
+export {};

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,17 +1,17 @@
 /// <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 resultListTitle: string;
-    readonly searchResultItem: 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";
@@ -21,7 +21,6 @@ export declare const testIds: {
     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. */
@@ -69,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;
-}
-declare const _default: import("react").ComponentType<LinkPickerProps>;
-export default _default;
+export declare const LinkPicker: import("react").ComponentType<LinkPickerProps>;
+export {};

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

@@ -16,5 +16,4 @@ export declare const messages: {
 export declare const testIds: {
     searchError: string;
 };
-declare const LinkSearchError: () => jsx.JSX.Element;
-export default LinkSearchError;
+export declare const LinkSearchError: () => jsx.JSX.Element;

package/dist/types/ui/link-picker/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;
@@ -20,10 +20,11 @@ export declare const messages: {
 };
 export declare const testIds: {
     resultListTitle: string;
-    searchResultItem: string;
     searchResultList: string;
     searchResultLoadingIndicator: string;
     tabsLoadingIndicator: string;
+    searchResultItem: string;
+    searchResultIcon: string;
     emptyResultPage: string;
 };
 type LinkSearchListElement = HTMLElement;
@@ -42,5 +43,5 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     hasSearchTerm?: boolean;
     activePlugin?: LinkPickerPlugin;
 }
-declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
-export default LinkSearchList;
+export declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -15,5 +15,4 @@ export declare const messages: {
 export declare const testIds: {
     emptyResultPage: string;
 };
-declare const NoResults: () => jsx.JSX.Element;
-export default NoResults;
+export declare const NoResults: () => jsx.JSX.Element;

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

@@ -1,4 +1,3 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-declare const NoResultsSVG: () => jsx.JSX.Element;
-export default NoResultsSVG;
+export declare const NoResultsSVG: () => jsx.JSX.Element;

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

@@ -0,0 +1,19 @@
+/** @jsx jsx */
+import { KeyboardEvent } from 'react';
+import { LinkSearchListItemData } from '../../../../common/types';
+export declare const testIds: {
+    searchResultItem: string;
+    searchResultIcon: string;
+};
+export interface LinkSearchListItemProps {
+    item: LinkSearchListItemData;
+    selected: boolean;
+    active: boolean;
+    tabIndex?: number;
+    onSelect: (objectId: string) => void;
+    onKeyDown: (e: KeyboardEvent<HTMLDivElement>) => void;
+    onFocus: () => void;
+    id?: string;
+    role?: string;
+}
+export declare const LinkSearchListItem: import("react").ForwardRefExoticComponent<LinkSearchListItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/ui/link-picker/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-ts4.5/ui → types/ui/link-picker}/scrolling-tabs/index.d.ts

@@ -4,4 +4,4 @@ interface ScrollingTabListProps {
     children: JSX.Element;
 }
 export declare const ScrollingTabList: (props: ScrollingTabListProps) => jsx.JSX.Element;
-export default ScrollingTabList;
+export {};

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;
@@ -15,5 +15,4 @@ export declare const testIds: {
     urlError: string;
     clearUrlButton: string;
 };
-declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, ...restProps }: TextInputProps) => jsx.JSX.Element;
-export default TextInput;
+export declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, ...restProps }: TextInputProps) => jsx.JSX.Element;

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/track-mount/index.d.ts

@@ -1,5 +1,4 @@
 /**
  * UFO + Analytics tracking for component mount (and unmount)
  */
-declare function TrackMount(): null;
-export default TrackMount;
+export declare function TrackMount(): null;

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

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

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,3 @@
 export declare const ANALYTICS_CHANNEL = "media";
 export declare const COMPONENT_NAME = "linkPicker";
+export declare const RECENT_SEARCH_LIST_SIZE = 5;

package/dist/types-ts4.5/common/generic-error-svg/index.d.ts

@@ -1,4 +1,3 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-declare const GenericErrorSVG: (props: React.SVGProps<SVGSVGElement>) => jsx.JSX.Element;
-export default GenericErrorSVG;
+export declare const GenericErrorSVG: (props: React.SVGProps<SVGSVGElement>) => jsx.JSX.Element;

package/dist/types-ts4.5/{ui → 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/controllers/use-fix-height/index.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-declare const useFixHeight: (shouldFixHeight: boolean) => {
+export declare const useFixHeight: (shouldFixHeight: boolean) => {
     ref: import("react").RefObject<HTMLDivElement>;
     style: {
         minHeight: string | number;
     } | undefined;
 };
-export default useFixHeight;

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/error-boundary/index.d.ts

@@ -1,7 +1,6 @@
-import React, { ReactNode } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-interface ErrorBoundaryProps extends WithAnalyticsEventsProps {
+import { ReactNode } from 'react';
+interface ErrorBoundaryProps {
     children: ReactNode;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<ErrorBoundaryProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
-export default _default;
+export declare function ErrorBoundary({ children }: ErrorBoundaryProps): JSX.Element;
+export {};

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

@@ -6,4 +6,3 @@ export declare const testIds: {
 };
 export declare const PACKAGE_DATA: PackageMetaDataType;
 export declare const ComposedLinkPicker: React.MemoExoticComponent<(props: LinkPickerProps) => JSX.Element>;
-export default ComposedLinkPicker;

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

@@ -18,5 +18,5 @@ type AnnouncerProps = {
      *  It can be useful for cases when the parent component re-renders with the same announcer's text. */
     delay?: number;
 };
-declare const _default: React.NamedExoticComponent<AnnouncerProps>;
-export default _default;
+export declare const Announcer: React.FC<AnnouncerProps>;
+export {};

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";
@@ -18,5 +17,5 @@ interface FormFooterProps extends React.HTMLAttributes<HTMLElement> {
     onCancel?: () => void;
     action?: LinkPickerPluginAction;
 }
-declare const _default: import("react").MemoExoticComponent<({ isLoading, error, url, queryState, items, isEditing, onCancel, action, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
-export default _default;
+export declare const FormFooter: import("react").MemoExoticComponent<({ isLoading, error, url, queryState, items, isEditing, onCancel, action, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
+export {};

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;