@atlaskit/link-picker 1.27.1 → 1.28.0

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

@@ -70,4 +70,5 @@ export interface PickerState {
     activeTab: number;
     /** When true, even if the selected index is -1, don't hide the recents. */
     preventHidingRecents: boolean;
+    allowCreateFeatureDiscovery: boolean;
 }

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

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+import { type FC } from 'react';
+type FeatureDiscoveryProps = {
+    children: React.ReactElement;
+    testId?: string;
+};
+/**
+ * This is a hacky solution to help with the feature discovery.
+ * This implementation must be removed once the experiment is completed.
+ *
+ * Cleanup ticket:
+ * https://product-fabric.atlassian.net/browse/EDM-7480
+ */
+declare const FeatureDiscovery: FC<FeatureDiscoveryProps>;
+export default FeatureDiscovery;

package/dist/types/ui/link-picker/form-footer/feature-discovery/styled.d.ts

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

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

@@ -5,6 +5,8 @@ export declare const testIds: {
     readonly insertButton: "link-picker-insert-button";
     readonly cancelButton: "link-picker-cancel-button";
     readonly actionButton: "link-picker-action-button";
+    /** 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 */
@@ -16,6 +18,7 @@ interface FormFooterProps extends React.HTMLAttributes<HTMLElement> {
     isEditing?: boolean;
     onCancel?: () => void;
     action?: LinkPickerPluginAction;
+    createFeatureDiscovery?: boolean;
 }
-export declare const FormFooter: import("react").MemoExoticComponent<({ isLoading, error, url, queryState, items, isEditing, onCancel, action, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
+export declare const FormFooter: import("react").MemoExoticComponent<({ isLoading, error, url, queryState, items, isEditing, onCancel, action, createFeatureDiscovery, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
 export {};

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

@@ -7,6 +7,7 @@ export declare const testIds: {
     readonly insertButton: "link-picker-insert-button";
     readonly cancelButton: "link-picker-cancel-button";
     readonly actionButton: "link-picker-action-button";
+    readonly actionButtonDiscovery: "link-picker-action-button-discovery";
     readonly tabsLoadingIndicator: string;
     readonly tabList: string;
     readonly tabItem: string;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SearchResultsContainer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    hasTabs?: boolean | undefined;
+    children?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -2,6 +2,4 @@
  * 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;
-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/loader-fallback/styled.d.ts

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

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

@@ -2,8 +2,4 @@ export declare const ANALYTICS_CHANNEL = "media";
 export declare const COMPONENT_NAME = "linkPicker";
 export declare const RECENT_SEARCH_LIST_SIZE = 5;
 export declare const LINK_PICKER_WIDTH_IN_PX = 342;
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = "472px";
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = "550px";
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = "218px";
-export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = "141px";
 export declare const LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK = "290px";

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

@@ -70,4 +70,5 @@ export interface PickerState {
     activeTab: number;
     /** When true, even if the selected index is -1, don't hide the recents. */
     preventHidingRecents: boolean;
+    allowCreateFeatureDiscovery: boolean;
 }

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

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+import { type FC } from 'react';
+type FeatureDiscoveryProps = {
+    children: React.ReactElement;
+    testId?: string;
+};
+/**
+ * This is a hacky solution to help with the feature discovery.
+ * This implementation must be removed once the experiment is completed.
+ *
+ * Cleanup ticket:
+ * https://product-fabric.atlassian.net/browse/EDM-7480
+ */
+declare const FeatureDiscovery: FC<FeatureDiscoveryProps>;
+export default FeatureDiscovery;

package/dist/types-ts4.5/ui/link-picker/form-footer/feature-discovery/styled.d.ts

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

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

@@ -5,6 +5,8 @@ export declare const testIds: {
     readonly insertButton: "link-picker-insert-button";
     readonly cancelButton: "link-picker-cancel-button";
     readonly actionButton: "link-picker-action-button";
+    /** 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 */
@@ -16,6 +18,7 @@ interface FormFooterProps extends React.HTMLAttributes<HTMLElement> {
     isEditing?: boolean;
     onCancel?: () => void;
     action?: LinkPickerPluginAction;
+    createFeatureDiscovery?: boolean;
 }
-export declare const FormFooter: import("react").MemoExoticComponent<({ isLoading, error, url, queryState, items, isEditing, onCancel, action, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
+export declare const FormFooter: import("react").MemoExoticComponent<({ isLoading, error, url, queryState, items, isEditing, onCancel, action, createFeatureDiscovery, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
 export {};

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

@@ -7,6 +7,7 @@ export declare const testIds: {
     readonly insertButton: "link-picker-insert-button";
     readonly cancelButton: "link-picker-cancel-button";
     readonly actionButton: "link-picker-action-button";
+    readonly actionButtonDiscovery: "link-picker-action-button-discovery";
     readonly tabsLoadingIndicator: string;
     readonly tabList: string;
     readonly tabItem: string;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SearchResultsContainer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    hasTabs?: boolean | undefined;
+    children?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -2,6 +2,4 @@
  * 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;
-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-ts4.5/ui/loader-fallback/styled.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.27.1",
+  "version": "1.28.0",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -42,6 +42,9 @@
     },
     "platform.linking-platform.link-picker.fixed-height-search-results": {
       "type": "boolean"
+    },
+    "platform.linking-platform.link-picker.enable-jira-create": {
+      "type": "boolean"
     }
   },
   "scripts": {
@@ -55,14 +58,14 @@
     "@atlaskit/form": "^8.11.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/linking-common": "^3.4.0",
+    "@atlaskit/linking-common": "^4.3.0",
     "@atlaskit/onboarding": "^10.8.2",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/tabs": "^13.4.0",
     "@atlaskit/textfield": "^5.6.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -81,10 +84,10 @@
   "devDependencies": {
     "@af/analytics-codegen": "^0.1.0",
     "@af/visual-regression": "*",
-    "@atlaskit/dropdown-menu": "^11.10.0",
+    "@atlaskit/dropdown-menu": "^11.11.0",
     "@atlaskit/link-provider": "^1.6.0",
-    "@atlaskit/link-test-helpers": "^4.1.0",
-    "@atlaskit/linking-common": "^3.4.0",
+    "@atlaskit/link-test-helpers": "^6.0.0",
+    "@atlaskit/linking-common": "^4.3.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,123 @@
+## API Report File for "@atlaskit/link-picker"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { jsx } from '@emotion/react';
+import { MessageDescriptor } from 'react-intl-next';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+export type LinkInputType = 'manual' | 'typeAhead';
+
+// @public (undocumented)
+export const LinkPicker: React_2.MemoExoticComponent<(props: LinkPickerProps) => jsx.JSX.Element>;
+
+// @public (undocumented)
+export interface LinkPickerPlugin {
+    action?: LinkPickerPluginAction;
+    emptyStateNoResults?: LinkPickerPluginEmptyStateNoResults;
+    errorFallback?: LinkPickerPluginErrorFallback;
+    meta?: {
+        source?: string;
+    };
+    // (undocumented)
+    resolve: (state: LinkPickerState) => AsyncGenerator<ResolveResult, ResolveResult> | Promise<ResolveResult>;
+    tabKey?: string;
+    tabTitle?: string;
+    UNSAFE_onActivation?: () => void;
+}
+
+// @public (undocumented)
+export interface LinkPickerPluginAction {
+    // (undocumented)
+    callback: () => void;
+    // (undocumented)
+    label: MessageDescriptor | string;
+}
+
+// @public (undocumented)
+export type LinkPickerPluginEmptyStateNoResults = () => ReactNode;
+
+// @public (undocumented)
+export type LinkPickerPluginErrorFallback = (error: unknown, retry: () => void) => ReactNode;
+
+// @public (undocumented)
+export interface LinkPickerProps {
+    component?: React.ComponentType<Partial<LinkPickerProps> & {
+        children: React.ReactElement;
+    }>;
+    displayText?: null | string;
+    // (undocumented)
+    featureFlags?: Record<string, unknown>;
+    hideDisplayText?: boolean;
+    isLoadingPlugins?: boolean;
+    onCancel: () => void;
+    onContentResize?: () => void;
+    onSubmit: (arg: OnSubmitParameter, analytic?: UIAnalyticsEvent | null) => void;
+    plugins?: LinkPickerPlugin[];
+    url?: string;
+}
+
+// @public (undocumented)
+export interface LinkPickerState {
+    query: string;
+}
+
+// @public (undocumented)
+export interface LinkSearchListItemData {
+    container?: string;
+    icon: React.ComponentType<{
+        alt: string;
+    }> | string;
+    iconAlt: MessageDescriptor | string;
+    lastUpdatedDate?: Date;
+    lastViewedDate?: Date;
+    meta?: {
+        source?: string;
+    };
+    name: string;
+    objectId: string;
+    prefetch?: boolean;
+    url: string;
+}
+
+// @public (undocumented)
+interface Meta {
+    inputMethod: LinkInputType;
+}
+
+// @public (undocumented)
+interface OnSubmitParameter {
+    displayText: null | string;
+    meta: Meta;
+    rawUrl?: string;
+    title: null | string;
+    url: string;
+}
+
+// @public (undocumented)
+interface ResolveResult {
+    // (undocumented)
+    data: LinkSearchListItemData[];
+}
+
+// @public (undocumented)
+export class UnauthenticatedError extends Error {
+    constructor(iconUrl: string, authUrl: string, description: string);
+    // (undocumented)
+    authUrl: string;
+    // (undocumented)
+    description: string;
+    // (undocumented)
+    iconUrl: string;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```