npm - @atlaskit/link-picker - Versions diffs - 1.30.14 → 1.32.0 - Mend

@atlaskit/link-picker 1.30.14 → 1.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { MessageDescriptor } from 'react-intl-next';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { LinkInputType, LinkPickerPlugin } from '../../common/types';
 export declare const testIds: {
@@ -7,6 +8,7 @@ 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";
     readonly actionButtonDiscovery: "link-picker-action-button-discovery";
     readonly tabsLoadingIndicator: string;
     readonly tabList: string;
@@ -77,7 +79,25 @@ export interface LinkPickerProps {
     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/link-picker/search-results/index.d.ts CHANGED Viewed

@@ -21,6 +21,7 @@ export type SearchResultsProps = {
     }[];
     isLoadingPlugins?: boolean;
     isLoadingResults: boolean;
+    isSubmitting?: boolean;
     activeTab: number;
     handleTabChange: (activeTab: number) => void;
     handleSearchListOnChange: (id: string) => void;
@@ -37,4 +38,4 @@ export type SearchResultsProps = {
     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;
+export declare const SearchResults: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, retry, }: SearchResultsProps) => jsx.JSX.Element;

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

@@ -38,6 +38,7 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     onKeyDown?: (e: KeyboardEvent<LinkSearchListElement>) => void;
     ariaControls?: string;
     ariaLabelledBy?: string;
+    ariaReadOnly?: boolean;
     role?: string;
     id?: string;
     hasSearchTerm?: boolean;

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

@@ -1,16 +1,42 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
+import { MessageDescriptor } from 'react-intl-next';
 import { LinkPickerPluginAction, LinkPickerState, LinkSearchListItemData } from '../../../common/types';
+export declare const messages: {
+    cancelButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    saveButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    insertButton: {
+        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;
@@ -19,6 +45,7 @@ interface FormFooterProps extends React.HTMLAttributes<HTMLElement> {
     onCancel?: () => void;
     action?: LinkPickerPluginAction;
     createFeatureDiscovery?: boolean;
+    customSubmitButtonLabel?: MessageDescriptor;
 }
-export declare const FormFooter: import("react").MemoExoticComponent<({ isLoading, error, url, queryState, items, isEditing, onCancel, action, createFeatureDiscovery, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
+export declare const FormFooter: import("react").MemoExoticComponent<({ isLoading, isSubmitting, error, url, queryState, items, isEditing, onCancel, action, createFeatureDiscovery, customSubmitButtonLabel, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
 export {};

package/dist/types-ts4.5/ui/link-picker/form-footer/utils.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { LinkPickerState, LinkSearchListItemData } from '../../../common/types';
-export declare const checkSubmitDisabled: (isLoading: boolean, error: unknown | null, url: string, queryState: LinkPickerState | null, items: LinkSearchListItemData[] | null) => boolean;
+export declare const checkSubmitDisabled: (isLoading: boolean, isSubmitting: boolean, error: unknown | null, url: string, queryState: LinkPickerState | null, items: LinkSearchListItemData[] | null) => boolean;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { MessageDescriptor } from 'react-intl-next';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { LinkInputType, LinkPickerPlugin } from '../../common/types';
 export declare const testIds: {
@@ -7,6 +8,7 @@ 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";
     readonly actionButtonDiscovery: "link-picker-action-button-discovery";
     readonly tabsLoadingIndicator: string;
     readonly tabList: string;
@@ -77,7 +79,25 @@ export interface LinkPickerProps {
     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/link-picker/search-results/index.d.ts CHANGED Viewed

@@ -21,6 +21,7 @@ export type SearchResultsProps = {
     }[];
     isLoadingPlugins?: boolean;
     isLoadingResults: boolean;
+    isSubmitting?: boolean;
     activeTab: number;
     handleTabChange: (activeTab: number) => void;
     handleSearchListOnChange: (id: string) => void;
@@ -37,4 +38,4 @@ export type SearchResultsProps = {
     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;
+export declare const SearchResults: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, retry, }: SearchResultsProps) => jsx.JSX.Element;

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

@@ -38,6 +38,7 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     onKeyDown?: (e: KeyboardEvent<LinkSearchListElement>) => void;
     ariaControls?: string;
     ariaLabelledBy?: string;
+    ariaReadOnly?: boolean;
     role?: string;
     id?: string;
     hasSearchTerm?: boolean;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.30.14",
+  "version": "1.32.0",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -49,9 +49,6 @@
     },
     "platform.linking-platform.link-picker.enable-jira-create": {
       "type": "boolean"
-    },
-    "platform.linking-platform.link-create.tmp-fix-translations": {
-      "type": "boolean"
     }
   },
   "scripts": {
@@ -60,20 +57,20 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^17.1.0",
+    "@atlaskit/button": "^17.2.0",
     "@atlaskit/empty-state": "^7.6.0",
     "@atlaskit/form": "^9.0.3",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/intl-messages-provider": "^1.0.2",
-    "@atlaskit/linking-common": "^5.1.0",
-    "@atlaskit/onboarding": "^11.1.2",
+    "@atlaskit/linking-common": "^5.3.0",
+    "@atlaskit/onboarding": "^11.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/tabs": "^14.0.0",
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.32.0",
+    "@atlaskit/tokens": "^1.33.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -96,7 +93,7 @@
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/link-provider": "^1.6.0",
     "@atlaskit/link-test-helpers": "^6.2.0",
-    "@atlaskit/primitives": "^1.15.0",
+    "@atlaskit/primitives": "^1.16.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@atlassian/feature-flags-test-utils": "*",