@atlaskit/link-create 0.9.1 → 1.0.0

package/dist/types/index.d.ts

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

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

@@ -3,9 +3,9 @@ import { OptionType } from '@atlaskit/select';
 import { AsyncSelectProps } from './types';
 export declare const TEST_ID = "link-create-async-select";
 /**
- * An async select utilising the Atlaskit AsyncSelect and Field objects from `@atlaskit/form`.
- * 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.
+ * An async select utilising the Atlaskit AsyncSelect and Field components from
+ * `@atlaskit/form`.  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>({ label, name, validationHelpText, isRequired, testId, validators, defaultValue, ...rest }: AsyncSelectProps<T>): jsx.JSX.Element;
+export declare function AsyncSelect<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, defaultOption: propsDefaultValue, loadOptions, ...restProps }: AsyncSelectProps<T>): jsx.JSX.Element;

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

@@ -1,12 +1,12 @@
-import { AsyncSelectProps as AKAsyncSelectProps, OptionType } from '@atlaskit/select';
+import { AsyncSelectProps as AKAsyncSelectProps, GroupType, OptionType } from '@atlaskit/select';
 import { Validator } from '../../../common/types';
-export type AsyncSelectProps<T = OptionType> = AKAsyncSelectProps<T> & {
-    /** Name passed to the <Field>.*/
+export type AsyncSelectProps<T = OptionType> = Omit<AKAsyncSelectProps<T>, 'loadOptions'> & {
+    /** Name passed to the <Field> */
     name: string;
     /** This should be properly internationalization-ed */
     label: string;
     /**
-     * Optional text below the textfield explaining any requirements for a valid value.
+     * Optional text below the field explaining any requirements for a valid value.
      * eg. "Must be 4 or more letters"
      */
     validationHelpText?: string;
@@ -15,4 +15,9 @@ export type AsyncSelectProps<T = OptionType> = AKAsyncSelectProps<T> & {
     isRequired?: boolean;
     /** Validators for this field */
     validators?: Validator[];
+    /**
+     * Function to options to display in async select.
+     * **WARNING** Will refetch if function changes.
+     */
+    loadOptions?: (inputValue: string) => Promise<T[] | GroupType<T>[]>;
 };

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export type FormSpyProps<T> = {
+    children: ({ values }: {
+        values: T;
+    }) => React.ReactNode;
+};
+/**
+ * Lightweight wrapper around the react-final-form
+ * 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;

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

@@ -1,4 +1,6 @@
 export { CreateForm } from './main';
+export { Select } from './select';
 export { AsyncSelect } from './async-select';
 export { CreateFormLoader } from './form-loader';
 export { TextField } from './textfield';
+export { FormSpy } from './form-spy';

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

@@ -8,6 +8,7 @@ export interface CreateFormProps<FormData> {
     onCancel?: () => void;
     isLoading?: boolean;
     hideFooter?: boolean;
+    initialValues?: FormData;
 }
 export declare const TEST_ID = "link-create-form";
-export declare const CreateForm: <FormData_1 extends Record<string, any> = {}>({ children, testId, onSubmit, onCancel, isLoading, hideFooter, }: CreateFormProps<FormData_1>) => jsx.JSX.Element;
+export declare const CreateForm: <FormData_1 extends Record<string, any> = {}>({ children, testId, onSubmit, onCancel, isLoading, hideFooter, initialValues, }: CreateFormProps<FormData_1>) => jsx.JSX.Element;

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

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

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

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { OptionType } from '@atlaskit/select';
+import { SelectProps } from './types';
+export declare const TEST_ID = "link-create-select";
+/**
+ * A select utilising the Atlaskit Select and Field components from
+ * `@atlaskit/form`.  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.JSX.Element;

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

@@ -0,0 +1,18 @@
+import { SelectProps as AKSelectProps, OptionType } from '@atlaskit/select';
+import { Validator } from '../../../common/types';
+export type SelectProps<T = OptionType> = AKSelectProps<T> & {
+    /** Name passed to the <Field> */
+    name: string;
+    /** This should be properly internationalization-ed */
+    label: string;
+    /**
+     * Optional text below the field explaining any requirements for a valid value.
+     * eg. "Must be 4 or more letters"
+     */
+    validationHelpText?: string;
+    testId?: string;
+    /** Will display a red astrix next to the field title if true */
+    isRequired?: boolean;
+    /** Validators for this field */
+    validators?: Validator[];
+};

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { TextFieldProps } from './types';
 export declare const TEST_ID = "link-create-text-field";
@@ -7,4 +8,4 @@ export declare const TEST_ID = "link-create-text-field";
  * 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 function TextField({ label, name, testId, validationHelpText, validators, defaultValue, isRequired, ...restProps }: TextFieldProps): jsx.JSX.Element;
+export declare function TextField({ id, name, label, isRequired, validators, validationHelpText, testId, ...restProps }: TextFieldProps): jsx.JSX.Element;

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

@@ -3,4 +3,6 @@ export { TextField } from './create-form/textfield';
 export { CreateForm } from './create-form/main';
 export { CreateFormLoader } from './create-form/form-loader';
 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';

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::6c4bc6f47b1cf9cb3a9a70cac9a93775>>
+ * @codegen <<SignedSource::50073590468fe2604f65d3e0b23d517b>>
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
  */
 export type PackageMetaDataType = {
@@ -30,6 +30,9 @@ export type ObjectCreatedLinkCreateAttributesType = {
     objectId: string;
     objectType: string;
 };
+export type ObjectCreateFailedLinkCreateAttributesType = {
+    failureType: string;
+};
 type AnalyticsEventAttributes = {
     'screen.linkCreateScreen.viewed': LinkCreateScreenViewedAttributesType;
     'ui.button.clicked.create': ButtonClickedCreateAttributesType;
@@ -37,6 +40,7 @@ type AnalyticsEventAttributes = {
     'ui.modalDialog.closed.linkCreate': ModalDialogClosedLinkCreateAttributesType;
     'operational.linkCreate.unhandledErrorCaught': LinkCreateUnhandledErrorCaughtAttributesType;
     'track.object.created.linkCreate': ObjectCreatedLinkCreateAttributesType;
+    'track.object.createFailed.linkCreate': ObjectCreateFailedLinkCreateAttributesType;
 };
 declare function createEventPayload<K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]): {
     eventType: string;

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

@@ -1,7 +1,7 @@
-import { Meta } from '@atlaskit/form/Field';
+import { FieldMetaState } from 'react-final-form';
 /**
  * This function checks if there have been changes since last submit
  * to let a Field know if it should hide the error message until
  * the next submit, or if it returns to the previous error state
  */
-export declare const validateSubmitErrors: (meta: Meta) => boolean;
+export declare const validateSubmitErrors: (meta: FieldMetaState<any>) => boolean;

package/dist/types-ts4.5/controllers/callback-context/main.d.ts

@@ -8,7 +8,7 @@ interface LinkCreateCallbackProviderProps {
     /**
      * This callback for any errors
      */
-    onFailure?: (errorMessage: string) => void;
+    onFailure?: (error: Error) => void;
     /**
      * This callback for when the form was manually discarded by user
      */

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

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

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

@@ -0,0 +1,3 @@
+import { jsx } from '@emotion/react';
+import { CreateFieldProps } from './types';
+export declare function CreateField({ id, name, label, isRequired, validators, validationHelpText, testId, children, }: CreateFieldProps): jsx.JSX.Element;

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { FieldInputProps } from 'react-final-form';
+import { Validator } from '../../common/types';
+type FieldProps = FieldInputProps<any, HTMLElement> & {
+    fieldId: string;
+    isInvalid: boolean;
+};
+export type CreateFieldProps = {
+    id?: string;
+    /** Name passed to the <Field>.*/
+    name: string;
+    label?: string;
+    /**
+     * Optional text below the textfield explaining any requirements for a valid value.
+     * eg. "Must be 4 or more letters"
+     */
+    validationHelpText?: string;
+    /** Validators for this field */
+    validators?: Validator[];
+    isRequired?: boolean;
+    testId: string;
+    children: (fieldProps: FieldProps) => React.ReactNode;
+};
+export {};

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

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

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

@@ -3,9 +3,9 @@ import { OptionType } from '@atlaskit/select';
 import { AsyncSelectProps } from './types';
 export declare const TEST_ID = "link-create-async-select";
 /**
- * An async select utilising the Atlaskit AsyncSelect and Field objects from `@atlaskit/form`.
- * 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.
+ * An async select utilising the Atlaskit AsyncSelect and Field components from
+ * `@atlaskit/form`.  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>({ label, name, validationHelpText, isRequired, testId, validators, defaultValue, ...rest }: AsyncSelectProps<T>): jsx.JSX.Element;
+export declare function AsyncSelect<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, defaultOption: propsDefaultValue, loadOptions, ...restProps }: AsyncSelectProps<T>): jsx.JSX.Element;

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

@@ -1,12 +1,12 @@
-import { AsyncSelectProps as AKAsyncSelectProps, OptionType } from '@atlaskit/select';
+import { AsyncSelectProps as AKAsyncSelectProps, GroupType, OptionType } from '@atlaskit/select';
 import { Validator } from '../../../common/types';
-export type AsyncSelectProps<T = OptionType> = AKAsyncSelectProps<T> & {
-    /** Name passed to the <Field>.*/
+export type AsyncSelectProps<T = OptionType> = Omit<AKAsyncSelectProps<T>, 'loadOptions'> & {
+    /** Name passed to the <Field> */
     name: string;
     /** This should be properly internationalization-ed */
     label: string;
     /**
-     * Optional text below the textfield explaining any requirements for a valid value.
+     * Optional text below the field explaining any requirements for a valid value.
      * eg. "Must be 4 or more letters"
      */
     validationHelpText?: string;
@@ -15,4 +15,9 @@ export type AsyncSelectProps<T = OptionType> = AKAsyncSelectProps<T> & {
     isRequired?: boolean;
     /** Validators for this field */
     validators?: Validator[];
+    /**
+     * Function to options to display in async select.
+     * **WARNING** Will refetch if function changes.
+     */
+    loadOptions?: (inputValue: string) => Promise<T[] | GroupType<T>[]>;
 };

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export type FormSpyProps<T> = {
+    children: ({ values }: {
+        values: T;
+    }) => React.ReactNode;
+};
+/**
+ * Lightweight wrapper around the react-final-form
+ * 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;

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

@@ -1,4 +1,6 @@
 export { CreateForm } from './main';
+export { Select } from './select';
 export { AsyncSelect } from './async-select';
 export { CreateFormLoader } from './form-loader';
 export { TextField } from './textfield';
+export { FormSpy } from './form-spy';

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

@@ -8,6 +8,7 @@ export interface CreateFormProps<FormData> {
     onCancel?: () => void;
     isLoading?: boolean;
     hideFooter?: boolean;
+    initialValues?: FormData;
 }
 export declare const TEST_ID = "link-create-form";
-export declare const CreateForm: <FormData_1 extends Record<string, any> = {}>({ children, testId, onSubmit, onCancel, isLoading, hideFooter, }: CreateFormProps<FormData_1>) => jsx.JSX.Element;
+export declare const CreateForm: <FormData_1 extends Record<string, any> = {}>({ children, testId, onSubmit, onCancel, isLoading, hideFooter, initialValues, }: CreateFormProps<FormData_1>) => jsx.JSX.Element;

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

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

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

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { OptionType } from '@atlaskit/select';
+import { SelectProps } from './types';
+export declare const TEST_ID = "link-create-select";
+/**
+ * A select utilising the Atlaskit Select and Field components from
+ * `@atlaskit/form`.  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.JSX.Element;

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

@@ -0,0 +1,18 @@
+import { SelectProps as AKSelectProps, OptionType } from '@atlaskit/select';
+import { Validator } from '../../../common/types';
+export type SelectProps<T = OptionType> = AKSelectProps<T> & {
+    /** Name passed to the <Field> */
+    name: string;
+    /** This should be properly internationalization-ed */
+    label: string;
+    /**
+     * Optional text below the field explaining any requirements for a valid value.
+     * eg. "Must be 4 or more letters"
+     */
+    validationHelpText?: string;
+    testId?: string;
+    /** Will display a red astrix next to the field title if true */
+    isRequired?: boolean;
+    /** Validators for this field */
+    validators?: Validator[];
+};

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { TextFieldProps } from './types';
 export declare const TEST_ID = "link-create-text-field";
@@ -7,4 +8,4 @@ export declare const TEST_ID = "link-create-text-field";
  * 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 function TextField({ label, name, testId, validationHelpText, validators, defaultValue, isRequired, ...restProps }: TextFieldProps): jsx.JSX.Element;
+export declare function TextField({ id, name, label, isRequired, validators, validationHelpText, testId, ...restProps }: TextFieldProps): jsx.JSX.Element;

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

@@ -3,4 +3,6 @@ export { TextField } from './create-form/textfield';
 export { CreateForm } from './create-form/main';
 export { CreateFormLoader } from './create-form/form-loader';
 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';

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

@@ -7,8 +7,7 @@ import {
   TextField,
   useLinkCreateCallback,
   Validator,
-} from '@atlaskit/link-create';
-import { OptionsType } from '@atlaskit/select';
+} from '../src';
 
 interface pluginProps {
   shouldThrowError?: boolean;
@@ -41,7 +40,7 @@ export function MockPluginForm({ shouldThrowError }: pluginProps) {
     [],
   );
 
-  const exampleOptions: OptionsType<MockOptions> = [
+  const exampleOptions = [
     { label: 'Option 1', value: 'option-1' },
     { label: 'Option 2', value: 'option-2' },
   ];
@@ -54,7 +53,7 @@ export function MockPluginForm({ shouldThrowError }: pluginProps) {
       return exampleOptions;
     } catch (error) {
       if (error instanceof Error) {
-        onFailure && onFailure(error.message);
+        onFailure && onFailure(error);
       }
       return [];
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "0.9.1",
+  "version": "1.0.0",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -46,7 +46,10 @@
     "@atlaskit/textfield": "^5.6.0",
     "@atlaskit/tokens": "^1.13.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1"
+    "@emotion/react": "^11.7.1",
+    "debounce-promise": "^3.1.2",
+    "final-form": "^4.20.1",
+    "react-final-form": "^6.5.3"
   },
   "peerDependencies": {
     "react": "^16.8.0",
@@ -54,7 +57,7 @@
   },
   "devDependencies": {
     "@af/visual-regression": "*",
-    "@atlaskit/link-test-helpers": "^4.1.0",
+    "@atlaskit/link-test-helpers": "^5.0.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@testing-library/react": "^12.1.5",

package/report.api.md

@@ -18,35 +18,43 @@
 /// <reference types="react" />
 
 import { AsyncSelectProps as AsyncSelectProps_2 } from '@atlaskit/select';
+import { GroupType } from '@atlaskit/select';
 import { jsx } from '@emotion/react';
 import { MemoExoticComponent } from 'react';
 import { ModalDialogProps } from '@atlaskit/modal-dialog';
 import { OptionType } from '@atlaskit/select';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
+import { SelectProps as SelectProps_2 } from '@atlaskit/select';
 import { SpinnerProps } from '@atlaskit/spinner';
 import { TextFieldProps as TextFieldProps_2 } from '@atlaskit/textfield';
 
 // @public
 export function AsyncSelect<T = OptionType>({
-  label,
+  id,
   name,
-  validationHelpText,
+  label,
   isRequired,
-  testId,
   validators,
-  defaultValue,
-  ...rest
+  validationHelpText,
+  testId,
+  defaultOption: propsDefaultValue,
+  loadOptions,
+  ...restProps
 }: AsyncSelectProps<T>): jsx.JSX.Element;
 
 // @public (undocumented)
-type AsyncSelectProps<T = OptionType> = AsyncSelectProps_2<T> & {
+type AsyncSelectProps<T = OptionType> = Omit<
+  AsyncSelectProps_2<T>,
+  'loadOptions'
+> & {
   name: string;
   label: string;
   validationHelpText?: string;
   testId?: string;
   isRequired?: boolean;
   validators?: Validator[];
+  loadOptions?: (inputValue: string) => Promise<GroupType<T>[] | T[]>;
 };
 
 // @public (undocumented)
@@ -63,6 +71,7 @@ export const CreateForm: <FormData_1 extends Record<string, any> = {}>({
   onCancel,
   isLoading,
   hideFooter,
+  initialValues,
 }: CreateFormProps<FormData_1>) => jsx.JSX.Element;
 
 // @public (undocumented)
@@ -77,6 +86,8 @@ export interface CreateFormProps<FormData> {
   // (undocumented)
   hideFooter?: boolean;
   // (undocumented)
+  initialValues?: FormData;
+  // (undocumented)
   isLoading?: boolean;
   // (undocumented)
   onCancel?: () => void;
@@ -94,6 +105,16 @@ export type CreatePayload = {
   data?: Record<string, unknown>;
 };
 
+// @public
+export const FormSpy: <T extends Record<string, unknown>>({
+  children,
+}: FormSpyProps<T>) => JSX.Element;
+
+// @public (undocumented)
+type FormSpyProps<T> = {
+  children: ({ values }: { values: T }) => React_2.ReactNode;
+};
+
 // @public (undocumented)
 interface Group {
   icon: string;
@@ -108,7 +129,7 @@ export const LinkCreateCallbackProvider: React_2.FC<LinkCreateCallbackProviderPr
 interface LinkCreateCallbackProviderProps {
   onCancel?: () => void;
   onCreate?: (result: CreatePayload) => Promise<void> | void;
-  onFailure?: (errorMessage: string) => void;
+  onFailure?: (error: Error) => void;
 }
 
 // @public (undocumented)
@@ -142,14 +163,36 @@ export interface LinkCreateWithModalProps
 }
 
 // @public
-export function TextField({
-  label,
+export function Select<T = OptionType>({
+  id,
   name,
-  testId,
-  validationHelpText,
+  label,
+  isRequired,
   validators,
-  defaultValue,
+  validationHelpText,
+  testId,
+  ...restProps
+}: SelectProps<T>): jsx.JSX.Element;
+
+// @public (undocumented)
+type SelectProps<T = OptionType> = SelectProps_2<T> & {
+  name: string;
+  label: string;
+  validationHelpText?: string;
+  testId?: string;
+  isRequired?: boolean;
+  validators?: Validator[];
+};
+
+// @public
+export function TextField({
+  id,
+  name,
+  label,
   isRequired,
+  validators,
+  validationHelpText,
+  testId,
   ...restProps
 }: TextFieldProps): jsx.JSX.Element;