@atlaskit/link-create 2.1.0 → 2.3.0

package/dist/esm/ui/inline-create/main.js

@@ -6,21 +6,17 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useState } from 'react';
 import { jsx } from '@emotion/react';
 import { Box } from '@atlaskit/primitives';
+import { DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
 import { ConfirmDismissDialog } from '../../common/ui/confirm-dismiss-dialog';
 import { EditModal } from '../../common/ui/edit-modal';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
 import { LinkCreateContent } from '../../common/ui/link-create-content';
-import { LinkCreateCallbackProvider
-// useLinkCreateCallback,
-} from '../../controllers/callback-context';
+import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
 import { EditPostCreateModalProvider, useEditPostCreateModal } from '../../controllers/edit-post-create-context';
 import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers/exit-warning-modal-context';
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
-export var TEST_ID = 'link-create';
-// todo: EDM-10075 trigger the screen.viewed_linkCreateScreen event when inline-create is mounted
-// const SCREEN_ID = 'linkCreateScreen';
-
+import { InlineAnalytics } from './inline-analytics';
 var InlineCreateContent = function InlineCreateContent(_ref) {
   var onCreate = _ref.onCreate,
     onFailure = _ref.onFailure,
@@ -28,7 +24,8 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
     onComplete = _ref.onComplete,
     plugins = _ref.plugins,
     entityKey = _ref.entityKey,
-    testId = _ref.testId;
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? DEFAULT_TEST_ID : _ref$testId;
   var _useExitWarningModal = useExitWarningModal(),
     getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
   var _useState = useState(false),
@@ -53,12 +50,14 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
     onCreate: onCreate,
     onFailure: onFailure,
     onCancel: handleCancel
-  }, jsx(ErrorBoundary, null, jsx(Box, {
+  }, jsx(ErrorBoundary, null, jsx(InlineAnalytics, {
+    screen: SCREEN_ID
+  }, jsx(Box, {
     testId: testId
   }, jsx(LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  }))), onComplete && jsx(EditModal, {
+  })))), onComplete && jsx(EditModal, {
     onClose: onComplete,
     editViewPayload: editViewPayload,
     activePlugin: activePlugin

package/dist/esm/ui/modal-create/main.js

@@ -8,7 +8,7 @@ import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { Box } from '@atlaskit/primitives';
-import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
+import { CREATE_FORM_MAX_WIDTH_IN_PX, DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
 import { ConfirmDismissDialog } from '../../common/ui/confirm-dismiss-dialog';
 import { EditModal } from '../../common/ui/edit-modal';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
@@ -21,8 +21,6 @@ import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
 import { messages } from './messages';
-export var TEST_ID = 'link-create';
-var SCREEN_ID = 'linkCreateScreen';
 var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
   var active = _ref.active,
     modalTitle = _ref.modalTitle,
@@ -33,7 +31,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
     onOpenComplete = _ref.onOpenComplete,
     onCloseComplete = _ref.onCloseComplete,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
+    testId = _ref$testId === void 0 ? DEFAULT_TEST_ID : _ref$testId,
     plugins = _ref.plugins,
     entityKey = _ref.entityKey,
     modalHero = _ref.modalHero;

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

@@ -1,6 +1,8 @@
 import type { PackageMetaDataType } from './utils/analytics/analytics.codegen';
 export declare const ANALYTICS_CHANNEL = "media";
 export declare const COMPONENT_NAME = "linkCreate";
+export declare const SCREEN_ID = "linkCreateScreen";
+export declare const DEFAULT_TEST_ID = "link-create";
 export declare const CREATE_FORM_MAX_WIDTH_IN_PX = "480";
 export declare const CREATE_FORM_MIN_HEIGHT_IN_PX = "200";
 export declare const LINK_CREATE_FORM_POST_CREATE_FIELD = "__post_create__";

package/dist/types/common/ui/confirm-dismiss-dialog/main.d.ts

@@ -4,4 +4,4 @@ export type ConfirmDismissDialogProps = {
     onClose: () => void;
     onCancel?: () => void;
 };
-export declare const ConfirmDismissDialog: ({ active, onClose, onCancel, }: ConfirmDismissDialogProps) => JSX.Element;
+export declare const ConfirmDismissDialog: ({ active, onClose, onCancel }: ConfirmDismissDialogProps) => JSX.Element;

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

@@ -2,5 +2,5 @@ import { type PropsWithChildren } from 'react';
 type ErrorBoundaryProps = PropsWithChildren<{
     errorComponent?: JSX.Element;
 }>;
-export declare const ErrorBoundary: ({ children, errorComponent, }: ErrorBoundaryProps) => JSX.Element;
+export declare const ErrorBoundary: ({ children, errorComponent }: ErrorBoundaryProps) => JSX.Element;
 export {};

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

@@ -7,5 +7,5 @@ type ErrorBoundaryModalProps = {
     active?: boolean;
     onClose?: () => void;
 };
-export declare const ErrorBoundaryModal: React.FC<ErrorBoundaryModalProps>;
+export declare const ErrorBoundaryModal: ({ active, onClose }: ErrorBoundaryModalProps) => JSX.Element;
 export {};

package/dist/types/common/ui/link-create-content/index.d.ts

@@ -4,5 +4,5 @@ type LinkCreateContentProps = {
     plugins: LinkCreatePlugin[];
     entityKey: string;
 };
-export declare const LinkCreateContent: ({ plugins, entityKey, }: LinkCreateContentProps) => JSX.Element;
+export declare const LinkCreateContent: ({ plugins, entityKey }: LinkCreateContentProps) => JSX.Element;
 export {};

package/dist/types/common/utils/analytics/index.d.ts

@@ -1 +1 @@
-export { useLinkCreateAnalytics, withLinkCreateAnalyticsContext, } from './context';
+export { useLinkCreateAnalytics, withLinkCreateAnalyticsContext } from './context';

package/dist/types/controllers/exit-warning-modal-context/index.d.ts

@@ -3,7 +3,7 @@ type ExitWarningModalContextValue = {
     getShouldShowWarning: () => boolean;
     setShouldShowWarning: (show: boolean) => void;
 };
-export declare const ExitWarningModalProvider: ({ children, }: {
+export declare const ExitWarningModalProvider: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;
 export declare const useExitWarningModal: () => ExitWarningModalContextValue;

package/dist/types/controllers/form-context/index.d.ts

@@ -1 +1 @@
-export { FormContextProvider, useFormContext, withLinkCreateFormContext, } from './main';
+export { FormContextProvider, useFormContext, withLinkCreateFormContext } from './main';

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 export type { CreateFormProps } from './ui/index';
 export type { LinkCreateProps, LinkCreatePlugin, LinkCreateWithModalProps, CreatePayload, EditViewProps, } from './common/types';
-export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy, } from './ui/index';
-export { useLinkCreateCallback, LinkCreateCallbackProvider, } from './controllers/callback-context';
+export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy, UserPicker, } from './ui/index';
+export { useLinkCreateCallback, LinkCreateCallbackProvider } from './controllers/callback-context';
 export type { Validator, ValidatorMap } from './common/types';
 export { FORM_ERROR } from 'final-form';

package/dist/types/ui/create-form/form-spy/index.d.ts

@@ -9,4 +9,4 @@ export type FormSpyProps<T> = {
  * FormSpy component so that we can control selectively
  * how much of the API we are commited to.
  */
-export declare const FormSpy: <T extends Record<string, unknown>>({ children, }: FormSpyProps<T>) => JSX.Element;
+export declare const FormSpy: <T extends Record<string, unknown>>({ children }: FormSpyProps<T>) => JSX.Element;

package/dist/types/ui/create-form/user-picker/index.d.ts

@@ -0,0 +1 @@
+export { UserPicker } from './main';

package/dist/types/ui/create-form/user-picker/main.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type UserPickerProps } from './types';
+export declare const TEST_ID = "link-create-user-picker";
+/**
+ * A user picker utilising the SmartUserPicker.
+ */
+export declare function UserPicker({ productKey, siteId, name, label, placeholder, validators, testId, defaultValue, }: UserPickerProps): jsx.JSX.Element;

package/dist/types/ui/create-form/user-picker/types.d.ts

@@ -0,0 +1,25 @@
+import { type Validator } from '../../../common/types';
+export type UserPickerProps = {
+    /** Name to pass into the <Field>  */
+    name: string;
+    /** Refers to a product identifier, Jira, Confluence, Townsquare, ect. */
+    productKey: string;
+    /** Identifier for the product's tenant, also known as tenantId or cloudId */
+    siteId: string;
+    /** The label text above the component */
+    label?: string;
+    /** Placeholder text to display in the text field whenever it is empty. */
+    placeholder?: string;
+    /** Validators for this field */
+    validators?: Validator[];
+    testId?: string;
+    defaultValue: User;
+};
+type User = {
+    id: string;
+    userId: string;
+    name: string;
+    avatar: string;
+    email: string;
+};
+export {};

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

@@ -7,3 +7,4 @@ export type { CreateFormProps } from './create-form/main';
 export { Select } from './create-form/select';
 export { AsyncSelect } from './create-form/async-select';
 export { FormSpy } from './create-form/form-spy';
+export { UserPicker } from './create-form/user-picker';

package/dist/types/ui/inline-create/inline-analytics/index.d.ts

@@ -0,0 +1,9 @@
+import { type PropsWithChildren } from 'react';
+import type { AnalyticsEventAttributes } from '../../../common/utils/analytics/analytics.codegen';
+type InlineAnalyticsProps = {
+    screen: keyof {
+        [Key in keyof AnalyticsEventAttributes as Key extends `screen.${infer ScreenName}.viewed` ? ScreenName : never]: any;
+    };
+};
+export declare const InlineAnalytics: ({ screen, children }: PropsWithChildren<InlineAnalyticsProps>) => JSX.Element;
+export {};

package/dist/types/ui/inline-create/main.d.ts

@@ -1,5 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { LinkCreateProps } from '../../common/types';
-export declare const TEST_ID = "link-create";
 declare const InlineCreate: (props: LinkCreateProps) => jsx.JSX.Element;
 export default InlineCreate;

package/dist/types/ui/modal-create/main.d.ts

@@ -1,5 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { LinkCreateWithModalProps } from '../../common/types';
-export declare const TEST_ID = "link-create";
 declare const LinkCreateModal: (props: LinkCreateWithModalProps) => jsx.JSX.Element;
 export default LinkCreateModal;

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

@@ -1,6 +1,8 @@
 import type { PackageMetaDataType } from './utils/analytics/analytics.codegen';
 export declare const ANALYTICS_CHANNEL = "media";
 export declare const COMPONENT_NAME = "linkCreate";
+export declare const SCREEN_ID = "linkCreateScreen";
+export declare const DEFAULT_TEST_ID = "link-create";
 export declare const CREATE_FORM_MAX_WIDTH_IN_PX = "480";
 export declare const CREATE_FORM_MIN_HEIGHT_IN_PX = "200";
 export declare const LINK_CREATE_FORM_POST_CREATE_FIELD = "__post_create__";

package/dist/types-ts4.5/common/ui/confirm-dismiss-dialog/main.d.ts

@@ -4,4 +4,4 @@ export type ConfirmDismissDialogProps = {
     onClose: () => void;
     onCancel?: () => void;
 };
-export declare const ConfirmDismissDialog: ({ active, onClose, onCancel, }: ConfirmDismissDialogProps) => JSX.Element;
+export declare const ConfirmDismissDialog: ({ active, onClose, onCancel }: ConfirmDismissDialogProps) => JSX.Element;

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

@@ -2,5 +2,5 @@ import { type PropsWithChildren } from 'react';
 type ErrorBoundaryProps = PropsWithChildren<{
     errorComponent?: JSX.Element;
 }>;
-export declare const ErrorBoundary: ({ children, errorComponent, }: ErrorBoundaryProps) => JSX.Element;
+export declare const ErrorBoundary: ({ children, errorComponent }: ErrorBoundaryProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/common/ui/error-boundary-modal/index.d.ts

@@ -7,5 +7,5 @@ type ErrorBoundaryModalProps = {
     active?: boolean;
     onClose?: () => void;
 };
-export declare const ErrorBoundaryModal: React.FC<ErrorBoundaryModalProps>;
+export declare const ErrorBoundaryModal: ({ active, onClose }: ErrorBoundaryModalProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/common/ui/link-create-content/index.d.ts

@@ -4,5 +4,5 @@ type LinkCreateContentProps = {
     plugins: LinkCreatePlugin[];
     entityKey: string;
 };
-export declare const LinkCreateContent: ({ plugins, entityKey, }: LinkCreateContentProps) => JSX.Element;
+export declare const LinkCreateContent: ({ plugins, entityKey }: LinkCreateContentProps) => JSX.Element;
 export {};

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

@@ -1 +1 @@
-export { useLinkCreateAnalytics, withLinkCreateAnalyticsContext, } from './context';
+export { useLinkCreateAnalytics, withLinkCreateAnalyticsContext } from './context';

package/dist/types-ts4.5/controllers/exit-warning-modal-context/index.d.ts

@@ -3,7 +3,7 @@ type ExitWarningModalContextValue = {
     getShouldShowWarning: () => boolean;
     setShouldShowWarning: (show: boolean) => void;
 };
-export declare const ExitWarningModalProvider: ({ children, }: {
+export declare const ExitWarningModalProvider: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;
 export declare const useExitWarningModal: () => ExitWarningModalContextValue;

package/dist/types-ts4.5/controllers/form-context/index.d.ts

@@ -1 +1 @@
-export { FormContextProvider, useFormContext, withLinkCreateFormContext, } from './main';
+export { FormContextProvider, useFormContext, withLinkCreateFormContext } from './main';

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

@@ -1,6 +1,6 @@
 export type { CreateFormProps } from './ui/index';
 export type { LinkCreateProps, LinkCreatePlugin, LinkCreateWithModalProps, CreatePayload, EditViewProps, } from './common/types';
-export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy, } from './ui/index';
-export { useLinkCreateCallback, LinkCreateCallbackProvider, } from './controllers/callback-context';
+export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy, UserPicker, } from './ui/index';
+export { useLinkCreateCallback, LinkCreateCallbackProvider } from './controllers/callback-context';
 export type { Validator, ValidatorMap } from './common/types';
 export { FORM_ERROR } from 'final-form';

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

@@ -9,4 +9,4 @@ export type FormSpyProps<T> = {
  * FormSpy component so that we can control selectively
  * how much of the API we are commited to.
  */
-export declare const FormSpy: <T extends Record<string, unknown>>({ children, }: FormSpyProps<T>) => JSX.Element;
+export declare const FormSpy: <T extends Record<string, unknown>>({ children }: FormSpyProps<T>) => JSX.Element;

package/dist/types-ts4.5/ui/create-form/user-picker/index.d.ts

@@ -0,0 +1 @@
+export { UserPicker } from './main';

package/dist/types-ts4.5/ui/create-form/user-picker/main.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type UserPickerProps } from './types';
+export declare const TEST_ID = "link-create-user-picker";
+/**
+ * A user picker utilising the SmartUserPicker.
+ */
+export declare function UserPicker({ productKey, siteId, name, label, placeholder, validators, testId, defaultValue, }: UserPickerProps): jsx.JSX.Element;

package/dist/types-ts4.5/ui/create-form/user-picker/types.d.ts

@@ -0,0 +1,25 @@
+import { type Validator } from '../../../common/types';
+export type UserPickerProps = {
+    /** Name to pass into the <Field>  */
+    name: string;
+    /** Refers to a product identifier, Jira, Confluence, Townsquare, ect. */
+    productKey: string;
+    /** Identifier for the product's tenant, also known as tenantId or cloudId */
+    siteId: string;
+    /** The label text above the component */
+    label?: string;
+    /** Placeholder text to display in the text field whenever it is empty. */
+    placeholder?: string;
+    /** Validators for this field */
+    validators?: Validator[];
+    testId?: string;
+    defaultValue: User;
+};
+type User = {
+    id: string;
+    userId: string;
+    name: string;
+    avatar: string;
+    email: string;
+};
+export {};

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

@@ -7,3 +7,4 @@ export type { CreateFormProps } from './create-form/main';
 export { Select } from './create-form/select';
 export { AsyncSelect } from './create-form/async-select';
 export { FormSpy } from './create-form/form-spy';
+export { UserPicker } from './create-form/user-picker';

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

@@ -0,0 +1,9 @@
+import { type PropsWithChildren } from 'react';
+import type { AnalyticsEventAttributes } from '../../../common/utils/analytics/analytics.codegen';
+type InlineAnalyticsProps = {
+    screen: keyof {
+        [Key in keyof AnalyticsEventAttributes as Key extends `screen.${infer ScreenName}.viewed` ? ScreenName : never]: any;
+    };
+};
+export declare const InlineAnalytics: ({ screen, children }: PropsWithChildren<InlineAnalyticsProps>) => JSX.Element;
+export {};

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

@@ -1,5 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { LinkCreateProps } from '../../common/types';
-export declare const TEST_ID = "link-create";
 declare const InlineCreate: (props: LinkCreateProps) => jsx.JSX.Element;
 export default InlineCreate;

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

@@ -1,5 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { LinkCreateWithModalProps } from '../../common/types';
-export declare const TEST_ID = "link-create";
 declare const LinkCreateModal: (props: LinkCreateWithModalProps) => jsx.JSX.Element;
 export default LinkCreateModal;

package/example-helpers/mock-disclaimer.tsx

@@ -3,17 +3,17 @@ import React from 'react';
 import { useIntl } from 'react-intl-next';
 
 export const MockDisclaimer = () => {
-  const { locale } = useIntl();
-  const parentLocale = locale.split(/[-_]/)[0];
-  const disclaimer = 'This is a mocked plugin.';
+	const { locale } = useIntl();
+	const parentLocale = locale.split(/[-_]/)[0];
+	const disclaimer = 'This is a mocked plugin.';
 
-  if (parentLocale !== 'en') {
-    return (
-      <p>
-        {disclaimer} <small>{`(locale ${locale} not available)`}</small>
-      </p>
-    );
-  }
+	if (parentLocale !== 'en') {
+		return (
+			<p>
+				{disclaimer} <small>{`(locale ${locale} not available)`}</small>
+			</p>
+		);
+	}
 
-  return <p>{disclaimer}</p>;
+	return <p>{disclaimer}</p>;
 };

package/example-helpers/mock-plugin-form.tsx

@@ -1,92 +1,89 @@
 import React, { useCallback, useMemo } from 'react';
 
 import {
-  AsyncSelect,
-  CreateForm,
-  type CreateFormProps,
-  TextField,
-  useLinkCreateCallback,
-  type Validator,
+	AsyncSelect,
+	CreateForm,
+	type CreateFormProps,
+	TextField,
+	useLinkCreateCallback,
+	type Validator,
 } from '../src';
 
 import { MockDisclaimer } from './mock-disclaimer';
 
 interface pluginProps {
-  shouldThrowError?: boolean;
+	shouldThrowError?: boolean;
 }
 
 export function MockPluginForm({ shouldThrowError }: pluginProps) {
-  const { onCreate, onFailure, onCancel } = useLinkCreateCallback();
+	const { onCreate, onFailure, onCancel } = useLinkCreateCallback();
 
-  type MockOptions = {
-    label: string;
-    value: string;
-  };
+	type MockOptions = {
+		label: string;
+		value: string;
+	};
 
-  const mockHandleSubmit = async () => {
-    if (onCreate) {
-      await onCreate({
-        url: 'https://atlassian.com/product/new-object-id',
-        objectId: 'new-object-id',
-        objectType: 'object-type',
-        data: {},
-        ari: 'example-ari',
-      });
-    }
-  };
+	const mockHandleSubmit = async () => {
+		if (onCreate) {
+			await onCreate({
+				url: 'https://atlassian.com/product/new-object-id',
+				objectId: 'new-object-id',
+				objectType: 'object-type',
+				data: {},
+				ari: 'example-ari',
+			});
+		}
+	};
 
-  const mockValidator: Validator = useMemo(
-    () => ({
-      isValid: (val: unknown) => !!val,
-      errorMessage: 'Validation Error: You need to provide a value.',
-    }),
-    [],
-  );
+	const mockValidator: Validator = useMemo(
+		() => ({
+			isValid: (val: unknown) => !!val,
+			errorMessage: 'Validation Error: You need to provide a value.',
+		}),
+		[],
+	);
 
-  const mockLoadOptions = useCallback(async () => {
-    const exampleOptions = [
-      { label: 'Option 1', value: 'option-1' },
-      { label: 'Option 2', value: 'option-2' },
-    ];
+	const mockLoadOptions = useCallback(async () => {
+		const exampleOptions = [
+			{ label: 'Option 1', value: 'option-1' },
+			{ label: 'Option 2', value: 'option-2' },
+		];
 
-    try {
-      if (shouldThrowError) {
-        throw new Error('This is an error message.');
-      }
-      return exampleOptions;
-    } catch (error) {
-      if (error instanceof Error) {
-        onFailure && onFailure(error);
-      }
-      return [];
-    }
-  }, [onFailure, shouldThrowError]);
+		try {
+			if (shouldThrowError) {
+				throw new Error('This is an error message.');
+			}
+			return exampleOptions;
+		} catch (error) {
+			if (error instanceof Error) {
+				onFailure && onFailure(error);
+			}
+			return [];
+		}
+	}, [onFailure, shouldThrowError]);
 
-  return (
-    <div>
-      <MockDisclaimer />
-      <CreateForm<CreateFormProps<FormData>>
-        onSubmit={mockHandleSubmit}
-        onCancel={onCancel}
-      >
-        <TextField
-          name={'textField-name'}
-          label={'Enter some Text'}
-          placeholder={'Type something here...'}
-          validators={[mockValidator]}
-          autoFocus
-          maxLength={255}
-        />
-        <AsyncSelect<MockOptions>
-          isRequired
-          isSearchable
-          name={'asyncSelect-name'}
-          label={'Select an Option'}
-          validators={[mockValidator]}
-          defaultOptions={true}
-          loadOptions={mockLoadOptions}
-        ></AsyncSelect>
-      </CreateForm>
-    </div>
-  );
+	return (
+		<div>
+			<MockDisclaimer />
+			<CreateForm<CreateFormProps<FormData>> onSubmit={mockHandleSubmit} onCancel={onCancel}>
+				<TextField
+					name={'textField-name'}
+					label={'Enter some Text'}
+					placeholder={'Type something here...'}
+					validators={[mockValidator]}
+					autoFocus
+					maxLength={255}
+				/>
+				<AsyncSelect<MockOptions>
+					isRequired
+					isSearchable
+					name={'asyncSelect-name'}
+					label={'Select an Option'}
+					validators={[mockValidator]}
+					defaultOptions={true}
+					loadOptions={mockLoadOptions}
+				></AsyncSelect>
+			</CreateForm>
+		</div>
+	);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -46,8 +46,9 @@
     "@atlaskit/intl-messages-provider": "^1.0.2",
     "@atlaskit/linking-common": "^5.7.0",
     "@atlaskit/modal-dialog": "^12.13.0",
-    "@atlaskit/primitives": "^6.4.0",
+    "@atlaskit/primitives": "^6.5.0",
     "@atlaskit/select": "^17.10.0",
+    "@atlaskit/smart-user-picker": "^6.9.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/tokens": "^1.49.0",