@atlaskit/link-picker 1.10.1 → 1.10.3

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

@@ -21,18 +21,16 @@ import { normalizeUrl, isSafeUrl } from '../../common/utils/url';
 import { usePlugins } from '../../services/use-plugins';
 import { useSearchQuery } from '../../services/use-search-query';
 import useFixHeight from '../../controllers/use-fix-height';
-import { messages } from './messages';
+import { searchMessages, linkMessages, formMessages, linkTextMessages } from './messages';
 import TextInput from './text-input';
 import { rootContainerStyles, searchIconStyles, tabsWrapperStyles, flexColumnStyles, formFooterMargin } from './styled';
 import { browser } from './browser';
 import Announcer from './announcer';
-import { transformTimeStamp } from './transformTimeStamp';
 import LinkSearchList, { testIds as listTestIds } from './link-search-list';
 import LinkSearchError, { testIds as searchErrorTestIds } from './link-search-error';
 import FormFooter, { testIds as formFooterTestIds } from './form-footer';
-import { getDataSource } from './utils';
+import { getDataSource, getScreenReaderText } from './utils';
 export var RECENT_SEARCH_LIST_SIZE = 5;
-export var CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
 export var testIds = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
   linkPicker: 'link-picker',
   urlInputField: 'link-url',
@@ -160,9 +158,9 @@ function LinkPicker(_ref) {
     });
   }, []);
   var handleKeyDown = useCallback(function (event) {
-    var keyCode = event.keyCode;
-    var KEY_CODE_ARROW_DOWN = 40;
-    var KEY_CODE_ARROW_UP = 38;
+    var key = event.key;
+    var KEY_ARROW_DOWN = 'ArrowDown';
+    var KEY_ARROW_UP = 'ArrowUp';
 
     if (!items || !items.length) {
       return;
@@ -170,14 +168,14 @@ function LinkPicker(_ref) {
 
     var updatedIndex = activeIndex;
 
-    switch (keyCode) {
-      case KEY_CODE_ARROW_DOWN:
+    switch (key) {
+      case KEY_ARROW_DOWN:
         // down
         event.preventDefault();
         updatedIndex = (activeIndex + 1) % items.length;
         break;
 
-      case KEY_CODE_ARROW_UP:
+      case KEY_ARROW_UP:
         // up
         event.preventDefault();
         updatedIndex = activeIndex > 0 ? activeIndex - 1 : items.length - 1;
@@ -186,7 +184,7 @@ function LinkPicker(_ref) {
 
     var item = items[updatedIndex];
 
-    if ([KEY_CODE_ARROW_DOWN, KEY_CODE_ARROW_UP].includes(keyCode) && item) {
+    if ([KEY_ARROW_DOWN, KEY_ARROW_UP].includes(key) && item) {
       /**
        * Manually track that the url has been updated using searchResult method
        */
@@ -286,7 +284,7 @@ function LinkPicker(_ref) {
       invalidUrl: true
     });
   }, [handleInsert, isSelectedItem, selectedItem, url]);
-  var linkPlaceHolder = isActivePlugin ? messages.placeholder : messages.linkPlaceholder;
+  var messages = isActivePlugin ? searchMessages : linkMessages;
   var screenReaderDescriptionId = 'search-recent-links-field-description';
   var linkSearchListId = 'link-picker-search-list';
   var ariaActiveDescendant = selectedIndex > -1 ? "link-search-list-item-".concat(selectedIndex) : ''; // Added workaround with a screen reader Announcer specifically for VoiceOver + Safari
@@ -312,23 +310,23 @@ function LinkPicker(_ref) {
     delay: 250
   }), jsx(VisuallyHidden, {
     id: screenReaderDescriptionId
-  }, jsx(FormattedMessage, messages.searchLinkAriaDescription)), jsx(LinkInputField, {
+  }, jsx(FormattedMessage, messages.linkAriaLabel)), jsx(LinkInputField, {
     role: "combobox",
     autoComplete: "off",
     name: "url",
     testId: testIds.urlInputField,
     label: intl.formatMessage(messages.linkLabel),
-    placeholder: intl.formatMessage(linkPlaceHolder),
+    placeholder: intl.formatMessage(messages.linkPlaceholder),
     value: url,
     autoFocus: true,
     elemBeforeInput: searchIcon,
-    clearLabel: intl.formatMessage(messages.clearLink),
+    clearLabel: intl.formatMessage(formMessages.clearLink),
     "aria-expanded": true,
     "aria-autocomplete": "list",
     "aria-controls": linkSearchListId,
     "aria-activedescendant": ariaActiveDescendant,
     "aria-describedby": screenReaderDescriptionId,
-    error: invalidUrl ? intl.formatMessage(messages.linkInvalid) : null,
+    error: invalidUrl ? intl.formatMessage(formMessages.linkInvalid) : null,
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl
@@ -337,10 +335,10 @@ function LinkPicker(_ref) {
     name: "displayText",
     testId: testIds.textInputField,
     value: displayText,
-    label: intl.formatMessage(messages.linkTextLabel),
-    placeholder: intl.formatMessage(messages.linkTextPlaceholder),
-    clearLabel: intl.formatMessage(messages.clearText),
-    "aria-label": intl.formatMessage(messages.linkAriaLabel),
+    label: intl.formatMessage(linkTextMessages.linkTextLabel),
+    placeholder: intl.formatMessage(linkTextMessages.linkTextPlaceholder),
+    clearLabel: intl.formatMessage(linkTextMessages.clearLinkText),
+    "aria-label": intl.formatMessage(linkTextMessages.linkTextAriaLabel),
     onClear: handleClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeText
@@ -383,17 +381,4 @@ function LinkPicker(_ref) {
   }));
 }
 
-export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(LinkPicker));
-
-function getScreenReaderText(items, selectedIndex, intl) {
-  if (items.length && selectedIndex > -1) {
-    var _items$selectedIndex = items[selectedIndex],
-        name = _items$selectedIndex.name,
-        container = _items$selectedIndex.container,
-        lastUpdatedDate = _items$selectedIndex.lastUpdatedDate,
-        lastViewedDate = _items$selectedIndex.lastViewedDate;
-    var date = transformTimeStamp(intl, lastViewedDate, lastUpdatedDate);
-    var formattedDate = [date === null || date === void 0 ? void 0 : date.pageAction, date === null || date === void 0 ? void 0 : date.dateString, date === null || date === void 0 ? void 0 : date.timeSince].filter(Boolean).join(' ');
-    return [name, container, formattedDate].filter(Boolean).join(', ');
-  }
-}
+export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(LinkPicker));

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

@@ -1,55 +1,73 @@
 import { defineMessages } from 'react-intl-next';
-export var messages = defineMessages({
-  placeholder: {
-    id: 'fabric.linkPicker.hyperlinkToolbarPlaceholder',
+export var searchMessages = defineMessages({
+  linkLabel: {
+    id: 'fabric.linkPicker.search.linkLabel',
     defaultMessage: 'Search or paste a link',
-    description: 'Search or paste a link'
-  },
-  linkPlaceholder: {
-    id: 'fabric.linkPicker.linkPlaceholder',
-    defaultMessage: 'Paste link',
-    description: 'Create a new link by pasting a URL.'
+    description: 'Label for the link input'
   },
-  linkTextPlaceholder: {
-    id: 'fabric.linkPicker.linkTextPlaceholder',
-    defaultMessage: 'Add a description',
-    description: 'Text to display'
+  linkAriaLabel: {
+    id: 'fabric.linkPicker.search.linkAriaLabel',
+    defaultMessage: 'Suggestions will appear below as you type into the field',
+    description: 'Aria label for the link input'
   },
+  linkPlaceholder: {
+    id: 'fabric.linkPicker.search.linkPlaceholder',
+    defaultMessage: 'Find recent links or paste a new link',
+    description: 'Placeholder text for the link input'
+  }
+});
+export var linkMessages = defineMessages({
   linkLabel: {
-    id: 'fabric.linkPicker.linkAddress',
+    id: 'fabric.linkPicker.linkLabel',
     defaultMessage: 'Link',
-    description: 'Link Label'
+    description: 'Label for the link input'
+  },
+  linkAriaLabel: {
+    id: 'fabric.linkPicker.linkAriaLabel',
+    defaultMessage: 'Type or paste a link into the field',
+    description: 'Aria label for the link input'
   },
+  linkPlaceholder: {
+    id: 'fabric.linkPicker.linkPlaceholder',
+    defaultMessage: 'Paste a link',
+    description: 'Placeholder text for the link input'
+  }
+});
+export var formMessages = defineMessages({
   linkInvalid: {
     id: 'fabric.linkPicker.linkInvalid',
     defaultMessage: 'Enter a valid URL.',
-    description: 'Input Error the URL is invalid'
-  },
-  linkTextLabel: {
-    id: 'fabric.linkPicker.displayText',
-    defaultMessage: 'Link text',
-    description: 'Link text label'
-  },
-  clearText: {
-    id: 'fabric.linkPicker.clearLinkText',
-    defaultMessage: 'Clear text',
-    description: 'Clears text on the link toolbar'
+    description: 'Error message shown for invalid links'
   },
   clearLink: {
     id: 'fabric.linkPicker.clearLink',
     defaultMessage: 'Clear link',
-    description: 'Clears link in the link toolbar'
+    description: 'Tooltip message for link input clear button'
+  }
+});
+export var linkTextMessages = defineMessages({
+  linkTextLabel: {
+    id: 'fabric.linkPicker.linkTextLabel',
+    defaultMessage: 'Add a description (optional)',
+    description: 'Label for the link description input'
   },
-  searchLinkAriaDescription: {
-    id: 'fabric.linkPicker.hyperlink.searchLinkAriaDescription',
-    defaultMessage: 'Suggestions will appear below as you type into the field',
-    description: 'Describes what the search field does for screen reader users.'
+  linkTextAriaLabel: {
+    id: 'fabric.linkPicker.linkTextAriaLabel',
+    defaultMessage: 'Link description',
+    description: 'Aria label for the link description input'
   },
-  linkAriaLabel: {
-    id: 'fabric.linkPicker.hyperlink.linkAriaLabel',
-    defaultMessage: 'Link label',
-    description: 'aria label for a link'
+  linkTextPlaceholder: {
+    id: 'fabric.linkPicker.linkTextPlaceholder',
+    defaultMessage: 'Give this link a title or description',
+    description: 'Placeholder text for the link description input'
   },
+  clearLinkText: {
+    id: 'fabric.linkPicker.clearLinkText',
+    defaultMessage: 'Clear text',
+    description: 'Tooltip message for link input clear button'
+  }
+});
+export var messages = defineMessages({
   timeUpdated: {
     id: 'fabric.linkPicker.time.updated',
     defaultMessage: 'Updated',

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

@@ -1,4 +1,5 @@
 import { browser } from './browser';
+import { transformTimeStamp } from './transformTimeStamp';
 var KeyZCode = 90;
 var KeyYCode = 89;
 export var isUndoEvent = function isUndoEvent(e) {
@@ -19,4 +20,16 @@ export var getDataSource = function getDataSource(item, plugin) {
   var _ref, _item$meta$source, _item$meta, _plugin$meta;
 
   return (_ref = (_item$meta$source = (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.source) !== null && _item$meta$source !== void 0 ? _item$meta$source : plugin === null || plugin === void 0 ? void 0 : (_plugin$meta = plugin.meta) === null || _plugin$meta === void 0 ? void 0 : _plugin$meta.source) !== null && _ref !== void 0 ? _ref : 'unknown';
-};
+};
+export function getScreenReaderText(items, selectedIndex, intl) {
+  if (items.length && selectedIndex > -1) {
+    var _items$selectedIndex = items[selectedIndex],
+        name = _items$selectedIndex.name,
+        container = _items$selectedIndex.container,
+        lastUpdatedDate = _items$selectedIndex.lastUpdatedDate,
+        lastViewedDate = _items$selectedIndex.lastViewedDate;
+    var date = transformTimeStamp(intl, lastViewedDate, lastUpdatedDate);
+    var formattedDate = [date === null || date === void 0 ? void 0 : date.pageAction, date === null || date === void 0 ? void 0 : date.dateString, date === null || date === void 0 ? void 0 : date.timeSince].filter(Boolean).join(' ');
+    return [name, container, formattedDate].filter(Boolean).join(', ');
+  }
+}

package/dist/esm/version.json

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

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

@@ -2,7 +2,6 @@
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { LinkInputType, LinkPickerPlugin } from '../types';
 export declare const RECENT_SEARCH_LIST_SIZE = 5;
-export declare const CONTACT_SUPPORT_LINK = "https://support.atlassian.com/contact/";
 export declare const testIds: {
     readonly clearUrlButton: "clear-text";
     readonly urlError: "link-error";

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

@@ -1,35 +1,39 @@
-export declare const messages: {
-    placeholder: {
+export declare const searchMessages: {
+    linkLabel: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    linkPlaceholder: {
+    linkAriaLabel: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    linkTextPlaceholder: {
+    linkPlaceholder: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+};
+export declare const linkMessages: {
     linkLabel: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    linkInvalid: {
+    linkAriaLabel: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    linkTextLabel: {
+    linkPlaceholder: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    clearText: {
+};
+export declare const formMessages: {
+    linkInvalid: {
         id: string;
         defaultMessage: string;
         description: string;
@@ -39,16 +43,30 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    searchLinkAriaDescription: {
+};
+export declare const linkTextMessages: {
+    linkTextLabel: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    linkAriaLabel: {
+    linkTextAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    linkTextPlaceholder: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+    clearLinkText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export declare const messages: {
     timeUpdated: {
         id: string;
         defaultMessage: string;

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

@@ -1,4 +1,5 @@
 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;
@@ -6,3 +7,4 @@ export declare const isRedoEvent: (e: KeyboardEvent<HTMLInputElement>) => boolea
  * Retrieve the data source for a link given the item and the plugin that resolved it
  */
 export declare const getDataSource: (item: LinkSearchListItemData, plugin?: LinkPickerPlugin | undefined) => string;
+export declare function getScreenReaderText(items: LinkSearchListItemData[], selectedIndex: number, intl: IntlShape): string | undefined;

package/dist/types-ts4.0/analytics.codegen.d.ts

@@ -0,0 +1,52 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates analytics utilities from the package analytics spec yaml
+ *
+ * @codegen <<SignedSource::05d8b1c9e46066efd0d11fa9d19c32a9>>
+ * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
+ */
+export declare type PackageMetaDataType = {
+    packageName: '@atlaskit/link-picker';
+    packageVersion: string;
+    source: 'linkPicker';
+    componentName: 'linkPicker';
+};
+export declare type LinkPickerAnalyticsContextType = {
+    linkState: 'editLink' | 'newLink';
+    linkFieldContent: 'url' | 'text_string' | null;
+    linkFieldContentInputMethod: 'manual' | 'paste' | 'searchResult' | null;
+    linkFieldContentInputSource: string | null;
+    displayTextFieldContent: 'text_string' | null;
+    displayTextFieldContentInputMethod: 'manual' | 'paste' | null;
+};
+export declare type FormSubmittedLinkPickerAttributesType = {};
+export declare type InlineDialogViewedLinkPickerAttributesType = {};
+export declare type InlineDialogClosedLinkPickerAttributesType = {};
+export declare type TextFieldUpdatedLinkFieldAttributesType = {};
+export declare type TextFieldUpdatedDisplayTextFieldAttributesType = {};
+export declare type LinkPickerUnhandledErrorCaughtAttributesType = {
+    browserInfo: string;
+    error: string;
+    componentStack: string | null;
+};
+export declare type ResultsResolveFailedAttributesType = {
+    error: string;
+};
+declare type AnalyticsEventAttributes = {
+    'ui.form.submitted.linkPicker': FormSubmittedLinkPickerAttributesType;
+    'ui.inlineDialog.viewed.linkPicker': InlineDialogViewedLinkPickerAttributesType;
+    'ui.inlineDialog.closed.linkPicker': InlineDialogClosedLinkPickerAttributesType;
+    'ui.textField.updated.linkField': TextFieldUpdatedLinkFieldAttributesType;
+    'ui.textField.updated.displayTextField': TextFieldUpdatedDisplayTextFieldAttributesType;
+    'ui.linkPicker.unhandledErrorCaught': LinkPickerUnhandledErrorCaughtAttributesType;
+    'operational.resultsResolve.failed': ResultsResolveFailedAttributesType;
+};
+declare function createEventPayload<K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]): {
+    eventType: string;
+    actionSubject: string;
+    action: string;
+    actionSubjectId: string;
+    attributes: AnalyticsEventAttributes[K];
+};
+export default createEventPayload;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { LinkPickerAnalyticsContextType } from '../../analytics.codegen';
+export declare type TrackAttribute = <K extends keyof LinkPickerAnalyticsContextType>(attribute: K, value: LinkPickerAnalyticsContextType[K]) => void;
+interface AnalyticsContextType {
+    /**
+     * Update a single attribute in the analytics context
+     */
+    trackAttribute: TrackAttribute;
+    /**
+     * Update a set of attributes in the analytics context
+     */
+    trackAttributes: (attributes: Partial<LinkPickerAnalyticsContextType>) => void;
+    /**
+     * Retrieve the current set of attributes
+     * Can be used by components to derive/compute new attributes for specific events
+     */
+    getAttributes: () => LinkPickerAnalyticsContextType;
+}
+/**
+ * Hook that exposes the context-level attribute getters and setters.
+ */
+export declare const useLinkPickerAnalytics: () => AnalyticsContextType;
+/**
+ * Wraps a component with the analytics context + listener to update events with contextual-level attributes.
+ * Should be implemented once at the root of the link picker.
+ */
+export declare function withLinkPickerAnalyticsContext<P>(WrappedComponent: React.ComponentType<P>): React.ComponentType<P>;
+export {};

package/dist/types-ts4.0/common/analytics/index.d.ts

@@ -0,0 +1,2 @@
+export { useLinkPickerAnalytics, withLinkPickerAnalyticsContext, } from './context';
+export { withInputFieldTracking } from './input-field-tracking';

package/dist/types-ts4.0/common/analytics/input-field-tracking.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { LinkPickerAnalyticsContextType } from '../../analytics.codegen';
+declare type InputFields = 'link' | 'displayText';
+/**
+ * Wraps an input field and connects it to the link picker analytics context to provide a baseline of analytics tracking
+ * @param WrappedComponent The input field to be tracked
+ * @param field The name of the field (ie matching actionSubjectId)
+ * @param filterOnChangeEventAttrs Function to hook into and filter/customise the default attribute tracking logic
+ * @returns HOC Input field with tracking
+ */
+export declare const withInputFieldTracking: <P extends {
+    onBlur?: ((e: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onClear?: Function | undefined;
+    onFocus?: ((e: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+}, Field extends InputFields>(WrappedComponent: React.ComponentType<P>, field: Field, filterOnChangeEventAttrs?: <OnChangeAttributes extends Partial<LinkPickerAnalyticsContextType>>(event: React.ChangeEvent<HTMLInputElement>, attributes: OnChangeAttributes) => OnChangeAttributes) => React.ComponentType<P>;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const ANALYTICS_CHANNEL = "media";
+export declare const COMPONENT_NAME = "linkPicker";

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

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

package/dist/types-ts4.0/common/generic-error-svg/styled.d.ts

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

package/dist/types-ts4.0/common/utils/url.d.ts

@@ -0,0 +1,5 @@
+export declare const isSafeUrl: (url: string) => boolean;
+/**
+ * Adds protocol to url if needed.
+ */
+export declare function normalizeUrl(url?: string | null): string | null;

package/dist/types-ts4.0/controllers/use-fix-height/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export { ComposedLinkPicker as LinkPicker } from './ui';
+export type { LinkPickerProps } from './ui/link-picker';
+export type { LinkInputType, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, } from './ui/types';

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

@@ -0,0 +1,14 @@
+import { LinkPickerPlugin, LinkPickerPluginErrorFallback, LinkPickerState, LinkSearchListItemData } from '../../ui/types';
+export interface LinkPickerPluginsService {
+    items: LinkSearchListItemData[] | null;
+    isLoading: boolean;
+    isActivePlugin: boolean;
+    activePlugin?: LinkPickerPlugin;
+    tabs: {
+        tabTitle: string;
+    }[];
+    error: unknown | null;
+    retry: () => void;
+    errorFallback?: LinkPickerPluginErrorFallback;
+}
+export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[]): LinkPickerPluginsService;

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { LinkSearchListItemData } from '../../ui/types';
+export interface PluginState {
+    items: LinkSearchListItemData[] | null;
+    error: unknown | null;
+    isLoading: boolean;
+}
+export declare const ACTION_CLEAR = "CLEAR";
+export declare const ACTION_LOADING = "LOADING";
+export declare const ACTION_SUCCESS = "SUCCESS";
+export declare const ACTION_ERRORED = "ERROR";
+interface ClearAction {
+    type: typeof ACTION_CLEAR;
+}
+interface ResolveLoadingAction {
+    type: typeof ACTION_LOADING;
+}
+interface ResolveSuccessAction {
+    type: typeof ACTION_SUCCESS;
+    payload: Pick<PluginState, 'items' | 'isLoading'>;
+}
+interface ResolveErrorAction {
+    type: typeof ACTION_ERRORED;
+    payload: PluginState['error'];
+}
+export declare type ReducerAction = ClearAction | ResolveLoadingAction | ResolveSuccessAction | ResolveErrorAction;
+export declare const INITIAL_STATE: PluginState;
+export declare function reducer(state: PluginState, action: ReducerAction): PluginState;
+export declare const usePluginReducer: () => [
+    PluginState,
+    import("react").Dispatch<ReducerAction>
+];
+export {};

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

@@ -0,0 +1,18 @@
+import { LinkPickerPlugin, LinkPickerState, ResolveResult } from '../../ui/types';
+export declare class CancellationError extends Error {
+}
+export declare const cancellable: <T extends unknown>(promise: Promise<T>) => {
+    promise: Promise<T>;
+    cancel: () => void;
+};
+/**
+ * Wraps the resolve with a cancellation wrapper and makes promise + generator plugin resolves more compatible
+ * Calling cancel for generator plugin prevents it from yielding any further updates
+ */
+export declare const resolvePluginUpdates: (plugin: LinkPickerPlugin, state: LinkPickerState) => {
+    cancel: () => void;
+    next: () => Promise<{
+        done?: boolean;
+        value: ResolveResult;
+    }>;
+};

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

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

package/dist/types-ts4.0/ui/error-boundary/index.d.ts

@@ -0,0 +1,27 @@
+import React, { Component, ReactNode } from 'react';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+declare type ErrorBoundaryErrorInfo = {
+    componentStack: string;
+};
+export interface ErrorBoundaryProps extends WithAnalyticsEventsProps {
+    children: ReactNode;
+    channel: string;
+    ErrorComponent?: React.ComponentType;
+    onError?: (error: Error, info?: ErrorBoundaryErrorInfo) => void;
+}
+declare type ErrorBoundaryPayload = {
+    error: Error | string;
+    info?: ErrorBoundaryErrorInfo;
+    [key: string]: any;
+};
+declare type ErrorBoundaryState = {
+    hasError: boolean;
+};
+export declare class BaseErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    fireAnalytics: (analyticsErrorPayload: ErrorBoundaryPayload) => void;
+    componentDidCatch(error: Error, info?: ErrorBoundaryErrorInfo): void;
+    render(): React.ReactNode;
+}
+declare const ErrorBoundary: React.ForwardRefExoticComponent<Omit<ErrorBoundaryProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export default ErrorBoundary;

package/dist/types-ts4.0/ui/error-boundary-fallback/index.d.ts

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PackageMetaDataType } from '../analytics.codegen';
+import { LinkPickerProps } from './link-picker';
+export declare const PACKAGE_DATA: PackageMetaDataType;
+export declare const ComposedLinkPicker: React.MemoExoticComponent<(props: LinkPickerProps) => JSX.Element>;

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

@@ -0,0 +1,22 @@
+import React, { AriaAttributes, Ref } from 'react';
+declare type AnnouncerProps = {
+    ref?: Ref<HTMLDivElement>;
+    /** Set 'false' for announcing only changed text
+     * (not announce duplicate part of string after second render),
+     * and 'true' for announcing all the string after each render */
+    ariaAtomic?: AriaAttributes['aria-atomic'];
+    /** Set politeness settings */
+    ariaLive?: AriaAttributes['aria-live'];
+    /** Used to describe what types of changes have occurred to an aria-live region */
+    ariaRelevant?: AriaAttributes['aria-relevant'];
+    /** Role used to set attribute role. See more details https://dequeuniversity.com/library/aria/liveregion-playground#configOptions */
+    role?: 'status' | 'log' | 'alert' | 'timer' | 'marquee';
+    /** Text message that will be announced */
+    text: string;
+    /** Debounce delay.
+     *  Set delay (ms) to prevent announce the same string multiple times.
+     *  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;