@atlaskit/link-picker 1.25.3 → 1.25.5

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

@@ -1,28 +1,26 @@
 /// <reference types="react" />
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { LinkInputType, LinkPickerPlugin } from '../types';
-export declare const RECENT_SEARCH_LIST_SIZE = 5;
+import { LinkInputType, LinkPickerPlugin } from '../../common/types';
 export declare const testIds: {
-    readonly tabList: "link-picker-tabs";
-    readonly tabItem: "link-picker-tab";
     readonly urlError: string;
     readonly clearUrlButton: string;
+    readonly insertButton: "link-picker-insert-button";
+    readonly cancelButton: "link-picker-cancel-button";
+    readonly actionButton: "link-picker-action-button";
+    readonly tabsLoadingIndicator: string;
+    readonly tabList: string;
+    readonly tabItem: string;
     readonly resultListTitle: string;
     readonly searchResultList: string;
     readonly searchResultLoadingIndicator: string;
-    readonly tabsLoadingIndicator: string;
     readonly searchResultItem: string;
     readonly searchResultIcon: string;
     readonly emptyResultPage: string;
     readonly searchError: string;
-    readonly insertButton: "link-picker-insert-button";
-    readonly cancelButton: "link-picker-cancel-button";
-    readonly actionButton: "link-picker-action-button";
     readonly linkPickerRoot: "link-picker-root";
     readonly linkPicker: "link-picker";
     readonly urlInputField: "link-url";
     readonly textInputField: "link-text";
-    readonly searchIcon: "link-picker-search-icon";
 };
 interface Meta {
     /** Indicates how the link was picked. */
@@ -70,15 +68,5 @@ export interface LinkPickerProps {
     hideDisplayText?: boolean;
     featureFlags?: Record<string, unknown>;
 }
-export interface PickerState {
-    selectedIndex: number;
-    activeIndex: number;
-    url: string;
-    displayText: string;
-    invalidUrl: boolean;
-    activeTab: number;
-    /** When true, even if the selected index is -1, don't hide the recents. */
-    preventHidingRecents: boolean;
-}
 export declare const LinkPicker: import("react").ComponentType<LinkPickerProps>;
 export {};

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

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

package/dist/types-ts4.5/ui/link-picker/{link-search-list → search-results/link-search-list}/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { KeyboardEvent } from 'react';
-import { LinkPickerPlugin, LinkSearchListItemData } from '../../types';
+import { LinkPickerPlugin, LinkSearchListItemData } from '../../../../common/types';
 export declare const messages: {
     titleRecentlyViewed: {
         id: string;

package/dist/types-ts4.5/ui/link-picker/{list-item → search-results/link-search-list/list-item}/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { KeyboardEvent } from 'react';
-import { LinkSearchListItemData } from '../../types';
+import { LinkSearchListItemData } from '../../../../../common/types';
 export declare const testIds: {
     searchResultItem: string;
     searchResultIcon: string;

package/dist/types-ts4.5/ui/link-picker/{link-search-list → search-results/link-search-list}/use-track-results-shown/index.d.ts

@@ -1,2 +1,2 @@
-import { LinkSearchListItemData } from '../../../types';
+import { LinkSearchListItemData } from '../../../../../common/types';
 export declare const useTrackResultsShown: (isLoading: boolean, items?: LinkSearchListItemData[] | null | undefined, hasSearchTerm?: boolean) => void;

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

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

package/dist/types-ts4.5/ui/link-picker/{track-tab-viewed → search-results/track-tab-viewed}/index.d.ts

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

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

@@ -2,11 +2,6 @@
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
 export declare const rootContainerStyles: import("@emotion/react").SerializedStyles;
-/** Link Picker loader / skeleton will be taller in height when displayText field is shown */
-export declare const rootContainerStylesForLoaderWithDisplaytext: import("@emotion/react").SerializedStyles;
-/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
-export declare const rootContainerStylesForLoaderWithoutDisplaytext: import("@emotion/react").SerializedStyles;
-export declare const searchIconStyles: import("@emotion/react").SerializedStyles;
 export declare const tabsWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const flexColumnStyles: import("@emotion/react").SerializedStyles;
 export declare const formFooterMargin: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/link-picker/{conditional-spotlight-target-wrapper → text-input/conditional-spotlight-target-wrapper}/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import type { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 export interface ConditionalSpotlightTargetWrapperProps {
     spotlightTargetName?: string;
     children: React.ReactElement;

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

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 import { TextFieldProps } from '@atlaskit/textfield';
-import { ConditionalSpotlightTargetWrapperProps } from '../conditional-spotlight-target-wrapper';
+import { ConditionalSpotlightTargetWrapperProps } from './conditional-spotlight-target-wrapper';
 export type TextInputProps = Omit<TextFieldProps, 'name' | 'value'> & Pick<ConditionalSpotlightTargetWrapperProps, 'spotlightTargetName'> & {
     name: string;
     value: string;

package/dist/types-ts4.5/ui/link-picker/text-input/utils.d.ts

@@ -0,0 +1,3 @@
+import { KeyboardEvent } from 'react';
+export declare const isUndoEvent: (e: KeyboardEvent<HTMLInputElement>) => boolean;
+export declare const isRedoEvent: (e: KeyboardEvent<HTMLInputElement>) => boolean;

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

@@ -1,11 +1,7 @@
-import { KeyboardEvent } from 'react';
 import { IntlShape } from 'react-intl-next';
-import { LinkPickerPlugin, LinkSearchListItemData } from '../types';
-export declare const isUndoEvent: (e: KeyboardEvent<HTMLInputElement>) => boolean;
-export declare const isRedoEvent: (e: KeyboardEvent<HTMLInputElement>) => boolean;
+import { LinkPickerPlugin, LinkSearchListItemData } from '../../common/types';
 /**
  * Retrieve the data source for a link given the item and the plugin that resolved it
  */
 export declare const getDataSource: (item: LinkSearchListItemData, plugin?: LinkPickerPlugin) => string;
 export declare function getScreenReaderText(items: LinkSearchListItemData[], selectedIndex: number, intl: IntlShape): string | undefined;
-export declare const handleNavKeyDown: (event: KeyboardEvent<HTMLElement>, itemsLength: number, activeIndex: number) => number;

package/dist/types-ts4.5/ui/loader-fallback/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const rootContainerStylesForLoaderWithDisplaytext: import("@emotion/react").SerializedStyles;
+/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
+export declare const rootContainerStylesForLoaderWithoutDisplaytext: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.25.3",
+  "version": "1.25.5",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -52,14 +52,14 @@
     "@atlaskit/form": "^8.11.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/linking-common": "^3.0.0",
+    "@atlaskit/linking-common": "^3.1.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.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.9.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -79,17 +79,18 @@
     "@af/analytics-codegen": "^0.1.0",
     "@atlaskit/docs": "*",
     "@atlaskit/dropdown-menu": "^11.10.0",
-    "@atlaskit/link-analytics": "^8.0.0",
+    "@atlaskit/link-analytics": "^8.1.0",
     "@atlaskit/link-provider": "^1.6.0",
     "@atlaskit/link-test-helpers": "^4.1.0",
-    "@atlaskit/linking-common": "^3.0.0",
+    "@atlaskit/linking-common": "^3.1.0",
     "@atlaskit/popup": "^1.8.0",
     "@atlaskit/toggle": "^12.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@atlassian/feature-flags-test-utils": "*",
-    "@atlassian/link-picker-atlassian-plugin": "^34.0.0",
+    "@atlassian/gemini-visual-regression": "*",
+    "@atlassian/link-picker-atlassian-plugin": "^34.1.0",
     "@atlassian/link-picker-plugins": "^23.0.0",
     "@atlassian/recent-work-client": "^1.8.0",
     "@testing-library/dom": "^8.17.1",
@@ -108,12 +109,32 @@
     "typescript": "~4.9.5"
   },
   "techstack": {
+    "@atlassian/frontend": {
+      "code-structure": [
+        "tangerine-next"
+      ],
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
     "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
       "design-tokens": [
         "color",
         "spacing"
       ]
     }
   },
+  "techstackIgnore": {
+    "stricter": [
+      "@atlassian/tangerine/project-structure"
+    ]
+  },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
 }