@atlaskit/link-picker 1.48.3 → 1.49.0

package/dist/esm/ui/main.js

@@ -1,62 +1,64 @@
+/* main.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+import "./main.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React, { memo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, 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 { composeLinkPickerOld } from './old/main';
 export var testIds = {
   linkPickerRoot: 'link-picker-root'
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.48.3" || '',
+  packageVersion: "1.49.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };
 var DefaultRootComponent = function DefaultRootComponent(_ref) {
   var children = _ref.children;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": testIds.linkPickerRoot
   }, children);
 };
-var fixedWidthContainerStyles = css({
-  width: 'var(--link-picker-width)'
-});
+var fixedWidthContainerStyles = null;
 var FixedWidthContainer = function FixedWidthContainer(props) {
-  return jsx("div", _extends({
-    css: fixedWidthContainerStyles
-  }, props));
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+    className: ax(["_1bsb1ubl"])
+  }));
 };
-export var composeLinkPicker = function composeLinkPicker(Component) {
+export var composeLinkPickerNew = function composeLinkPickerNew(Component) {
   return /*#__PURE__*/memo(function (props) {
     var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom;
     var component = props.component;
     var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
-    return jsx(AnalyticsContext, {
+    return /*#__PURE__*/React.createElement(AnalyticsContext, {
       data: PACKAGE_DATA
-    }, jsx(LinkPickerSessionProvider, null, jsx(MessagesProvider, null, jsx("div", {
+    }, /*#__PURE__*/React.createElement(LinkPickerSessionProvider, null, /*#__PURE__*/React.createElement(MessagesProvider, null, /*#__PURE__*/React.createElement("div", {
       style: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '--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")), '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)")
-    }, jsx(FixedWidthContainer, null, jsx(ErrorBoundary, null, jsx(LazySuspense, {
-      fallback: jsx(LoaderFallback, {
+    }, /*#__PURE__*/React.createElement(FixedWidthContainer, null, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(LazySuspense, {
+      fallback: /*#__PURE__*/React.createElement(LoaderFallback, {
         url: props.url,
         hideDisplayText: props.hideDisplayText,
         isLoadingPlugins: props.isLoadingPlugins,
         plugins: props.plugins
       })
-    }, jsx(RootComponent, _extends({}, props, {
+    }, /*#__PURE__*/React.createElement(RootComponent, _extends({}, props, {
       "data-testid": testIds.linkPickerRoot
-    }), jsx(Component, props)))))))));
+    }), /*#__PURE__*/React.createElement(Component, props)))))))));
   });
+};
+export var composeLinkPicker = function composeLinkPicker(Component) {
+  if (fg('platform_bandicoots-link-picker-css')) {
+    return composeLinkPickerNew(Component);
+  }
+  return composeLinkPickerOld(Component);
 };

package/dist/esm/ui/old/main.js

@@ -0,0 +1,64 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React, { memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+import { LazySuspense } from 'react-loosely-lazy';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+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';
+export var testIds = {
+  linkPickerRoot: 'link-picker-root'
+};
+export var PACKAGE_DATA = {
+  packageName: "@atlaskit/link-picker" || '',
+  packageVersion: "1.49.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 fixedWidthContainerStyles = css({
+  width: 'var(--link-picker-width)'
+});
+var FixedWidthContainer = function FixedWidthContainer(props) {
+  return jsx("div", _extends({
+    css: fixedWidthContainerStyles
+  }, props));
+};
+export var composeLinkPickerOld = function composeLinkPickerOld(Component) {
+  return /*#__PURE__*/memo(function (props) {
+    var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom;
+    var component = props.component;
+    var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
+    return jsx(AnalyticsContext, {
+      data: PACKAGE_DATA
+    }, jsx(LinkPickerSessionProvider, null, jsx(MessagesProvider, null, jsx("div", {
+      style: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '--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")), '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)")
+    }, jsx(FixedWidthContainer, null, jsx(ErrorBoundary, null, jsx(LazySuspense, {
+      fallback: 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/generic-error-svg/index.d.ts

@@ -1,6 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-export declare const GenericErrorSVG: (props: React.SVGProps<SVGSVGElement>) => jsx.JSX.Element;
+/// <reference types="react" />
+export declare const GenericErrorSVGNew: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const GenericErrorSVG: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

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

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

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

@@ -82,7 +82,6 @@ export interface PickerState {
     activeTab: number;
     /** When true, even if the selected index is -1, don't hide the recents. */
     preventHidingRecents: boolean;
-    allowCreateFeatureDiscovery: boolean;
 }
 interface Meta {
     /** Indicates how the link was picked. */

package/dist/types/common/ui/empty-state/index.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 type EmptyStateProps = {
     header: string;
     testId?: string;
     description?: React.ReactNode;
     renderImage?: () => React.ReactNode;
 };
-export declare const EmptyState: ({ testId, header, description, renderImage }: EmptyStateProps) => React.JSX.Element;
+export declare const EmptyStateNew: ({ testId, header, description, renderImage }: EmptyStateProps) => JSX.Element;
+export declare const EmptyState: (props: EmptyStateProps) => JSX.Element;
 export {};

package/dist/types/common/ui/empty-state/old/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type EmptyStateProps = {
+    header: string;
+    testId?: string;
+    description?: React.ReactNode;
+    renderImage?: () => React.ReactNode;
+};
+export declare const EmptyStateOld: ({ testId, header, description, renderImage }: EmptyStateProps) => React.JSX.Element;
+export {};

package/dist/types/common/ui/min-height-container/index.d.ts

@@ -3,6 +3,9 @@
  * @jsx jsx
  */
 import React from 'react';
+export declare const MinHeightContainerNew: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    minHeight: string;
+} & React.RefAttributes<HTMLDivElement>>;
 export declare const MinHeightContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     minHeight: string;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/types/common/ui/min-height-container/old/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+export declare const MinHeightContainerOld: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    minHeight: string;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-export declare const ErrorBoundaryFallback: () => jsx.JSX.Element;
+/// <reference types="react" />
+export declare const ErrorBoundaryFallbackNew: () => JSX.Element;
+export declare const ErrorBoundaryFallback: () => JSX.Element;

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

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

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { jsx } from '@emotion/react';
 import { type MessageDescriptor } from 'react-intl-next';
 import { type LinkPickerPluginAction, type LinkPickerState, type LinkSearchListItemData } from '../../../common/types';
 export declare const messages: {
@@ -19,8 +18,6 @@ export declare const testIds: {
     readonly cancelButton: "link-picker-cancel-button";
     readonly actionButton: "link-picker-action-button";
     readonly submitStatusA11yIndicator: "link-picker-submit-status-a11y-indicator";
-    /** Feature discovery for action button (css pulse) */
-    readonly actionButtonDiscovery: "link-picker-action-button-discovery";
 };
 interface FormFooterProps extends React.HTMLAttributes<HTMLElement> {
     /** If the results section appears to be loading, impact whether the submit button is disabled */
@@ -34,10 +31,10 @@ interface FormFooterProps extends React.HTMLAttributes<HTMLElement> {
     isEditing?: boolean;
     onCancel?: () => void;
     action?: LinkPickerPluginAction;
-    createFeatureDiscovery?: boolean;
     customSubmitButtonLabel?: MessageDescriptor;
     submitMessageId?: string;
     hideSubmitButton?: boolean;
 }
-export declare const FormFooter: import("react").MemoExoticComponent<({ isLoading, isSubmitting, error, url, queryState, items, isEditing, onCancel, action, createFeatureDiscovery, customSubmitButtonLabel, submitMessageId, hideSubmitButton, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
+export declare const FormFooterNew: import("react").MemoExoticComponent<({ isLoading, isSubmitting, error, url, queryState, items, isEditing, onCancel, action, customSubmitButtonLabel, submitMessageId, hideSubmitButton, className, ...restProps }: FormFooterProps) => JSX.Element | null>;
+export declare const FormFooter: (props: FormFooterProps) => JSX.Element;
 export {};

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

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
 import type { LinkPickerState, LinkSearchListItemData } from '../../../../common/types';
 type LinkPickerButtonGroupProps = {
@@ -29,5 +25,5 @@ export declare const messages: {
         description: string;
     };
 };
-export declare const LinkPickerSubmitButton: ({ isEditing, isLoading, isSubmitting, customSubmitButtonLabel, error, items, queryState, submitMessageId, testId, url, }: LinkPickerButtonGroupProps) => jsx.JSX.Element;
+export declare const LinkPickerSubmitButton: ({ isEditing, isLoading, isSubmitting, customSubmitButtonLabel, error, items, queryState, submitMessageId, testId, url, }: LinkPickerButtonGroupProps) => React.JSX.Element;
 export {};

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

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import { type MessageDescriptor } from 'react-intl-next';
+import { type LinkPickerPluginAction, type LinkPickerState, type LinkSearchListItemData } from '../../../../common/types';
+export declare const messages: {
+    cancelButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    submittingStatusMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export declare const testIds: {
+    readonly insertButton: "link-picker-insert-button";
+    readonly cancelButton: "link-picker-cancel-button";
+    readonly actionButton: "link-picker-action-button";
+    readonly submitStatusA11yIndicator: "link-picker-submit-status-a11y-indicator";
+    /** Feature discovery for action button (css pulse) */
+    readonly actionButtonDiscovery: "link-picker-action-button-discovery";
+};
+interface FormFooterProps extends React.HTMLAttributes<HTMLElement> {
+    /** If the results section appears to be loading, impact whether the submit button is disabled */
+    isLoading: boolean;
+    /** Controls showing a "submission in-progres" UX */
+    isSubmitting?: boolean;
+    error: unknown | null;
+    url: string;
+    queryState: LinkPickerState | null;
+    items: LinkSearchListItemData[] | null;
+    isEditing?: boolean;
+    onCancel?: () => void;
+    action?: LinkPickerPluginAction;
+    customSubmitButtonLabel?: MessageDescriptor;
+    submitMessageId?: string;
+    hideSubmitButton?: boolean;
+}
+export declare const FormFooterOld: import("react").MemoExoticComponent<({ isLoading, isSubmitting, error, url, queryState, items, isEditing, onCancel, action, customSubmitButtonLabel, submitMessageId, hideSubmitButton, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
+export {};

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

@@ -7,7 +7,6 @@ export declare const testIds: {
     readonly cancelButton: "link-picker-cancel-button";
     readonly actionButton: "link-picker-action-button";
     readonly submitStatusA11yIndicator: "link-picker-submit-status-a11y-indicator";
-    readonly actionButtonDiscovery: "link-picker-action-button-discovery";
     readonly tabsLoadingIndicator: string;
     readonly tabList: string;
     readonly tabItem: string;
@@ -23,4 +22,5 @@ export declare const testIds: {
     readonly urlInputField: "link-url";
     readonly textInputField: "link-text";
 };
-export declare const LinkPicker: import("react").ComponentType<LinkPickerProps>;
+export declare const LinkPickerNew: import("react").ComponentType<LinkPickerProps>;
+export declare const LinkPicker: (props: LinkPickerProps) => JSX.Element;

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import type { LinkPickerProps } from '../../../common/types';
+export declare const testIds: {
+    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 submitStatusA11yIndicator: "link-picker-submit-status-a11y-indicator";
+    readonly tabsLoadingIndicator: string;
+    readonly tabList: string;
+    readonly tabItem: string;
+    readonly resultListTitle: string;
+    readonly searchResultList: string;
+    readonly searchResultLoadingIndicator: string;
+    readonly searchResultItem: string;
+    readonly searchResultIcon: string;
+    readonly emptyResultPage: string;
+    readonly searchError: string;
+    readonly linkPickerRoot: "link-picker-root";
+    readonly linkPicker: "link-picker";
+    readonly urlInputField: "link-url";
+    readonly textInputField: "link-text";
+};
+export declare const LinkPickerOld: import("react").ComponentType<LinkPickerProps>;

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

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { type KeyboardEvent } from 'react';
-import { jsx } from '@emotion/react';
 import { type LinkPickerPlugin, type LinkSearchListItemData } from '../../../common/types';
 export declare const testIds: {
     tabsLoadingIndicator: string;
@@ -42,4 +41,5 @@ export type SearchResultsProps = {
     adaptiveHeight: boolean;
     retry: () => void;
 };
-export declare const SearchResults: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, adaptiveHeight, retry, }: SearchResultsProps) => jsx.JSX.Element;
+export declare const SearchResultsNew: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, adaptiveHeight, retry, }: SearchResultsProps) => JSX.Element;
+export declare const SearchResults: (props: SearchResultsProps) => JSX.Element;

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

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+import React from 'react';
 export declare const CONTACT_SUPPORT_LINK = "https://support.atlassian.com/contact/";
 export declare const CONTACT_SUPPORT_LINK_FEDRAMP = "https://gcs.atlassian-us-gov-mod.net/servicedesk/customer/portals";
 export declare const messages: {
@@ -20,4 +16,4 @@ export declare const messages: {
 export declare const testIds: {
     searchError: string;
 };
-export declare const LinkSearchError: () => jsx.JSX.Element;
+export declare const LinkSearchError: () => React.JSX.Element;

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

@@ -48,5 +48,6 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     hasSearchTerm?: boolean;
     activePlugin?: LinkPickerPlugin;
 }
+export declare const LinkSearchListNew: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,6 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-export declare const NoResultsSVG: () => jsx.JSX.Element;
+/// <reference types="react" />
+export declare const NoResultsSVGNew: () => JSX.Element;
+export declare const NoResultsSVG: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

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

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

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

@@ -8,7 +8,7 @@ export declare const testIds: {
     searchResultItem: string;
     searchResultIcon: string;
 };
-export interface LinkSearchListItemProps {
+export type LinkSearchListItemProps = {
     item: LinkSearchListItemData;
     selected: boolean;
     active: boolean;
@@ -19,5 +19,6 @@ export interface LinkSearchListItemProps {
     id?: string;
     role?: string;
     nameMaxLines?: number;
-}
+};
+export declare const LinkSearchListItemNew: import("react").ForwardRefExoticComponent<LinkSearchListItemProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const LinkSearchListItem: import("react").ForwardRefExoticComponent<LinkSearchListItemProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,23 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type KeyboardEvent } from 'react';
+import { type 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;
+    nameMaxLines?: number;
+}
+export declare const LinkSearchListItemOld: import("react").ForwardRefExoticComponent<LinkSearchListItemProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,52 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type KeyboardEvent } from 'react';
+import { type LinkPickerPlugin, type LinkSearchListItemData } from '../../../../../common/types';
+export declare const messages: {
+    titleRecentlyViewed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    titleResults: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    searchLinkResults: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export declare const testIds: {
+    resultListTitle: string;
+    searchResultList: string;
+    searchResultLoadingIndicator: string;
+    tabsLoadingIndicator: string;
+    searchResultItem: string;
+    searchResultIcon: string;
+    emptyResultPage: string;
+};
+type LinkSearchListElement = HTMLElement;
+export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearchListElement>, 'onSelect' | 'onChange'> {
+    items?: LinkSearchListItemData[] | null;
+    isLoading: boolean;
+    selectedIndex: number;
+    activeIndex: number;
+    adaptiveHeight: boolean;
+    onChange: (objectId: string) => void;
+    onSelect: (objectId: string) => void;
+    onKeyDown?: (e: KeyboardEvent<LinkSearchListElement>) => void;
+    ariaControls?: string;
+    ariaLabelledBy?: string;
+    ariaReadOnly?: boolean;
+    role?: string;
+    id?: string;
+    hasSearchTerm?: boolean;
+    activePlugin?: LinkPickerPlugin;
+}
+export declare const LinkSearchListOld: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,45 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type KeyboardEvent } from 'react';
+import { jsx } from '@emotion/react';
+import { type LinkPickerPlugin, type 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;
+    isSubmitting?: 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;
+    adaptiveHeight: boolean;
+    retry: () => void;
+};
+export declare const SearchResultsOld: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, adaptiveHeight, retry, }: SearchResultsProps) => jsx.JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { jsx } from '@emotion/react';
-interface ScrollingTabListProps {
+type ScrollingTabListProps = {
     children: JSX.Element;
-}
-export declare const ScrollingTabList: (props: ScrollingTabListProps) => jsx.JSX.Element;
+};
+export declare const ScrollingTabListNew: (props: ScrollingTabListProps) => JSX.Element;
+export declare const ScrollingTabList: (props: ScrollingTabListProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+interface ScrollingTabListProps {
+    children: JSX.Element;
+}
+export declare const ScrollingTabListOld: (props: ScrollingTabListProps) => jsx.JSX.Element;
+export {};

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { jsx } from '@emotion/react';
 type SearchResultsContainerProps = {
     adaptiveHeight: boolean;
     isLoadingResults: boolean;
     hasTabs?: boolean;
     children?: React.ReactNode;
 };
-export declare const SearchResultsContainer: ({ hasTabs, adaptiveHeight, isLoadingResults, children, }: SearchResultsContainerProps) => jsx.JSX.Element;
+export declare const SearchResultsContainerNew: ({ hasTabs, adaptiveHeight, isLoadingResults, children, }: SearchResultsContainerProps) => JSX.Element;
+export declare const SearchResultsContainer: (props: SearchResultsContainerProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+type SearchResultsContainerProps = {
+    adaptiveHeight: boolean;
+    isLoadingResults: boolean;
+    hasTabs?: boolean;
+    children?: React.ReactNode;
+};
+export declare const SearchResultsContainerOld: ({ hasTabs, adaptiveHeight, isLoadingResults, children, }: SearchResultsContainerProps) => jsx.JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type TextFieldProps } from '@atlaskit/textfield';
 import { type ConditionalSpotlightTargetWrapperProps } from './conditional-spotlight-target-wrapper';
 export type TextInputProps = Omit<TextFieldProps, 'name' | 'value'> & Pick<ConditionalSpotlightTargetWrapperProps, 'spotlightTargetName'> & {
@@ -15,4 +15,5 @@ export declare const testIds: {
     urlError: string;
     clearUrlButton: string;
 };
-export declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, ...restProps }: TextInputProps) => jsx.JSX.Element;
+export declare const TextInputNew: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, ...restProps }: TextInputProps) => JSX.Element;
+export declare const TextInput: (props: TextInputProps) => JSX.Element;