@payloadcms/ui 3.0.0-beta.85 → 3.0.0-beta.87

package/dist/fields/Textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldProps, TextareaFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextareaInput } from './Input.js'\nimport './index.scss'\n\nexport { TextAreaInputProps, TextareaInput }\n\nconst TextareaFieldComponent: React.FC<TextareaFieldProps> = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        rows,\n        rtl,\n        style,\n        width,\n      } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    locale,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const isRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localization || undefined,\n  })\n\n  const memoizedValidate: TextareaFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...options, maxLength, minLength, required })\n    },\n    [validate, required, maxLength, minLength],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField<string>({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  return (\n    <TextareaInput\n      Description={field?.admin?.components?.Description}\n      Error={field?.admin?.components?.Error}\n      Label={field?.admin?.components?.Label}\n      afterInput={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      description={description}\n      label={label}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={getTranslation(placeholder, i18n)}\n      readOnly={disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"names":["getTranslation","React","useCallback","useFieldProps","useField","withCondition","useConfig","useTranslation","isFieldRTL","TextareaInput","TextareaFieldComponent","props","field","name","_path","pathFromProps","admin","className","description","placeholder","readOnly","readOnlyFromAdmin","rows","rtl","style","width","label","localized","maxLength","minLength","required","locale","readOnlyFromTopLevelProps","validate","readOnlyFromProps","i18n","config","localization","isRTL","fieldLocalized","fieldRTL","localizationConfig","undefined","memoizedValidate","value","options","path","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","Description","components","Error","Label","afterInput","beforeInput","onChange","e","target","TextareaField"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,qBAAoB;AAC/C,SAASC,aAAa,QAAQ,aAAY;AAC1C,OAAO,eAAc;AAErB,SAA6BA,aAAa,GAAE;AAE5C,MAAMC,yBAAuD,CAACC;IAC5D,MAAM,EACJC,KAAK,EACLA,OAAO,EACLC,IAAI,EACJC,OAAOC,aAAa,EACpBC,OAAO,EACLC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,IAAI,EACJC,GAAG,EACHC,KAAK,EACLC,KAAK,EACN,GAAG,CAAC,CAAC,EACNC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACT,EACDC,MAAM,EACNX,UAAUY,yBAAyB,EACnCC,QAAQ,EACT,GAAGtB;IACJ,MAAMuB,oBAAoBF,6BAA6BX;IAEvD,MAAM,EAAEc,IAAI,EAAE,GAAG5B;IAEjB,MAAM,EACJ6B,QAAQ,EAAEC,YAAY,EAAE,EACzB,GAAG/B;IAEJ,MAAMgC,QAAQ9B,WAAW;QACvB+B,gBAAgBZ;QAChBa,UAAUjB;QACVQ;QACAU,oBAAoBJ,gBAAgBK;IACtC;IAEA,MAAMC,mBAA4CzC,YAChD,CAAC0C,OAAOC;QACN,IAAI,OAAOZ,aAAa,YACtB,OAAOA,SAASW,OAAO;YAAE,GAAGC,OAAO;YAAEjB;YAAWC;YAAWC;QAAS;IACxE,GACA;QAACG;QAAUH;QAAUF;QAAWC;KAAU;IAG5C,MAAM,EAAEiB,MAAMC,eAAe,EAAE3B,UAAU4B,mBAAmB,EAAE,GAAG7C;IAEjE,MAAM,EAAE8C,gBAAgB,EAAEC,cAAc,EAAEJ,IAAI,EAAEK,QAAQ,EAAEC,SAAS,EAAER,KAAK,EAAE,GAAGxC,SAAiB;QAC9F0C,MAAMC,mBAAmBhC,iBAAiBF;QAC1CoB,UAAUU;IACZ;IAEA,MAAMU,WAAWnB,qBAAqBc,uBAAuBE,kBAAkBD;IAE/E,qBACE,KAACxC;QACC6C,aAAa1C,OAAOI,OAAOuC,YAAYD;QACvCE,OAAO5C,OAAOI,OAAOuC,YAAYC;QACjCC,OAAO7C,OAAOI,OAAOuC,YAAYE;QACjCC,YAAY9C,OAAOI,OAAOuC,YAAYG;QACtCC,aAAa/C,OAAOI,OAAOuC,YAAYI;QACvC1C,WAAWA;QACXC,aAAaA;QACbQ,OAAOA;QACPkC,UAAU,CAACC;YACTV,SAASU,EAAEC,MAAM,CAAClB,KAAK;QACzB;QACAE,MAAMA;QACN3B,aAAanB,eAAemB,aAAagB;QACzCf,UAAUiC;QACVvB,UAAUA;QACVR,MAAMA;QACNC,KAAKe;QACLc,WAAWA;QACX5B,OAAOA;QACPoB,OAAOA;QACPnB,OAAOA;;AAGb;AAEA,OAAO,MAAMsC,gBAAgB1D,cAAcK,wBAAuB"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useFieldProps","useField","withCondition","useConfig","useTranslation","isFieldRTL","TextareaInput","TextareaFieldComponent","props","$","descriptionProps","errorProps","field","t0","labelProps","locale","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t1","label","localized","maxLength","minLength","required","t2","undefined","className","description","placeholder","readOnlyFromAdmin","rows","rtl","style","width","readOnlyFromProps","i18n","config","t3","localization","isRTL","fieldLocalized","fieldRTL","localizationConfig","t4","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t5","t6","formInitializing","formProcessing","setValue","showError","value_0","disabled","t7","e","target","_jsx","Description","components","Error","Label","afterInput","beforeInput","onChange","TextareaField"],"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldProps, TextareaFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextareaInput } from './Input.js'\nimport './index.scss'\n\nexport { TextAreaInputProps, TextareaInput }\n\nconst TextareaFieldComponent: React.FC<TextareaFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        rows,\n        rtl,\n        style,\n        width,\n      } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    labelProps,\n    locale,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const isRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localization || undefined,\n  })\n\n  const memoizedValidate: TextareaFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...options, maxLength, minLength, required })\n    },\n    [validate, required, maxLength, minLength],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField<string>({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  return (\n    <TextareaInput\n      Description={field?.admin?.components?.Description}\n      Error={field?.admin?.components?.Error}\n      Label={field?.admin?.components?.Label}\n      afterInput={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      description={description}\n      descriptionProps={descriptionProps}\n      errorProps={errorProps}\n      label={label}\n      labelProps={labelProps}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={getTranslation(placeholder, i18n)}\n      readOnly={disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Textarea/types.d.ts

@@ -1,5 +1,6 @@
-import type { MappedComponent, StaticDescription, StaticLabel } from 'payload';
+import type { FieldDescriptionClientProps, FieldErrorClientProps, FieldLabelClientProps, MappedComponent, StaticDescription, StaticLabel, TextareaFieldClient } from 'payload';
 import type React from 'react';
+import type { MarkOptional } from 'ts-essentials';
 import { type ChangeEvent } from 'react';
 export type TextAreaInputProps = {
     readonly Description?: MappedComponent;
@@ -9,11 +10,12 @@ export type TextAreaInputProps = {
     readonly beforeInput?: MappedComponent[];
     readonly className?: string;
     readonly description?: StaticDescription;
-    readonly descriptionProps?: Record<string, unknown>;
-    readonly errorProps?: Record<string, unknown>;
+    readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<TextareaFieldClient, 'type'>>;
+    readonly errorProps?: FieldErrorClientProps<MarkOptional<TextareaFieldClient, 'type'>>;
+    readonly field?: MarkOptional<TextareaFieldClient, 'type'>;
     readonly inputRef?: React.RefObject<HTMLInputElement>;
     readonly label: StaticLabel;
-    readonly labelProps?: Record<string, unknown>;
+    readonly labelProps?: FieldLabelClientProps<MarkOptional<TextareaFieldClient, 'type'>>;
     readonly onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
     readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     readonly path: string;

package/dist/fields/Textarea/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACjE,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAA;IAClG,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAA;IACtF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAA;IACtF,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACjE,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA"}

package/dist/fields/Textarea/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/fields/Textarea/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Textarea/types.ts"],"sourcesContent":["import type { MappedComponent, StaticDescription, StaticLabel } from 'payload'\nimport type React from 'react'\n\nimport { type ChangeEvent } from 'react'\n\nexport type TextAreaInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly descriptionProps?: Record<string, unknown>\n  readonly errorProps?: Record<string, unknown>\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly label: StaticLabel\n  readonly labelProps?: Record<string, unknown>\n  readonly onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rows?: number\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: string\n  readonly width?: string\n}\n"],"names":[],"mappings":"AAKA,WA0BC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Textarea/types.ts"],"sourcesContent":["import type {\n  FieldDescriptionClientProps,\n  FieldErrorClientProps,\n  FieldLabelClientProps,\n  MappedComponent,\n  StaticDescription,\n  StaticLabel,\n  TextareaFieldClient,\n} from 'payload'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { type ChangeEvent } from 'react'\n\nexport type TextAreaInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<TextareaFieldClient, 'type'>>\n  readonly errorProps?: FieldErrorClientProps<MarkOptional<TextareaFieldClient, 'type'>>\n  readonly field?: MarkOptional<TextareaFieldClient, 'type'>\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly label: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<TextareaFieldClient, 'type'>>\n  readonly onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rows?: number\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: string\n  readonly width?: string\n}\n"],"mappings":"AAcA","ignoreList":[]}

package/dist/fields/UI/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/UI/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAE3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/UI/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAE3B,CAAA"}

package/dist/fields/UI/index.js

@@ -1,5 +1,6 @@
-export const UIField = ()=>{
-    return null;
-};
+'use client';
 
+export const UIField = () => {
+  return null;
+};
 //# sourceMappingURL=index.js.map

package/dist/fields/UI/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/UI/index.tsx"],"sourcesContent":["import type React from 'react'\n\nexport const UIField: React.FC = () => {\n  return null\n}\n"],"names":["UIField"],"mappings":"AAEA,OAAO,MAAMA,UAAoB;IAC/B,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["UIField"],"sources":["../../../src/fields/UI/index.tsx"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nexport const UIField: React.FC = () => {\n  return null\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,OAAA,GAAoBA,CAAA;EAC/B,OAAO;AACT","ignoreList":[]}

package/dist/fields/Upload/Input.d.ts

@@ -1,4 +1,5 @@
-import type { ClientCollectionConfig, FilterOptionsResult, MappedComponent, StaticDescription, StaticLabel, UploadField } from 'payload';
+import type { ClientCollectionConfig, FieldDescriptionClientProps, FieldErrorClientProps, FieldLabelClientProps, FilterOptionsResult, MappedComponent, StaticDescription, StaticLabel, UploadField, UploadFieldClient } from 'payload';
+import type { MarkOptional } from 'ts-essentials';
 import React from 'react';
 import './index.scss';
 export type UploadInputProps = {
@@ -14,11 +15,12 @@ export type UploadInputProps = {
     readonly collection?: ClientCollectionConfig;
     readonly customUploadActions?: React.ReactNode[];
     readonly description?: StaticDescription;
-    readonly descriptionProps?: Record<string, unknown>;
-    readonly errorProps?: Record<string, unknown>;
+    readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>;
+    readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>;
+    readonly field?: MarkOptional<UploadFieldClient, 'type'>;
     readonly filterOptions?: FilterOptionsResult;
     readonly label: StaticLabel;
-    readonly labelProps?: Record<string, unknown>;
+    readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>;
     readonly onChange?: (e: any) => void;
     readonly readOnly?: boolean;
     readonly relationTo?: UploadField['relationTo'];

package/dist/fields/Upload/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,WAAW,EACZ,MAAM,SAAS,CAAA;AAGhB,OAAO,KAA2C,MAAM,OAAO,CAAA;AAc/D,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6JlD,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAc/D,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuKlD,CAAA"}

package/dist/fields/Upload/Input.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useEffect, useState } from 'react';
@@ -13,153 +15,310 @@ import { FieldLabel } from '../FieldLabel/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 const baseClass = 'upload';
-export const UploadInput = (props)=>{
-    const { Description, Error, Label, allowNewUpload, api = '/api', className, collection, customUploadActions, descriptionProps, errorProps, filterOptions, label, labelProps, onChange, readOnly, relationTo, required, serverURL, showError, style, value, width } = props;
-    const { i18n, t } = useTranslation();
-    const [fileDoc, setFileDoc] = useState(undefined);
-    const [missingFile, setMissingFile] = useState(false);
-    const [collectionSlugs] = useState([
-        collection?.slug
-    ]);
-    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({
-        collectionSlug: collectionSlugs[0]
-    });
-    const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({
-        collectionSlugs,
-        filterOptions
-    });
-    useEffect(()=>{
-        if (value !== null && typeof value !== 'undefined' && value !== '') {
-            const fetchFile = async ()=>{
-                const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {
-                    credentials: 'include',
-                    headers: {
-                        'Accept-Language': i18n.language
-                    }
-                });
-                if (response.ok) {
-                    const json = await response.json();
-                    setFileDoc(json);
-                } else {
-                    setMissingFile(true);
-                    setFileDoc(undefined);
-                }
-            };
-            void fetchFile();
-        } else {
+export const UploadInput = props => {
+  const $ = _c(78);
+  const {
+    Description,
+    Error,
+    Label,
+    allowNewUpload,
+    api: t0,
+    className,
+    collection,
+    customUploadActions,
+    descriptionProps,
+    errorProps,
+    field,
+    filterOptions,
+    label,
+    labelProps,
+    onChange,
+    readOnly,
+    relationTo,
+    required,
+    serverURL,
+    showError,
+    style,
+    value,
+    width
+  } = props;
+  const api = t0 === undefined ? "/api" : t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [fileDoc, setFileDoc] = useState(undefined);
+  const [missingFile, setMissingFile] = useState(false);
+  const t1 = collection?.slug;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = [t1];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const [collectionSlugs] = useState(t2);
+  const t3 = collectionSlugs[0];
+  let t4;
+  if ($[2] !== t3) {
+    t4 = {
+      collectionSlug: t3
+    };
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const [DocumentDrawer, DocumentDrawerToggler, t5] = useDocumentDrawer(t4);
+  const {
+    closeDrawer
+  } = t5;
+  let t6;
+  if ($[4] !== collectionSlugs || $[5] !== filterOptions) {
+    t6 = {
+      collectionSlugs,
+      filterOptions
+    };
+    $[4] = collectionSlugs;
+    $[5] = filterOptions;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  const [ListDrawer, ListDrawerToggler, t7] = useListDrawer(t6);
+  const {
+    closeDrawer: closeListDrawer
+  } = t7;
+  let t8;
+  if ($[7] !== value || $[8] !== serverURL || $[9] !== api || $[10] !== relationTo || $[11] !== i18n.language) {
+    t8 = () => {
+      if (value !== null && typeof value !== "undefined" && value !== "") {
+        const fetchFile = async () => {
+          const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {
+            credentials: "include",
+            headers: {
+              "Accept-Language": i18n.language
+            }
+          });
+          if (response.ok) {
+            const json = await response.json();
+            setFileDoc(json);
+          } else {
+            setMissingFile(true);
             setFileDoc(undefined);
-        }
-    }, [
-        value,
-        relationTo,
-        api,
-        serverURL,
-        i18n
-    ]);
-    const onSave = useCallback((args)=>{
-        setMissingFile(false);
-        onChange(args.doc);
-        closeDrawer();
-    }, [
-        onChange,
-        closeDrawer
-    ]);
-    const onSelect = useCallback((args)=>{
-        setMissingFile(false);
-        onChange({
-            id: args.docID
-        });
-        closeListDrawer();
-    }, [
-        onChange,
-        closeListDrawer
-    ]);
-    if (collection.upload) {
-        return /*#__PURE__*/ _jsxs("div", {
-            className: [
-                fieldBaseClass,
-                baseClass,
-                className,
-                showError && 'error',
-                readOnly && 'read-only'
-            ].filter(Boolean).join(' '),
-            style: {
-                ...style,
-                width
+          }
+        };
+        fetchFile();
+      } else {
+        setFileDoc(undefined);
+      }
+    };
+    $[7] = value;
+    $[8] = serverURL;
+    $[9] = api;
+    $[10] = relationTo;
+    $[11] = i18n.language;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  let t9;
+  if ($[13] !== value || $[14] !== relationTo || $[15] !== api || $[16] !== serverURL || $[17] !== i18n) {
+    t9 = [value, relationTo, api, serverURL, i18n];
+    $[13] = value;
+    $[14] = relationTo;
+    $[15] = api;
+    $[16] = serverURL;
+    $[17] = i18n;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  useEffect(t8, t9);
+  let t10;
+  if ($[19] !== onChange || $[20] !== closeDrawer) {
+    t10 = args => {
+      setMissingFile(false);
+      onChange(args.doc);
+      closeDrawer();
+    };
+    $[19] = onChange;
+    $[20] = closeDrawer;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  const onSave = t10;
+  let t11;
+  if ($[22] !== onChange || $[23] !== closeListDrawer) {
+    t11 = args_0 => {
+      setMissingFile(false);
+      onChange({
+        id: args_0.docID
+      });
+      closeListDrawer();
+    };
+    $[22] = onChange;
+    $[23] = closeListDrawer;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  const onSelect = t11;
+  if (collection.upload) {
+    const t12 = showError && "error";
+    const t13 = readOnly && "read-only";
+    let t14;
+    if ($[25] !== className || $[26] !== t12 || $[27] !== t13) {
+      t14 = [fieldBaseClass, baseClass, className, t12, t13].filter(Boolean);
+      $[25] = className;
+      $[26] = t12;
+      $[27] = t13;
+      $[28] = t14;
+    } else {
+      t14 = $[28];
+    }
+    const t15 = t14.join(" ");
+    let t16;
+    if ($[29] !== style || $[30] !== width || $[31] !== labelProps || $[32] !== Label || $[33] !== field || $[34] !== label || $[35] !== required || $[36] !== errorProps || $[37] !== Error || $[38] !== collection || $[39] !== fileDoc || $[40] !== missingFile || $[41] !== readOnly || $[42] !== onChange || $[43] !== relationTo || $[44] !== customUploadActions || $[45] !== allowNewUpload || $[46] !== i18n || $[47] !== t || $[48] !== DocumentDrawerToggler || $[49] !== ListDrawerToggler || $[50] !== descriptionProps || $[51] !== Description || $[52] !== onSave || $[53] !== DocumentDrawer || $[54] !== onSelect || $[55] !== ListDrawer || $[56] !== t15) {
+      let t17;
+      if ($[58] !== labelProps) {
+        t17 = labelProps || {};
+        $[58] = labelProps;
+        $[59] = t17;
+      } else {
+        t17 = $[59];
+      }
+      let t18;
+      if ($[60] !== errorProps) {
+        t18 = errorProps || {};
+        $[60] = errorProps;
+        $[61] = t18;
+      } else {
+        t18 = $[61];
+      }
+      let t19;
+      if ($[62] !== collection || $[63] !== fileDoc || $[64] !== missingFile || $[65] !== readOnly || $[66] !== onChange || $[67] !== relationTo || $[68] !== customUploadActions || $[69] !== allowNewUpload || $[70] !== i18n || $[71] !== t || $[72] !== DocumentDrawerToggler || $[73] !== ListDrawerToggler || $[74] !== descriptionProps || $[75] !== Description || $[76] !== field) {
+        t19 = collection?.upload && _jsxs(React.Fragment, {
+          children: [fileDoc && !missingFile && _jsx(FileDetails, {
+            collectionSlug: relationTo,
+            customUploadActions,
+            doc: fileDoc,
+            handleRemove: readOnly ? undefined : () => {
+              onChange(null);
             },
-            children: [
-                /*#__PURE__*/ _jsx(FieldLabel, {
-                    Label: Label,
-                    label: label,
-                    required: required,
-                    ...labelProps || {}
-                }),
-                /*#__PURE__*/ _jsxs("div", {
-                    className: `${fieldBaseClass}__wrap`,
-                    children: [
-                        /*#__PURE__*/ _jsx(FieldError, {
-                            CustomError: Error,
-                            ...errorProps || {}
-                        }),
-                        collection?.upload && /*#__PURE__*/ _jsxs(React.Fragment, {
-                            children: [
-                                fileDoc && !missingFile && /*#__PURE__*/ _jsx(FileDetails, {
-                                    collectionSlug: relationTo,
-                                    customUploadActions: customUploadActions,
-                                    doc: fileDoc,
-                                    handleRemove: readOnly ? undefined : ()=>{
-                                        onChange(null);
-                                    },
-                                    uploadConfig: collection.upload
-                                }),
-                                (!fileDoc || missingFile) && /*#__PURE__*/ _jsx("div", {
-                                    className: `${baseClass}__wrap`,
-                                    children: /*#__PURE__*/ _jsxs("div", {
-                                        className: `${baseClass}__buttons`,
-                                        children: [
-                                            allowNewUpload && /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
-                                                className: `${baseClass}__toggler`,
-                                                disabled: readOnly,
-                                                children: /*#__PURE__*/ _jsx(Button, {
-                                                    buttonStyle: "secondary",
-                                                    disabled: readOnly,
-                                                    el: "div",
-                                                    children: t('fields:uploadNewLabel', {
-                                                        label: getTranslation(collection.labels.singular, i18n)
-                                                    })
-                                                })
-                                            }),
-                                            /*#__PURE__*/ _jsx(ListDrawerToggler, {
-                                                className: `${baseClass}__toggler`,
-                                                disabled: readOnly,
-                                                children: /*#__PURE__*/ _jsx(Button, {
-                                                    buttonStyle: "secondary",
-                                                    disabled: readOnly,
-                                                    el: "div",
-                                                    children: t('fields:chooseFromExisting')
-                                                })
-                                            })
-                                        ]
-                                    })
-                                }),
-                                /*#__PURE__*/ _jsx(FieldDescription, {
-                                    Description: Description,
-                                    ...descriptionProps || {}
-                                })
-                            ]
-                        }),
-                        !readOnly && /*#__PURE__*/ _jsx(DocumentDrawer, {
-                            onSave: onSave
-                        }),
-                        !readOnly && /*#__PURE__*/ _jsx(ListDrawer, {
-                            onSelect: onSelect
-                        })
-                    ]
+            uploadConfig: collection.upload
+          }), (!fileDoc || missingFile) && _jsx("div", {
+            className: `${baseClass}__wrap`,
+            children: _jsxs("div", {
+              className: `${baseClass}__buttons`,
+              children: [allowNewUpload && _jsx(DocumentDrawerToggler, {
+                className: `${baseClass}__toggler`,
+                disabled: readOnly,
+                children: _jsx(Button, {
+                  buttonStyle: "secondary",
+                  disabled: readOnly,
+                  el: "div",
+                  children: t("fields:uploadNewLabel", {
+                    label: getTranslation(collection.labels.singular, i18n)
+                  })
                 })
-            ]
+              }), _jsx(ListDrawerToggler, {
+                className: `${baseClass}__toggler`,
+                disabled: readOnly,
+                children: _jsx(Button, {
+                  buttonStyle: "secondary",
+                  disabled: readOnly,
+                  el: "div",
+                  children: t("fields:chooseFromExisting")
+                })
+              })]
+            })
+          }), _jsx(FieldDescription, {
+            Description,
+            field,
+            ...(descriptionProps || {})
+          })]
         });
+        $[62] = collection;
+        $[63] = fileDoc;
+        $[64] = missingFile;
+        $[65] = readOnly;
+        $[66] = onChange;
+        $[67] = relationTo;
+        $[68] = customUploadActions;
+        $[69] = allowNewUpload;
+        $[70] = i18n;
+        $[71] = t;
+        $[72] = DocumentDrawerToggler;
+        $[73] = ListDrawerToggler;
+        $[74] = descriptionProps;
+        $[75] = Description;
+        $[76] = field;
+        $[77] = t19;
+      } else {
+        t19 = $[77];
+      }
+      t16 = _jsxs("div", {
+        className: t15,
+        style: {
+          ...style,
+          width
+        },
+        children: [_jsx(FieldLabel, {
+          Label,
+          field,
+          label,
+          required,
+          ...t17
+        }), _jsxs("div", {
+          className: `${fieldBaseClass}__wrap`,
+          children: [_jsx(FieldError, {
+            CustomError: Error,
+            field,
+            ...t18
+          }), t19, !readOnly && _jsx(DocumentDrawer, {
+            onSave
+          }), !readOnly && _jsx(ListDrawer, {
+            onSelect
+          })]
+        })]
+      });
+      $[29] = style;
+      $[30] = width;
+      $[31] = labelProps;
+      $[32] = Label;
+      $[33] = field;
+      $[34] = label;
+      $[35] = required;
+      $[36] = errorProps;
+      $[37] = Error;
+      $[38] = collection;
+      $[39] = fileDoc;
+      $[40] = missingFile;
+      $[41] = readOnly;
+      $[42] = onChange;
+      $[43] = relationTo;
+      $[44] = customUploadActions;
+      $[45] = allowNewUpload;
+      $[46] = i18n;
+      $[47] = t;
+      $[48] = DocumentDrawerToggler;
+      $[49] = ListDrawerToggler;
+      $[50] = descriptionProps;
+      $[51] = Description;
+      $[52] = onSave;
+      $[53] = DocumentDrawer;
+      $[54] = onSelect;
+      $[55] = ListDrawer;
+      $[56] = t15;
+      $[57] = t16;
+    } else {
+      t16 = $[57];
     }
-    return null;
+    return t16;
+  }
+  return null;
 };
-
 //# sourceMappingURL=Input.js.map