@atlaskit/link-picker 1.40.0 → 1.41.0

package/dist/esm/ui/lazy.js

@@ -0,0 +1,15 @@
+import { lazyForPaint } from 'react-loosely-lazy';
+import { composeLinkPicker } from './main';
+var LazyLinkPickerComponent = lazyForPaint(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_link-picker" */
+  './link-picker').then(function (_ref) {
+    var LinkPicker = _ref.LinkPicker;
+    return {
+      default: LinkPicker
+    };
+  });
+});
+
+// Must be a default export to be able to support prop docs
+// eslint-disable-next-line import/no-default-export
+export default composeLinkPicker(LazyLinkPickerComponent);

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

@@ -15,7 +15,7 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
 import { browser } from '@atlaskit/linking-common/user-agent';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
@@ -389,7 +389,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
     /* Show the feature discovery pulse when we're on the Jira tab, we haven't started typing a url and
           the feature flag is enabled */,
-    createFeatureDiscovery: (activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) === 'jira' && allowCreateFeatureDiscovery && getBooleanFF('platform.linking-platform.link-picker.enable-jira-create'),
+    createFeatureDiscovery: (activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) === 'jira' && allowCreateFeatureDiscovery && fg('platform.linking-platform.link-picker.enable-jira-create'),
     customSubmitButtonLabel: customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined
   }));
 }));

package/dist/esm/ui/main.js

@@ -0,0 +1,70 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React, { Fragment, memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { LazySuspense } from 'react-loosely-lazy';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { COMPONENT_NAME, LINK_PICKER_WIDTH_IN_PX } from '../common/constants';
+import { LinkPickerSessionProvider } from '../controllers/session-provider';
+import { ErrorBoundary } from './error-boundary';
+import { LoaderFallback } from './loader-fallback';
+import { MessagesProvider } from './messages-provider';
+import { fixedWidthContainerStyles } from './styled';
+export var testIds = {
+  linkPickerRoot: 'link-picker-root'
+};
+export var PACKAGE_DATA = {
+  packageName: "@atlaskit/link-picker" || '',
+  packageVersion: "1.41.0" || '',
+  componentName: COMPONENT_NAME,
+  source: COMPONENT_NAME
+};
+var DefaultRootComponent = function DefaultRootComponent(_ref) {
+  var children = _ref.children;
+  return jsx("div", {
+    "data-testid": testIds.linkPickerRoot
+  }, children);
+};
+var FixedWidthContainer = function FixedWidthContainer(props) {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  return jsx("div", _extends({
+    css: fixedWidthContainerStyles
+  }, props));
+};
+export var composeLinkPicker = function composeLinkPicker(Component) {
+  return /*#__PURE__*/memo(function (props) {
+    var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom, _ref2;
+    var component = props.component;
+    var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
+
+    /**
+     * When ff enabled: root container will provide width to component + loader + error boundary
+     * When ff disabled: component + loader + error boundary each providing their own width
+     * Cannot make this change easier at risk of regression as external adopters may have css override on the form element
+     */
+    var RootFixedWidthContainer = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? FixedWidthContainer : Fragment;
+    var LoaderFallbackContainer = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? Fragment : FixedWidthContainer;
+    return jsx(AnalyticsContext, {
+      data: PACKAGE_DATA
+    }, jsx(LinkPickerSessionProvider, null, jsx(MessagesProvider, null, jsx("div", {
+      style: (_ref2 = {}, _defineProperty(_ref2, '--link-picker-width', props.disableWidth ? '100%' : // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      "".concat(LINK_PICKER_WIDTH_IN_PX, "px")), _defineProperty(_ref2, '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), _defineProperty(_ref2, '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), _defineProperty(_ref2, '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), _defineProperty(_ref2, '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"), _ref2)
+    }, jsx(RootFixedWidthContainer, null, jsx(ErrorBoundary, null, jsx(LazySuspense, {
+      fallback: jsx(LoaderFallbackContainer, null, jsx(LoaderFallback, {
+        url: props.url,
+        hideDisplayText: props.hideDisplayText,
+        isLoadingPlugins: props.isLoadingPlugins,
+        plugins: props.plugins
+      }))
+    }, jsx(RootComponent, _extends({}, props, {
+      "data-testid": testIds.linkPickerRoot
+    }), jsx(Component, props)))))))));
+  });
+};

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

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

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

@@ -1,5 +1,6 @@
-import { type ReactNode } from 'react';
-import { type MessageDescriptor } from 'react-intl-next';
+import type { ReactNode } from 'react';
+import type { MessageDescriptor } from 'react-intl-next';
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type LinkInputType = 'manual' | 'typeAhead';
 export interface LinkSearchListItemData {
     /** Unique identifiable attribute for the item */
@@ -72,3 +73,83 @@ export interface PickerState {
     preventHidingRecents: boolean;
     allowCreateFeatureDiscovery: boolean;
 }
+interface Meta {
+    /** Indicates how the link was picked. */
+    inputMethod: LinkInputType;
+}
+interface OnSubmitParameter {
+    /** The `url` of the linked resource. */
+    url: string;
+    /** The desired text to be displayed alternatively to the title of the linked resource. */
+    displayText: string | null;
+    /** The resolved `title` of the resource at the time of link picking (if applicable, null if not known). */
+    title: string | null;
+    /** Meta data about the link picking submission. */
+    meta: Meta;
+    /**
+     * The input value of the `url` field at time of submission if inserted "manually".
+     * This can useful if the `url` was manually inserted with a value that is different from the normalised value returned as `url`.
+     * @example
+     * { url: 'https://google.com', rawUrl: 'google.com' }
+     */
+    rawUrl?: string;
+    /** Raw object from the selected resource */
+    data?: Record<string, unknown>;
+}
+export interface LinkPickerProps {
+    /**
+     * Callback to fire on form submission.
+     */
+    onSubmit: (arg: OnSubmitParameter, analytic?: UIAnalyticsEvent | null) => void;
+    /**
+     * Callback to fire when the cancel button is clicked.
+     * If not provided, cancel button is not displayed.
+     */
+    onCancel?: () => void;
+    /** Callback to fire when content is changed inside the link picker e.g. items, when loading, tabs */
+    onContentResize?: () => void;
+    /** The url of the linked resource for editing. */
+    url?: string;
+    /** The desired text to be displayed alternatively to the title of the linked resource for editing. */
+    displayText?: string | null;
+    /** Plugins that provide link suggestions / search capabilities. */
+    plugins?: LinkPickerPlugin[];
+    /** If set true, Link picker will show the loading spinner where the tabs and results will show. */
+    isLoadingPlugins?: boolean;
+    /** Hides the link picker display text field if set to true. */
+    hideDisplayText?: boolean;
+    /** Disables the default width containing the link picker. */
+    disableWidth?: boolean;
+    /** Override the default left padding. */
+    paddingLeft?: string;
+    /** Override the default right padding. */
+    paddingRight?: string;
+    /** Override the default top padding. */
+    paddingTop?: string;
+    /** Override the default bottom padding. */
+    paddingBottom?: string;
+    /** Customise the link picker root component */
+    component?: React.ComponentType<Partial<LinkPickerProps> & {
+        children: React.ReactElement;
+    }>;
+    /** Allows for customisation of text in the link picker. */
+    customMessages?: CustomLinkPickerMessages;
+    featureFlags?: Record<string, unknown>;
+    /** Controls showing a "submission in-progres" UX */
+    isSubmitting?: boolean;
+}
+type CustomLinkPickerMessages = {
+    /** Label for the link input field */
+    linkLabel?: MessageDescriptor;
+    /** Aria label for the link input field */
+    linkAriaLabel?: MessageDescriptor;
+    /** Placeholder for the link input field */
+    linkPlaceholder?: MessageDescriptor;
+    /** Label for the link display text field */
+    linkTextLabel?: MessageDescriptor;
+    /** Placeholder for the link display text field */
+    linkTextPlaceholder?: MessageDescriptor;
+    /** Label for the submit button */
+    submitButtonLabel?: MessageDescriptor;
+};
+export {};

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
-export { default as LinkPicker } from './ui';
-export type { LinkPickerProps } from './ui/link-picker';
+export { default } from './ui';
+export { DeprecatedLazyLinkPickerExport as LinkPicker } from './ui';
+export type { LinkPickerProps } from './common/types';
 export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, } from './common/types';
 export { UnauthenticatedError } from './common/utils/errors';
 export { LoaderFallback } from './ui/loader-fallback';

package/dist/types/lazy.d.ts

@@ -0,0 +1 @@
+export { default as LazyLinkPicker } from './ui/lazy';

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

@@ -1,14 +1,15 @@
+/// <reference types="react" />
 /**
- * @jsxRuntime classic
- * @jsx jsx
+ * @deprecated A `/lazy` entrypoint has been added.
+ * @example  Prefer the default export from the default entrypoint if you do not want a lazy-loaded version.
+ * ```tsx
+ * import LinkPicker from '@atlaskit/link-picker';
+ * ```
+ * @example Prefer the `LazyLinkPicker` export from the `/lazy` entrypoint if you want a lazy-loaded version.
+ * ```tsx
+ * import { LazyLinkPicker } from '@atlaskit/link-picker/lazy';
+ * ```
  */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { type PackageMetaDataType } from '../common/utils/analytics/analytics.codegen';
-import { type LinkPickerProps } from './link-picker';
-export declare const testIds: {
-    linkPickerRoot: string;
-};
-export declare const PACKAGE_DATA: PackageMetaDataType;
-declare const ComposedLinkPicker: React.MemoExoticComponent<(props: LinkPickerProps) => jsx.JSX.Element>;
-export default ComposedLinkPicker;
+export declare const DeprecatedLazyLinkPickerExport: import("react").MemoExoticComponent<(props: import("..").LinkPickerProps) => import("@emotion/react").jsx.JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: import("..").LinkPickerProps) => import("@emotion/react").jsx.JSX.Element>;
+export default _default;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<(props: import("..").LinkPickerProps) => import("@emotion/react").jsx.JSX.Element>;
+export default _default;

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

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-import { type MessageDescriptor } from 'react-intl-next';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type LinkInputType, type LinkPickerPlugin } from '../../common/types';
+import type { LinkPickerProps } from '../../common/types';
 export declare const testIds: {
     readonly urlError: string;
     readonly clearUrlButton: string;
@@ -25,84 +23,4 @@ export declare const testIds: {
     readonly urlInputField: "link-url";
     readonly textInputField: "link-text";
 };
-interface Meta {
-    /** Indicates how the link was picked. */
-    inputMethod: LinkInputType;
-}
-interface OnSubmitParameter {
-    /** The `url` of the linked resource. */
-    url: string;
-    /** The desired text to be displayed alternatively to the title of the linked resource. */
-    displayText: string | null;
-    /** The resolved `title` of the resource at the time of link picking (if applicable, null if not known). */
-    title: string | null;
-    /** Meta data about the link picking submission. */
-    meta: Meta;
-    /**
-     * The input value of the `url` field at time of submission if inserted "manually".
-     * This can useful if the `url` was manually inserted with a value that is different from the normalised value returned as `url`.
-     * @example
-     * { url: 'https://google.com', rawUrl: 'google.com' }
-     */
-    rawUrl?: string;
-    /** Raw object from the selected resource */
-    data?: Record<string, unknown>;
-}
-export interface LinkPickerProps {
-    /**
-     * Callback to fire on form submission.
-     */
-    onSubmit: (arg: OnSubmitParameter, analytic?: UIAnalyticsEvent | null) => void;
-    /**
-     * Callback to fire when the cancel button is clicked.
-     * If not provided, cancel button is not displayed.
-     */
-    onCancel?: () => void;
-    /** Callback to fire when content is changed inside the link picker e.g. items, when loading, tabs */
-    onContentResize?: () => void;
-    /** The url of the linked resource for editing. */
-    url?: string;
-    /** The desired text to be displayed alternatively to the title of the linked resource for editing. */
-    displayText?: string | null;
-    /** Plugins that provide link suggestions / search capabilities. */
-    plugins?: LinkPickerPlugin[];
-    /** If set true, Link picker will show the loading spinner where the tabs and results will show. */
-    isLoadingPlugins?: boolean;
-    /** Hides the link picker display text field if set to true. */
-    hideDisplayText?: boolean;
-    /** Disables the default width containing the link picker. */
-    disableWidth?: boolean;
-    /** Override the default left padding. */
-    paddingLeft?: string;
-    /** Override the default right padding. */
-    paddingRight?: string;
-    /** Override the default top padding. */
-    paddingTop?: string;
-    /** Override the default bottom padding. */
-    paddingBottom?: string;
-    /** Customise the link picker root component */
-    component?: React.ComponentType<Partial<LinkPickerProps> & {
-        children: React.ReactElement;
-    }>;
-    /** Allows for customisation of text in the link picker. */
-    customMessages?: CustomLinkPickerMessages;
-    featureFlags?: Record<string, unknown>;
-    /** Controls showing a "submission in-progres" UX */
-    isSubmitting?: boolean;
-}
-type CustomLinkPickerMessages = {
-    /** Label for the link input field */
-    linkLabel?: MessageDescriptor;
-    /** Aria label for the link input field */
-    linkAriaLabel?: MessageDescriptor;
-    /** Placeholder for the link input field */
-    linkPlaceholder?: MessageDescriptor;
-    /** Label for the link display text field */
-    linkTextLabel?: MessageDescriptor;
-    /** Placeholder for the link display text field */
-    linkTextPlaceholder?: MessageDescriptor;
-    /** Label for the submit button */
-    submitButtonLabel?: MessageDescriptor;
-};
 export declare const LinkPicker: import("react").ComponentType<LinkPickerProps>;
-export {};

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

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { LinkPickerProps } from '../common/types';
+import type { PackageMetaDataType } from '../common/utils/analytics/analytics.codegen';
+export declare const testIds: {
+    linkPickerRoot: string;
+};
+export declare const PACKAGE_DATA: PackageMetaDataType;
+export declare const composeLinkPicker: (Component: React.ComponentType<LinkPickerProps>) => React.MemoExoticComponent<(props: LinkPickerProps) => jsx.JSX.Element>;

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

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

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

@@ -1,5 +1,6 @@
-import { type ReactNode } from 'react';
-import { type MessageDescriptor } from 'react-intl-next';
+import type { ReactNode } from 'react';
+import type { MessageDescriptor } from 'react-intl-next';
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type LinkInputType = 'manual' | 'typeAhead';
 export interface LinkSearchListItemData {
     /** Unique identifiable attribute for the item */
@@ -72,3 +73,83 @@ export interface PickerState {
     preventHidingRecents: boolean;
     allowCreateFeatureDiscovery: boolean;
 }
+interface Meta {
+    /** Indicates how the link was picked. */
+    inputMethod: LinkInputType;
+}
+interface OnSubmitParameter {
+    /** The `url` of the linked resource. */
+    url: string;
+    /** The desired text to be displayed alternatively to the title of the linked resource. */
+    displayText: string | null;
+    /** The resolved `title` of the resource at the time of link picking (if applicable, null if not known). */
+    title: string | null;
+    /** Meta data about the link picking submission. */
+    meta: Meta;
+    /**
+     * The input value of the `url` field at time of submission if inserted "manually".
+     * This can useful if the `url` was manually inserted with a value that is different from the normalised value returned as `url`.
+     * @example
+     * { url: 'https://google.com', rawUrl: 'google.com' }
+     */
+    rawUrl?: string;
+    /** Raw object from the selected resource */
+    data?: Record<string, unknown>;
+}
+export interface LinkPickerProps {
+    /**
+     * Callback to fire on form submission.
+     */
+    onSubmit: (arg: OnSubmitParameter, analytic?: UIAnalyticsEvent | null) => void;
+    /**
+     * Callback to fire when the cancel button is clicked.
+     * If not provided, cancel button is not displayed.
+     */
+    onCancel?: () => void;
+    /** Callback to fire when content is changed inside the link picker e.g. items, when loading, tabs */
+    onContentResize?: () => void;
+    /** The url of the linked resource for editing. */
+    url?: string;
+    /** The desired text to be displayed alternatively to the title of the linked resource for editing. */
+    displayText?: string | null;
+    /** Plugins that provide link suggestions / search capabilities. */
+    plugins?: LinkPickerPlugin[];
+    /** If set true, Link picker will show the loading spinner where the tabs and results will show. */
+    isLoadingPlugins?: boolean;
+    /** Hides the link picker display text field if set to true. */
+    hideDisplayText?: boolean;
+    /** Disables the default width containing the link picker. */
+    disableWidth?: boolean;
+    /** Override the default left padding. */
+    paddingLeft?: string;
+    /** Override the default right padding. */
+    paddingRight?: string;
+    /** Override the default top padding. */
+    paddingTop?: string;
+    /** Override the default bottom padding. */
+    paddingBottom?: string;
+    /** Customise the link picker root component */
+    component?: React.ComponentType<Partial<LinkPickerProps> & {
+        children: React.ReactElement;
+    }>;
+    /** Allows for customisation of text in the link picker. */
+    customMessages?: CustomLinkPickerMessages;
+    featureFlags?: Record<string, unknown>;
+    /** Controls showing a "submission in-progres" UX */
+    isSubmitting?: boolean;
+}
+type CustomLinkPickerMessages = {
+    /** Label for the link input field */
+    linkLabel?: MessageDescriptor;
+    /** Aria label for the link input field */
+    linkAriaLabel?: MessageDescriptor;
+    /** Placeholder for the link input field */
+    linkPlaceholder?: MessageDescriptor;
+    /** Label for the link display text field */
+    linkTextLabel?: MessageDescriptor;
+    /** Placeholder for the link display text field */
+    linkTextPlaceholder?: MessageDescriptor;
+    /** Label for the submit button */
+    submitButtonLabel?: MessageDescriptor;
+};
+export {};

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

@@ -1,5 +1,6 @@
-export { default as LinkPicker } from './ui';
-export type { LinkPickerProps } from './ui/link-picker';
+export { default } from './ui';
+export { DeprecatedLazyLinkPickerExport as LinkPicker } from './ui';
+export type { LinkPickerProps } from './common/types';
 export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, } from './common/types';
 export { UnauthenticatedError } from './common/utils/errors';
 export { LoaderFallback } from './ui/loader-fallback';

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

@@ -0,0 +1 @@
+export { default as LazyLinkPicker } from './ui/lazy';

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

@@ -1,14 +1,15 @@
+/// <reference types="react" />
 /**
- * @jsxRuntime classic
- * @jsx jsx
+ * @deprecated A `/lazy` entrypoint has been added.
+ * @example  Prefer the default export from the default entrypoint if you do not want a lazy-loaded version.
+ * ```tsx
+ * import LinkPicker from '@atlaskit/link-picker';
+ * ```
+ * @example Prefer the `LazyLinkPicker` export from the `/lazy` entrypoint if you want a lazy-loaded version.
+ * ```tsx
+ * import { LazyLinkPicker } from '@atlaskit/link-picker/lazy';
+ * ```
  */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { type PackageMetaDataType } from '../common/utils/analytics/analytics.codegen';
-import { type LinkPickerProps } from './link-picker';
-export declare const testIds: {
-    linkPickerRoot: string;
-};
-export declare const PACKAGE_DATA: PackageMetaDataType;
-declare const ComposedLinkPicker: React.MemoExoticComponent<(props: LinkPickerProps) => jsx.JSX.Element>;
-export default ComposedLinkPicker;
+export declare const DeprecatedLazyLinkPickerExport: import("react").MemoExoticComponent<(props: import("..").LinkPickerProps) => import("@emotion/react").jsx.JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: import("..").LinkPickerProps) => import("@emotion/react").jsx.JSX.Element>;
+export default _default;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<(props: import("..").LinkPickerProps) => import("@emotion/react").jsx.JSX.Element>;
+export default _default;

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

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-import { type MessageDescriptor } from 'react-intl-next';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type LinkInputType, type LinkPickerPlugin } from '../../common/types';
+import type { LinkPickerProps } from '../../common/types';
 export declare const testIds: {
     readonly urlError: string;
     readonly clearUrlButton: string;
@@ -25,84 +23,4 @@ export declare const testIds: {
     readonly urlInputField: "link-url";
     readonly textInputField: "link-text";
 };
-interface Meta {
-    /** Indicates how the link was picked. */
-    inputMethod: LinkInputType;
-}
-interface OnSubmitParameter {
-    /** The `url` of the linked resource. */
-    url: string;
-    /** The desired text to be displayed alternatively to the title of the linked resource. */
-    displayText: string | null;
-    /** The resolved `title` of the resource at the time of link picking (if applicable, null if not known). */
-    title: string | null;
-    /** Meta data about the link picking submission. */
-    meta: Meta;
-    /**
-     * The input value of the `url` field at time of submission if inserted "manually".
-     * This can useful if the `url` was manually inserted with a value that is different from the normalised value returned as `url`.
-     * @example
-     * { url: 'https://google.com', rawUrl: 'google.com' }
-     */
-    rawUrl?: string;
-    /** Raw object from the selected resource */
-    data?: Record<string, unknown>;
-}
-export interface LinkPickerProps {
-    /**
-     * Callback to fire on form submission.
-     */
-    onSubmit: (arg: OnSubmitParameter, analytic?: UIAnalyticsEvent | null) => void;
-    /**
-     * Callback to fire when the cancel button is clicked.
-     * If not provided, cancel button is not displayed.
-     */
-    onCancel?: () => void;
-    /** Callback to fire when content is changed inside the link picker e.g. items, when loading, tabs */
-    onContentResize?: () => void;
-    /** The url of the linked resource for editing. */
-    url?: string;
-    /** The desired text to be displayed alternatively to the title of the linked resource for editing. */
-    displayText?: string | null;
-    /** Plugins that provide link suggestions / search capabilities. */
-    plugins?: LinkPickerPlugin[];
-    /** If set true, Link picker will show the loading spinner where the tabs and results will show. */
-    isLoadingPlugins?: boolean;
-    /** Hides the link picker display text field if set to true. */
-    hideDisplayText?: boolean;
-    /** Disables the default width containing the link picker. */
-    disableWidth?: boolean;
-    /** Override the default left padding. */
-    paddingLeft?: string;
-    /** Override the default right padding. */
-    paddingRight?: string;
-    /** Override the default top padding. */
-    paddingTop?: string;
-    /** Override the default bottom padding. */
-    paddingBottom?: string;
-    /** Customise the link picker root component */
-    component?: React.ComponentType<Partial<LinkPickerProps> & {
-        children: React.ReactElement;
-    }>;
-    /** Allows for customisation of text in the link picker. */
-    customMessages?: CustomLinkPickerMessages;
-    featureFlags?: Record<string, unknown>;
-    /** Controls showing a "submission in-progres" UX */
-    isSubmitting?: boolean;
-}
-type CustomLinkPickerMessages = {
-    /** Label for the link input field */
-    linkLabel?: MessageDescriptor;
-    /** Aria label for the link input field */
-    linkAriaLabel?: MessageDescriptor;
-    /** Placeholder for the link input field */
-    linkPlaceholder?: MessageDescriptor;
-    /** Label for the link display text field */
-    linkTextLabel?: MessageDescriptor;
-    /** Placeholder for the link display text field */
-    linkTextPlaceholder?: MessageDescriptor;
-    /** Label for the submit button */
-    submitButtonLabel?: MessageDescriptor;
-};
 export declare const LinkPicker: import("react").ComponentType<LinkPickerProps>;
-export {};

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

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { LinkPickerProps } from '../common/types';
+import type { PackageMetaDataType } from '../common/utils/analytics/analytics.codegen';
+export declare const testIds: {
+    linkPickerRoot: string;
+};
+export declare const PACKAGE_DATA: PackageMetaDataType;
+export declare const composeLinkPicker: (Component: React.ComponentType<LinkPickerProps>) => React.MemoExoticComponent<(props: LinkPickerProps) => jsx.JSX.Element>;

package/lazy/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/link-picker/lazy",
+  "main": "../dist/cjs/lazy.js",
+  "module": "../dist/esm/lazy.js",
+  "module:es2019": "../dist/es2019/lazy.js",
+  "sideEffects": false,
+  "types": "../dist/types/lazy.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/lazy.d.ts"
+      ]
+    }
+  }
+}