@atlaskit/link-create 3.1.1 → 4.0.1

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

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
 import { ConfirmDismissDialog } from '../../common/ui/confirm-dismiss-dialog';
@@ -15,7 +14,6 @@ import { useExitWarningModal } from '../../controllers/exit-warning-modal-contex
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
 import { InlineAnalytics } from './inline-analytics';
-import InlineCreateOld from './old/main';
 var InlineCreateContent = function InlineCreateContent(_ref) {
   var onCreate = _ref.onCreate,
     onFailure = _ref.onFailure,
@@ -57,7 +55,7 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
     onCancel: onCancel
   }));
 };
-var InlineCreateNew = function InlineCreateNew(props) {
+var InlineCreate = function InlineCreate(props) {
   return /*#__PURE__*/React.createElement(LinkCreatePluginsProvider, {
     plugins: props.plugins,
     entityKey: props.entityKey
@@ -105,10 +103,4 @@ var InlineCreateNew = function InlineCreateNew(props) {
     });
   });
 };
-var InlineCreate = function InlineCreate(props) {
-  if (fg('platform_bandicoots-link-create-css')) {
-    return /*#__PURE__*/React.createElement(InlineCreateNew, props);
-  }
-  return /*#__PURE__*/React.createElement(InlineCreateOld, props);
-};
 export default InlineCreate;

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

@@ -1,7 +1,6 @@
 import React, { memo } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { PACKAGE_DATA } from '../../common/constants';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
 import { ErrorBoundaryModal } from '../../common/ui/error-boundary-modal';
@@ -10,7 +9,6 @@ import { withLinkCreateAnalyticsContext } from '../../common/utils/analytics';
 import { fetchMessagesForLocale } from '../../common/utils/locale/fetch-messages-for-locale';
 import i18nEN from '../../i18n/en';
 import LinkCreate from './main';
-import ComposedLinkCreateOld from './old';
 var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(function (props) {
   return /*#__PURE__*/React.createElement(Experience, null, /*#__PURE__*/React.createElement(ErrorBoundary, {
     errorComponent: /*#__PURE__*/React.createElement(ErrorBoundaryModal, {
@@ -19,7 +17,7 @@ var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__
     })
   }, /*#__PURE__*/React.createElement(LinkCreate, props)));
 }));
-var ComposedLinkCreateNew = /*#__PURE__*/memo(function (props) {
+var ComposedLinkCreate = /*#__PURE__*/memo(function (props) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: PACKAGE_DATA
   }, /*#__PURE__*/React.createElement(IntlMessagesProvider, {
@@ -27,10 +25,4 @@ var ComposedLinkCreateNew = /*#__PURE__*/memo(function (props) {
     loaderFn: fetchMessagesForLocale
   }, /*#__PURE__*/React.createElement(LinkCreateWithAnalyticsContext, props)));
 });
-var ComposedLinkCreate = /*#__PURE__*/memo(function (props) {
-  if (fg('platform_bandicoots-link-create-css')) {
-    return /*#__PURE__*/React.createElement(ComposedLinkCreateNew, props);
-  }
-  return /*#__PURE__*/React.createElement(ComposedLinkCreateOld, props);
-});
 export default ComposedLinkCreate;

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

@@ -5,7 +5,6 @@ import React, { useLayoutEffect, useRef } from 'react';
 import { useIntl } from 'react-intl-next';
 import { Layering } from '@atlaskit/layering';
 import { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { CREATE_FORM_MAX_WIDTH_IN_PX, DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
 import { ConfirmDismissDialog } from '../../common/ui/confirm-dismiss-dialog';
@@ -20,7 +19,6 @@ import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
 import { messages } from './messages';
-import LinkCreateModalOld from './old/main';
 var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
   var active = _ref.active,
     modalTitle = _ref.modalTitle,
@@ -79,7 +77,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
     onCancel: onCancel
   })));
 };
-var LinkCreateModalNew = function LinkCreateModalNew(props) {
+var LinkCreateModal = function LinkCreateModal(props) {
   var shouldCallCloseComplete = useRef(!props.active);
 
   // modal calls onCloseComplete in a useEffect(), so we can track whether
@@ -147,10 +145,4 @@ var LinkCreateModalNew = function LinkCreateModalNew(props) {
     });
   });
 };
-var LinkCreateModal = function LinkCreateModal(props) {
-  if (fg('platform_bandicoots-link-create-css')) {
-    return /*#__PURE__*/React.createElement(LinkCreateModalNew, props);
-  }
-  return /*#__PURE__*/React.createElement(LinkCreateModalOld, props);
-};
 export default LinkCreateModal;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 /**
  * ErrorBoundaryModal props are the same as those passed to LinkCreate, which
  * are used to control its active state
@@ -7,5 +7,5 @@ type ErrorBoundaryModalProps = {
     active?: boolean;
     onClose?: () => void;
 };
-export declare const ErrorBoundaryModal: (props: ErrorBoundaryModalProps) => React.JSX.Element;
+export declare const ErrorBoundaryModal: ({ active, onClose }: ErrorBoundaryModalProps) => JSX.Element;
 export {};

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

@@ -7,7 +7,7 @@ type UrlIconProps = {
     url?: string;
     children?: React.ReactNode;
 };
-export declare const UrlIcon: (props: UrlIconProps) => JSX.Element;
+export declare const UrlIcon: ({ url, children }: UrlIconProps) => JSX.Element;
 export declare const PageIcon: () => JSX.Element;
 export declare const LiveDocIcon: () => JSX.Element;
 export {};

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

@@ -10,5 +10,5 @@ type MessageProps = {
     testId?: string;
     children: ReactNode;
 };
-export declare const Message: (props: MessageProps) => JSX.Element;
+export declare const Message: ({ children, appearance, id, testId }: MessageProps) => JSX.Element;
 export {};

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

@@ -2,5 +2,5 @@ import React from 'react';
 type ModalHeroProps = {
     hero?: React.ReactNode;
 };
-export declare const ModalHero: (props: ModalHeroProps) => React.JSX.Element;
+export declare const ModalHero: ({ hero }: ModalHeroProps) => React.JSX.Element | null;
 export {};

package/dist/types/controllers/create-field/main.d.ts

@@ -4,4 +4,4 @@
  */
 /// <reference types="react" />
 import { type CreateFieldProps } from './types';
-export declare const CreateField: (props: CreateFieldProps) => JSX.Element;
+export declare const CreateField: ({ id, name, label, isRequired, validators, validationHelpText, testId, children, }: CreateFieldProps) => JSX.Element;

package/dist/types/i18n/en.d.ts

@@ -5,6 +5,8 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'link-create.live-doc-icon-label': string;
+    'link-create.page-icon-label': string;
     'link-create.unknown-error.description': string;
     'link-create.unknown-error.heading': string;
     'linkCreate.CreateConfluencePage.form.site.label': string;

package/dist/types/i18n/en_GB.d.ts

@@ -5,6 +5,8 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'link-create.live-doc-icon-label': string;
+    'link-create.page-icon-label': string;
     'link-create.unknown-error.description': string;
     'link-create.unknown-error.heading': string;
     'linkCreate.CreateConfluencePage.form.site.label': string;

package/dist/types/i18n/en_ZZ.d.ts

@@ -5,6 +5,8 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'link-create.live-doc-icon-label': string;
+    'link-create.page-icon-label': string;
     'link-create.unknown-error.description': string;
     'link-create.unknown-error.heading': string;
     'linkCreate.CreateConfluencePage.form.site.label': string;

package/dist/types/ui/create-form/async-select/main.d.ts

@@ -1,5 +1,11 @@
-import React from 'react';
+/// <reference types="react" />
 import { type OptionType } from '@atlaskit/select';
 import { type AsyncSelectProps } from './types';
 export declare const TEST_ID = "link-create-async-select";
-export declare function AsyncSelect<T = OptionType>(props: AsyncSelectProps<T>): React.JSX.Element;
+/**
+ * An async select utilising the Atlaskit AsyncSelect and CreateField.
+ * Validation is handled by the form on form submission. Any
+ * errors returned by the handleSubmit function passed to the form <Form> that
+ * have a key matching the `name` of this field are shown below the field.
+ */
+export declare function AsyncSelect<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, defaultOption: propsDefaultValue, loadOptions: loadOptionsFn, ...restProps }: AsyncSelectProps<T>): JSX.Element;

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

@@ -4,4 +4,9 @@ export interface CreateFormFooterProps {
     handleCancel: () => void;
     testId?: string;
 }
-export declare const CreateFormFooter: (props: CreateFormFooterProps) => JSX.Element;
+/**
+ * Footer for the Create Form, used as a wrapper for action buttons
+ * and form error messages. This component is unmounted if
+ * hideFooter is true in the Create Form.
+ */
+export declare const CreateFormFooter: ({ formErrorMessage, handleCancel, testId, }: CreateFormFooterProps) => JSX.Element;

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

@@ -1,3 +1,7 @@
 /// <reference types="react" />
 import { type SpinnerProps } from '@atlaskit/spinner';
-export declare const CreateFormLoader: (props: Partial<SpinnerProps>) => JSX.Element;
+/**
+ * Wrapper component for the Spinner, shows while the form
+ * performs async functions on load.
+ */
+export declare const CreateFormLoader: ({ size }: Partial<SpinnerProps>) => JSX.Element;

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

@@ -49,5 +49,5 @@ export interface CreateFormProps<FormData> {
     initialValues?: DisallowReservedFields<FormData>;
 }
 export declare const TEST_ID = "link-create-form";
-export declare const CreateForm: <FormData extends Record<string, any> = {}>(props: CreateFormProps<FormData>) => JSX.Element;
+export declare const CreateForm: <FormData extends Record<string, any> = {}>({ children, testId, onSubmit, onCancel, isLoading, hideFooter, hideRequiredFieldMessage, initialValues, }: CreateFormProps<FormData>) => JSX.Element;
 export {};

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

@@ -1,13 +1,19 @@
-import React, { type PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import { type OptionProps, type OptionType, type SingleValueProps } from '@atlaskit/select';
 import { type SelectProps, type SitePickerOptionType } from './types';
 export declare const TEST_ID = "link-create-select";
-export declare function Select<T = OptionType>(props: SelectProps<T>): React.JSX.Element;
+/**
+ * A select component utilising the Atlaskit Select and CreateField.
+ * Validation is handled by the form on form submission. Any
+ * errors returned by the handleSubmit function passed to the form <Form> that
+ * have a key matching the `name` of this field are shown below the field.
+ */
+export declare function Select<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, ...restProps }: SelectProps<T>): JSX.Element;
 export type SiteSelectProps = {
     testId?: string;
     options?: SitePickerOptionType[];
     name?: string;
 };
-export declare const SiteSelect: (props: SiteSelectProps) => React.JSX.Element;
-export declare const SitePickerOption: (props: PropsWithChildren<OptionProps<SitePickerOptionType, false>>) => React.JSX.Element;
-export declare const SitePickerSingleValue: (props: PropsWithChildren<SingleValueProps<SitePickerOptionType, false>>) => React.JSX.Element;
+export declare const SiteSelect: ({ options, name, testId }: SiteSelectProps) => JSX.Element;
+export declare const SitePickerOption: ({ children, ...props }: PropsWithChildren<OptionProps<SitePickerOptionType, false>>) => JSX.Element;
+export declare const SitePickerSingleValue: ({ children, ...props }: PropsWithChildren<SingleValueProps<SitePickerOptionType, false>>) => JSX.Element;

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

@@ -1,4 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import { type TextFieldProps } from './types';
 export declare const TEST_ID = "link-create-text-field";
-export declare const TextField: (props: TextFieldProps) => React.JSX.Element;
+/**
+ * A text field utilising the Atlaskit Textfield and CreateField.
+ * Validation is handled by the form as it is on form submission. Any errors returned by
+ * the handleSubmit function passed to the form <Form> that have a key matching the `name`
+ * of this text field are shown above the field.
+ */
+export declare const TextField: ({ id, name, label, isRequired, validators, validationHelpText, testId, ...restProps }: TextFieldProps) => JSX.Element;

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

@@ -1,4 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { type UserPickerProps } from './types';
 export declare const TEST_ID = "link-create-user-picker";
-export declare const UserPicker: (props: UserPickerProps) => React.JSX.Element;
+/**
+ * A user picker utilising the SmartUserPicker.
+ */
+export declare const UserPicker: ({ productKey, siteId, name, label, placeholder, validators, testId, defaultValue, }: UserPickerProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 /**
  * ErrorBoundaryModal props are the same as those passed to LinkCreate, which
  * are used to control its active state
@@ -7,5 +7,5 @@ type ErrorBoundaryModalProps = {
     active?: boolean;
     onClose?: () => void;
 };
-export declare const ErrorBoundaryModal: (props: ErrorBoundaryModalProps) => React.JSX.Element;
+export declare const ErrorBoundaryModal: ({ active, onClose }: ErrorBoundaryModalProps) => JSX.Element;
 export {};

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

@@ -7,7 +7,7 @@ type UrlIconProps = {
     url?: string;
     children?: React.ReactNode;
 };
-export declare const UrlIcon: (props: UrlIconProps) => JSX.Element;
+export declare const UrlIcon: ({ url, children }: UrlIconProps) => JSX.Element;
 export declare const PageIcon: () => JSX.Element;
 export declare const LiveDocIcon: () => JSX.Element;
 export {};

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

@@ -10,5 +10,5 @@ type MessageProps = {
     testId?: string;
     children: ReactNode;
 };
-export declare const Message: (props: MessageProps) => JSX.Element;
+export declare const Message: ({ children, appearance, id, testId }: MessageProps) => JSX.Element;
 export {};

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

@@ -2,5 +2,5 @@ import React from 'react';
 type ModalHeroProps = {
     hero?: React.ReactNode;
 };
-export declare const ModalHero: (props: ModalHeroProps) => React.JSX.Element;
+export declare const ModalHero: ({ hero }: ModalHeroProps) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/controllers/create-field/main.d.ts

@@ -4,4 +4,4 @@
  * @jsx jsx
  */
 import { type CreateFieldProps } from './types';
-export declare const CreateField: (props: CreateFieldProps) => JSX.Element;
+export declare const CreateField: ({ id, name, label, isRequired, validators, validationHelpText, testId, children, }: CreateFieldProps) => JSX.Element;

package/dist/types-ts4.5/i18n/en.d.ts

@@ -5,6 +5,8 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'link-create.live-doc-icon-label': string;
+    'link-create.page-icon-label': string;
     'link-create.unknown-error.description': string;
     'link-create.unknown-error.heading': string;
     'linkCreate.CreateConfluencePage.form.site.label': string;

package/dist/types-ts4.5/i18n/en_GB.d.ts

@@ -5,6 +5,8 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'link-create.live-doc-icon-label': string;
+    'link-create.page-icon-label': string;
     'link-create.unknown-error.description': string;
     'link-create.unknown-error.heading': string;
     'linkCreate.CreateConfluencePage.form.site.label': string;

package/dist/types-ts4.5/i18n/en_ZZ.d.ts

@@ -5,6 +5,8 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'link-create.live-doc-icon-label': string;
+    'link-create.page-icon-label': string;
     'link-create.unknown-error.description': string;
     'link-create.unknown-error.heading': string;
     'linkCreate.CreateConfluencePage.form.site.label': string;

package/dist/types-ts4.5/ui/create-form/async-select/main.d.ts

@@ -1,5 +1,11 @@
-import React from 'react';
+/// <reference types="react" />
 import { type OptionType } from '@atlaskit/select';
 import { type AsyncSelectProps } from './types';
 export declare const TEST_ID = "link-create-async-select";
-export declare function AsyncSelect<T = OptionType>(props: AsyncSelectProps<T>): React.JSX.Element;
+/**
+ * An async select utilising the Atlaskit AsyncSelect and CreateField.
+ * Validation is handled by the form on form submission. Any
+ * errors returned by the handleSubmit function passed to the form <Form> that
+ * have a key matching the `name` of this field are shown below the field.
+ */
+export declare function AsyncSelect<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, defaultOption: propsDefaultValue, loadOptions: loadOptionsFn, ...restProps }: AsyncSelectProps<T>): JSX.Element;

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

@@ -4,4 +4,9 @@ export interface CreateFormFooterProps {
     handleCancel: () => void;
     testId?: string;
 }
-export declare const CreateFormFooter: (props: CreateFormFooterProps) => JSX.Element;
+/**
+ * Footer for the Create Form, used as a wrapper for action buttons
+ * and form error messages. This component is unmounted if
+ * hideFooter is true in the Create Form.
+ */
+export declare const CreateFormFooter: ({ formErrorMessage, handleCancel, testId, }: CreateFormFooterProps) => JSX.Element;

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

@@ -1,3 +1,7 @@
 /// <reference types="react" />
 import { type SpinnerProps } from '@atlaskit/spinner';
-export declare const CreateFormLoader: (props: Partial<SpinnerProps>) => JSX.Element;
+/**
+ * Wrapper component for the Spinner, shows while the form
+ * performs async functions on load.
+ */
+export declare const CreateFormLoader: ({ size }: Partial<SpinnerProps>) => JSX.Element;

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

@@ -51,5 +51,5 @@ export interface CreateFormProps<FormData> {
     initialValues?: DisallowReservedFields<FormData>;
 }
 export declare const TEST_ID = "link-create-form";
-export declare const CreateForm: <FormData extends Record<string, any> = {}>(props: CreateFormProps<FormData>) => JSX.Element;
+export declare const CreateForm: <FormData extends Record<string, any> = {}>({ children, testId, onSubmit, onCancel, isLoading, hideFooter, hideRequiredFieldMessage, initialValues, }: CreateFormProps<FormData>) => JSX.Element;
 export {};

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

@@ -1,13 +1,19 @@
-import React, { type PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import { type OptionProps, type OptionType, type SingleValueProps } from '@atlaskit/select';
 import { type SelectProps, type SitePickerOptionType } from './types';
 export declare const TEST_ID = "link-create-select";
-export declare function Select<T = OptionType>(props: SelectProps<T>): React.JSX.Element;
+/**
+ * A select component utilising the Atlaskit Select and CreateField.
+ * Validation is handled by the form on form submission. Any
+ * errors returned by the handleSubmit function passed to the form <Form> that
+ * have a key matching the `name` of this field are shown below the field.
+ */
+export declare function Select<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, ...restProps }: SelectProps<T>): JSX.Element;
 export type SiteSelectProps = {
     testId?: string;
     options?: SitePickerOptionType[];
     name?: string;
 };
-export declare const SiteSelect: (props: SiteSelectProps) => React.JSX.Element;
-export declare const SitePickerOption: (props: PropsWithChildren<OptionProps<SitePickerOptionType, false>>) => React.JSX.Element;
-export declare const SitePickerSingleValue: (props: PropsWithChildren<SingleValueProps<SitePickerOptionType, false>>) => React.JSX.Element;
+export declare const SiteSelect: ({ options, name, testId }: SiteSelectProps) => JSX.Element;
+export declare const SitePickerOption: ({ children, ...props }: PropsWithChildren<OptionProps<SitePickerOptionType, false>>) => JSX.Element;
+export declare const SitePickerSingleValue: ({ children, ...props }: PropsWithChildren<SingleValueProps<SitePickerOptionType, false>>) => JSX.Element;

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

@@ -1,4 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import { type TextFieldProps } from './types';
 export declare const TEST_ID = "link-create-text-field";
-export declare const TextField: (props: TextFieldProps) => React.JSX.Element;
+/**
+ * A text field utilising the Atlaskit Textfield and CreateField.
+ * Validation is handled by the form as it is on form submission. Any errors returned by
+ * the handleSubmit function passed to the form <Form> that have a key matching the `name`
+ * of this text field are shown above the field.
+ */
+export declare const TextField: ({ id, name, label, isRequired, validators, validationHelpText, testId, ...restProps }: TextFieldProps) => JSX.Element;

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

@@ -1,4 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { type UserPickerProps } from './types';
 export declare const TEST_ID = "link-create-user-picker";
-export declare const UserPicker: (props: UserPickerProps) => React.JSX.Element;
+/**
+ * A user picker utilising the SmartUserPicker.
+ */
+export declare const UserPicker: ({ productKey, siteId, name, label, placeholder, validators, testId, defaultValue, }: UserPickerProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-create",
-	"version": "3.1.1",
+	"version": "4.0.1",
 	"description": "The driver component of meta creation flow",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -55,12 +55,10 @@
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/theme": "^17.0.0",
-		"@atlaskit/tokens": "^4.2.0",
+		"@atlaskit/theme": "^18.0.0",
+		"@atlaskit/tokens": "^4.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.2",
-		"@emotion/react": "^11.7.1",
-		"@emotion/styled": "^11.0.0",
 		"debounce-promise": "^3.1.2",
 		"final-form": "^4.20.3",
 		"react-final-form": "^6.5.3"
@@ -119,17 +117,11 @@
 			],
 			"styling": [
 				"static",
-				"emotion",
 				"compiled"
 			],
 			"imports": [
 				"import-no-extraneous-disable-for-examples-and-docs"
 			]
 		}
-	},
-	"platform-feature-flags": {
-		"platform_bandicoots-link-create-css": {
-			"type": "boolean"
-		}
 	}
 }

package/report.api.md

@@ -21,7 +21,7 @@
 import { AsyncSelectProps as AsyncSelectProps_2 } from '@atlaskit/select';
 import { FORM_ERROR } from 'final-form';
 import { GroupType } from '@atlaskit/select';
-import { jsx } from '@emotion/react';
+import { jsx } from '@compiled/react';
 import { MemoExoticComponent } from 'react';
 import { ModalDialogProps } from '@atlaskit/modal-dialog';
 import { OptionType } from '@atlaskit/select';

package/dist/cjs/common/ui/error-boundary-modal/old/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ErrorBoundaryModalOld = void 0;
-var _react = require("@emotion/react");
-var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-var _constants = require("../../../constants");
-var _errorBoundaryUi = require("../../error-boundary-ui");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-/**
- * ErrorBoundaryModal props are the same as those passed to LinkCreate, which
- * are used to control its active state
- */
-
-var ErrorBoundaryModalOld = exports.ErrorBoundaryModalOld = function ErrorBoundaryModalOld(_ref) {
-  var active = _ref.active,
-    onClose = _ref.onClose;
-  return (0, _react.jsx)(_modalDialog.ModalTransition, null, active && (0, _react.jsx)(_modalDialog.default, {
-    testId: "link-create-error-boundary-modal",
-    onClose: onClose,
-    shouldScrollInViewport: true,
-    width: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px")
-  }, (0, _react.jsx)(_modalDialog.ModalBody, null, (0, _react.jsx)(_errorBoundaryUi.ErrorBoundaryUI, null))));
-};

package/dist/cjs/common/ui/error-boundary-ui/error-svg/old/index.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("@emotion/react");
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var WIDTH = 82;
-var errorStyles = (0, _react.css)({
-  width: "".concat(WIDTH, "px"),
-  margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
-  display: "block"
-});
-var id = 'link-create-error-svg';
-var ErrorSVGOld = function ErrorSVGOld() {
-  return (0, _react.jsx)("svg", {
-    height: "90",
-    viewBox: "0 0 164 212",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    css: errorStyles
-  }, (0, _react.jsx)("path", {
-    d: "m95.43 74.16 66.44 115.08c5.84 10.12-1.46 22.76-13.14 22.76H15.85c-11.68 0-18.98-12.65-13.14-22.76L69.15 74.16c5.84-10.12 20.44-10.12 26.28 0Zm-7.56 83.55 2.88-44.35c.34-5.29-3.86-9.78-9.16-9.78-5.31 0-9.51 4.48-9.16 9.78l2.88 44.35a6.3 6.3 0 0 0 6.28 5.89c3.31 0 6.06-2.58 6.28-5.89Zm-15.84 23.54c0 5.66 4.76 10.1 10.39 9.58 4.85-.45 8.73-4.5 8.83-9.37.11-5.45-4.31-9.94-9.73-9.94-5.23-.01-9.49 4.37-9.49 9.73Z",
-    fill: "url(#".concat(id, ")")
-  }), (0, _react.jsx)("path", {
-    opacity: ".6",
-    d: "M93.35 27.17 85.94.45c-.17-.62-1.07-.58-1.19.05l-4.66 25.1-5.8-1.08a.612.612 0 0 0-.7.76L81 52c.17.62 1.07.58 1.19-.05l4.66-25.1 5.8 1.08c.45.08.82-.33.7-.76ZM66.77 41.81 55.9 33.26c-.22-.18-.53.07-.41.33l5.53 11.43-2.66 1.29c-.18.09-.2.33-.05.45l10.87 8.55c.22.18.53-.07.41-.33l-5.53-11.43 2.66-1.29c.17-.08.2-.33.05-.45Z",
-    fill: "#C1C7D0"
-  }), (0, _react.jsx)("path", {
-    opacity: ".6",
-    d: "M102.78 56.75a.993.993 0 0 1-.92-1.38c-.24-.77-2.29-2.85-3.54-4.11-2.97-3.01-4.93-5-3.84-6.49 1.09-1.48 3.58-.22 7.35 1.7 1.32.67 3.35 1.7 4.45 2.03-.64-.95-2.24-2.58-3.28-3.63-2.97-3.01-4.93-5-3.84-6.49 1.08-1.48 3.58-.22 7.34 1.7 1.32.67 3.34 1.7 4.45 2.03-.64-.95-2.24-2.57-3.28-3.62-2.97-3.01-4.93-5-3.84-6.49 1.08-1.48 3.57-.22 7.34 1.7 1.58.8 4.18 2.13 4.98 2.13a1.005 1.005 0 0 1 1.46 1.36c-1.09 1.48-3.57.22-7.34-1.7-1.32-.67-3.34-1.7-4.44-2.03.64.95 2.24 2.57 3.28 3.62 2.97 3.01 4.93 5 3.84 6.49-1.08 1.48-3.57.22-7.34-1.7-1.32-.67-3.35-1.7-4.45-2.03.64.95 2.24 2.57 3.28 3.63 2.97 3.01 4.93 5 3.84 6.49-1.09 1.48-3.58.22-7.35-1.7-1.32-.67-3.35-1.71-4.45-2.03.64.95 2.24 2.58 3.28 3.63 2.97 3.01 4.93 5 3.84 6.49-.21.26-.51.4-.82.4Zm5.56 14.32c-.35 0-.69-.19-.88-.52-1.04-1.88-2.22-4.02-.91-5.21 1.31-1.2 3.34.18 5.49 1.63.87.59 2.26 1.53 2.93 1.71-.12-.68-.93-2.15-1.45-3.07-1.26-2.27-2.45-4.41-1.14-5.61 1.31-1.2 3.34.18 5.49 1.63.96.65 2.54 1.72 3.1 1.74a1 1 0 0 1 1.27 1.54c-1.31 1.2-3.34-.17-5.49-1.63-.87-.59-2.26-1.53-2.93-1.71.12.68.93 2.15 1.45 3.07 1.26 2.27 2.45 4.41 1.14 5.61-1.31 1.2-3.34-.18-5.49-1.63-.87-.59-2.26-1.53-2.93-1.71.12.68.93 2.14 1.22 2.67.27.48.09 1.09-.39 1.36-.15.09-.32.13-.48.13Zm-54.32-2.89c-.22 0-.44-.04-.67-.14-1.64-.69-1.24-3.11-.81-5.67.17-1.04.45-2.7.33-3.38-.57.39-1.56 1.75-2.18 2.6-1.53 2.09-2.99 4.07-4.62 3.38a.991.991 0 0 1-.53-1.31c.2-.48.73-.72 1.21-.57.52-.21 1.65-1.75 2.34-2.68 1.53-2.09 2.98-4.08 4.62-3.38 1.64.69 1.24 3.11.81 5.67-.17 1.04-.45 2.7-.33 3.38.57-.39 1.56-1.75 2.18-2.6 1.53-2.09 2.98-4.08 4.62-3.38 1.63.69 1.24 3.09.89 5.21-.09.54-.6.91-1.15.83-.54-.09-.92-.6-.83-1.15.1-.59.37-2.24.26-2.92-.57.39-1.56 1.75-2.18 2.6-1.33 1.79-2.59 3.51-3.96 3.51Z",
-    fill: "#B3BAC5"
-  }), (0, _react.jsx)("defs", null, (0, _react.jsx)("linearGradient", {
-    id: id,
-    x1: "26.169",
-    y1: "228.621",
-    x2: "138.408",
-    y2: "116.382",
-    gradientUnits: "userSpaceOnUse"
-  }, (0, _react.jsx)("stop", {
-    stopColor: "#C1C7D0"
-  }), (0, _react.jsx)("stop", {
-    offset: ".297",
-    stopColor: "#C6CBD4",
-    stopOpacity: ".881"
-  }), (0, _react.jsx)("stop", {
-    offset: ".63",
-    stopColor: "#D3D7DE",
-    stopOpacity: ".748"
-  }), (0, _react.jsx)("stop", {
-    offset: ".98",
-    stopColor: "#E9EBEF",
-    stopOpacity: ".608"
-  }), (0, _react.jsx)("stop", {
-    offset: "1",
-    stopColor: "#EBECF0",
-    stopOpacity: ".6"
-  }))));
-};
-var _default = exports.default = ErrorSVGOld;