@payloadcms/ui 3.0.0-canary.6659da8 → 3.0.0-canary.690108d

package/dist/fields/Textarea/Input.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { FieldDescription } from '../FieldDescription/index.js';
 import { FieldError } from '../FieldError/index.js';
@@ -9,7 +10,7 @@ import { FieldLabel } from '../FieldLabel/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 export const TextareaInput = (props)=>{
-    const { AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, label, labelProps, onChange, path, placeholder, readOnly, required, rows, rtl, showError, style, value, width } = props;
+    const { Description, Error, Label, afterInput, beforeInput, className, description, descriptionProps, errorProps, field, label, labelProps, onChange, path, placeholder, readOnly, required, rows, rtl, showError, style, value, width } = props;
     const { i18n } = useTranslation();
     return /*#__PURE__*/ _jsxs("div", {
         className: [
@@ -25,7 +26,8 @@ export const TextareaInput = (props)=>{
         },
         children: [
             /*#__PURE__*/ _jsx(FieldLabel, {
-                CustomLabel: CustomLabel,
+                Label: Label,
+                field: field,
                 label: label,
                 required: required,
                 ...labelProps || {}
@@ -34,11 +36,14 @@ export const TextareaInput = (props)=>{
                 className: `${fieldBaseClass}__wrap`,
                 children: [
                     /*#__PURE__*/ _jsx(FieldError, {
-                        CustomError: CustomError,
+                        CustomError: Error,
+                        field: field,
                         path: path,
                         ...errorProps || {}
                     }),
-                    BeforeInput,
+                    /*#__PURE__*/ _jsx(RenderComponent, {
+                        mappedComponent: beforeInput
+                    }),
                     /*#__PURE__*/ _jsx("label", {
                         className: "textarea-outer",
                         htmlFor: `field-${path.replace(/\./g, '__')}`,
@@ -63,8 +68,13 @@ export const TextareaInput = (props)=>{
                             ]
                         })
                     }),
-                    AfterInput,
-                    CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
+                    /*#__PURE__*/ _jsx(RenderComponent, {
+                        mappedComponent: afterInput
+                    }),
+                    /*#__PURE__*/ _jsx(FieldDescription, {
+                        Description: Description,
+                        description: description,
+                        field: field,
                         ...descriptionProps || {}
                     })
                 ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Textarea/Input.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextareaInput: React.FC<TextAreaInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    onChange,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rows,\n    rtl,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'textarea',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n        {BeforeInput}\n        <label className=\"textarea-outer\" htmlFor={`field-${path.replace(/\\./g, '__')}`}>\n          <div className=\"textarea-inner\">\n            <div className=\"textarea-clone\" data-value={value || placeholder || ''} />\n            <textarea\n              className=\"textarea-element\"\n              data-rtl={rtl}\n              disabled={readOnly}\n              id={`field-${path.replace(/\\./g, '__')}`}\n              name={path}\n              onChange={onChange}\n              placeholder={getTranslation(placeholder, i18n)}\n              rows={rows}\n              value={value || ''}\n            />\n          </div>\n        </label>\n        {AfterInput}\n        {CustomDescription !== undefined ? (\n          CustomDescription\n        ) : (\n          <FieldDescription {...(descriptionProps || {})} />\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","TextareaInput","props","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","errorProps","label","labelProps","onChange","path","placeholder","readOnly","required","rows","rtl","showError","style","value","width","i18n","div","filter","Boolean","join","htmlFor","replace","data-value","textarea","data-rtl","disabled","id","name","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,gBAAgB,QAAQ,+BAA8B;AAC/D,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,GAAG,EACHC,SAAS,EACTC,KAAK,EACLC,KAAK,EACLC,KAAK,EACN,GAAGrB;IAEJ,MAAM,EAAEsB,IAAI,EAAE,GAAG5B;IAEjB,qBACE,MAAC6B;QACCjB,WAAW;YACTR;YACA;YACAQ;YACAY,aAAa;YACbJ,YAAY;SACb,CACEU,MAAM,CAACC,SACPC,IAAI,CAAC;QACRP,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;;0BAEA,KAACxB;gBACCQ,aAAaA;gBACbI,OAAOA;gBACPM,UAAUA;gBACT,GAAIL,cAAc,CAAC,CAAC;;0BAEvB,MAACa;gBAAIjB,WAAW,CAAC,EAAER,eAAe,MAAM,CAAC;;kCACvC,KAACF;wBAAWQ,aAAaA;wBAAaQ,MAAMA;wBAAO,GAAIJ,cAAc,CAAC,CAAC;;oBACtEN;kCACD,KAACO;wBAAMH,WAAU;wBAAiBqB,SAAS,CAAC,MAAM,EAAEf,KAAKgB,OAAO,CAAC,OAAO,MAAM,CAAC;kCAC7E,cAAA,MAACL;4BAAIjB,WAAU;;8CACb,KAACiB;oCAAIjB,WAAU;oCAAiBuB,cAAYT,SAASP,eAAe;;8CACpE,KAACiB;oCACCxB,WAAU;oCACVyB,YAAUd;oCACVe,UAAUlB;oCACVmB,IAAI,CAAC,MAAM,EAAErB,KAAKgB,OAAO,CAAC,OAAO,MAAM,CAAC;oCACxCM,MAAMtB;oCACND,UAAUA;oCACVE,aAAarB,eAAeqB,aAAaS;oCACzCN,MAAMA;oCACNI,OAAOA,SAAS;;;;;oBAIrBnB;oBACAE,sBAAsBgC,YACrBhC,kCAEA,KAACR;wBAAkB,GAAIY,oBAAoB,CAAC,CAAC;;;;;;AAKvD,EAAC"}
+{"version":3,"sources":["../../../src/fields/Textarea/Input.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextareaInput: React.FC<TextAreaInputProps> = (props) => {\n  const {\n    Description,\n    Error,\n    Label,\n    afterInput,\n    beforeInput,\n    className,\n    description,\n    descriptionProps,\n    errorProps,\n    field,\n    label,\n    labelProps,\n    onChange,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rows,\n    rtl,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'textarea',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\n        <RenderComponent mappedComponent={beforeInput} />\n        <label className=\"textarea-outer\" htmlFor={`field-${path.replace(/\\./g, '__')}`}>\n          <div className=\"textarea-inner\">\n            <div className=\"textarea-clone\" data-value={value || placeholder || ''} />\n            <textarea\n              className=\"textarea-element\"\n              data-rtl={rtl}\n              disabled={readOnly}\n              id={`field-${path.replace(/\\./g, '__')}`}\n              name={path}\n              onChange={onChange}\n              placeholder={getTranslation(placeholder, i18n)}\n              rows={rows}\n              value={value || ''}\n            />\n          </div>\n        </label>\n        <RenderComponent mappedComponent={afterInput} />\n        <FieldDescription\n          Description={Description}\n          description={description}\n          field={field}\n          {...(descriptionProps || {})}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","TextareaInput","props","Description","Error","Label","afterInput","beforeInput","className","description","descriptionProps","errorProps","field","label","labelProps","onChange","path","placeholder","readOnly","required","rows","rtl","showError","style","value","width","i18n","div","filter","Boolean","join","CustomError","mappedComponent","htmlFor","replace","data-value","textarea","data-rtl","disabled","id","name"],"mappings":"AAAA;;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,eAAe,QAAQ,4CAA2C;AAC3E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,gBAAgB,QAAQ,+BAA8B;AAC/D,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,WAAW,EACXC,KAAK,EACLC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,GAAG,EACHC,SAAS,EACTC,KAAK,EACLC,KAAK,EACLC,KAAK,EACN,GAAGvB;IAEJ,MAAM,EAAEwB,IAAI,EAAE,GAAG9B;IAEjB,qBACE,MAAC+B;QACCnB,WAAW;YACTR;YACA;YACAQ;YACAc,aAAa;YACbJ,YAAY;SACb,CACEU,MAAM,CAACC,SACPC,IAAI,CAAC;QACRP,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;;0BAEA,KAAC1B;gBACCM,OAAOA;gBACPO,OAAOA;gBACPC,OAAOA;gBACPM,UAAUA;gBACT,GAAIL,cAAc,CAAC,CAAC;;0BAEvB,MAACa;gBAAInB,WAAW,CAAC,EAAER,eAAe,MAAM,CAAC;;kCACvC,KAACF;wBAAWiC,aAAa3B;wBAAOQ,OAAOA;wBAAOI,MAAMA;wBAAO,GAAIL,cAAc,CAAC,CAAC;;kCAC/E,KAAChB;wBAAgBqC,iBAAiBzB;;kCAClC,KAACM;wBAAML,WAAU;wBAAiByB,SAAS,CAAC,MAAM,EAAEjB,KAAKkB,OAAO,CAAC,OAAO,MAAM,CAAC;kCAC7E,cAAA,MAACP;4BAAInB,WAAU;;8CACb,KAACmB;oCAAInB,WAAU;oCAAiB2B,cAAYX,SAASP,eAAe;;8CACpE,KAACmB;oCACC5B,WAAU;oCACV6B,YAAUhB;oCACViB,UAAUpB;oCACVqB,IAAI,CAAC,MAAM,EAAEvB,KAAKkB,OAAO,CAAC,OAAO,MAAM,CAAC;oCACxCM,MAAMxB;oCACND,UAAUA;oCACVE,aAAaxB,eAAewB,aAAaS;oCACzCN,MAAMA;oCACNI,OAAOA,SAAS;;;;;kCAItB,KAAC7B;wBAAgBqC,iBAAiB1B;;kCAClC,KAACT;wBACCM,aAAaA;wBACbM,aAAaA;wBACbG,OAAOA;wBACN,GAAIF,oBAAoB,CAAC,CAAC;;;;;;AAKrC,EAAC"}

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

@@ -1,7 +1,8 @@
+import type { TextareaFieldProps } from 'payload';
 import React from 'react';
-import type { TextAreaInputProps, TextareaFieldProps } from './types.js';
+import type { TextAreaInputProps } from './types.js';
 import { TextareaInput } from './Input.js';
 import './index.scss';
-export { TextAreaInputProps, TextareaFieldProps, TextareaInput };
-export declare const Textarea: React.FC<TextareaFieldProps>;
+export { TextAreaInputProps, TextareaInput };
+export declare const TextareaField: React.FC<TextareaFieldProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQxE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA;AAuFhE,eAAO,MAAM,QAAQ,8BAA+B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAA;AAG1E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA;AA8F5C,eAAO,MAAM,aAAa,8BAAwC,CAAA"}

package/dist/fields/Textarea/index.js

@@ -1,4 +1,4 @@
-/* eslint-disable react/destructuring-assignment */ 'use client';
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback } from 'react';
@@ -11,10 +11,11 @@ import { isFieldRTL } from '../shared/index.js';
 import { TextareaInput } from './Input.js';
 import './index.scss';
 export { TextareaInput };
-const TextareaField = (props)=>{
-    const { name, AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, label, labelProps, locale, localized, maxLength, minLength, path: pathFromProps, placeholder, readOnly: readOnlyFromProps, required, rows, rtl, style, validate, width } = props;
+const TextareaFieldComponent = (props)=>{
+    const { descriptionProps, errorProps, field, field: { name, _path: pathFromProps, admin: { className, description, placeholder, readOnly: readOnlyFromAdmin, rows, rtl, style, width } = {}, label, localized, maxLength, minLength, required }, labelProps, locale, readOnly: readOnlyFromTopLevelProps, validate } = props;
+    const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
     const { i18n } = useTranslation();
-    const { localization } = useConfig();
+    const { config: { localization } } = useConfig();
     const isRTL = isFieldRTL({
         fieldLocalized: localized,
         fieldRTL: rtl,
@@ -41,12 +42,13 @@ const TextareaField = (props)=>{
     });
     const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
     return /*#__PURE__*/ _jsx(TextareaInput, {
-        AfterInput: AfterInput,
-        BeforeInput: BeforeInput,
-        CustomDescription: CustomDescription,
-        CustomError: CustomError,
-        CustomLabel: CustomLabel,
+        Description: field?.admin?.components?.Description,
+        Error: field?.admin?.components?.Error,
+        Label: field?.admin?.components?.Label,
+        afterInput: field?.admin?.components?.afterInput,
+        beforeInput: field?.admin?.components?.beforeInput,
         className: className,
+        description: description,
         descriptionProps: descriptionProps,
         errorProps: errorProps,
         label: label,
@@ -66,6 +68,6 @@ const TextareaField = (props)=>{
         width: width
     });
 };
-export const Textarea = withCondition(TextareaField);
+export const TextareaField = withCondition(TextareaFieldComponent);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n'use client'\nimport type { ClientValidate } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport type { TextAreaInputProps, TextareaFieldProps } 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, TextareaFieldProps, TextareaInput }\n\nconst TextareaField: React.FC<TextareaFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    locale,\n    localized,\n    maxLength,\n    minLength,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    rows,\n    rtl,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const { localization } = useConfig()\n\n  const isRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localization || undefined,\n  })\n\n  const memoizedValidate: ClientValidate = 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      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      CustomDescription={CustomDescription}\n      CustomError={CustomError}\n      CustomLabel={CustomLabel}\n      className={className}\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 Textarea = withCondition(TextareaField)\n"],"names":["getTranslation","React","useCallback","useFieldProps","useField","withCondition","useConfig","useTranslation","isFieldRTL","TextareaInput","TextareaField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","errorProps","label","labelProps","locale","localized","maxLength","minLength","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","rows","rtl","style","validate","width","i18n","localization","isRTL","fieldLocalized","fieldRTL","localizationConfig","undefined","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","onChange","e","target","Textarea"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,iDAAiD,GACjD;;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,SAAiDA,aAAa,GAAE;AAEhE,MAAMC,gBAA8C,CAACC;IACnD,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,MAAMC,aAAa,EACnBC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,IAAI,EACJC,GAAG,EACHC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAG1B;IAEJ,MAAM,EAAE2B,IAAI,EAAE,GAAG/B;IAEjB,MAAM,EAAEgC,YAAY,EAAE,GAAGjC;IAEzB,MAAMkC,QAAQhC,WAAW;QACvBiC,gBAAgBjB;QAChBkB,UAAUR;QACVX;QACAoB,oBAAoBJ,gBAAgBK;IACtC;IAEA,MAAMC,mBAAmC3C,YACvC,CAAC4C,OAAOC;QACN,IAAI,OAAOX,aAAa,YACtB,OAAOA,SAASU,OAAO;YAAE,GAAGC,OAAO;YAAEtB;YAAWC;YAAWM;QAAS;IACxE,GACA;QAACI;QAAUJ;QAAUP;QAAWC;KAAU;IAG5C,MAAM,EAAEC,MAAMqB,eAAe,EAAElB,UAAUmB,mBAAmB,EAAE,GAAG9C;IAEjE,MAAM,EAAE+C,gBAAgB,EAAEC,cAAc,EAAExB,IAAI,EAAEyB,QAAQ,EAAEC,SAAS,EAAEP,KAAK,EAAE,GAAG1C,SAAiB;QAC9FuB,MAAMqB,mBAAmBpB,iBAAiBhB;QAC1CwB,UAAUS;IACZ;IAEA,MAAMS,WAAWvB,qBAAqBkB,uBAAuBE,kBAAkBD;IAE/E,qBACE,KAACzC;QACCI,YAAYA;QACZC,aAAaA;QACbC,mBAAmBA;QACnBC,aAAaA;QACbC,aAAaA;QACbC,WAAWA;QACXC,kBAAkBA;QAClBC,YAAYA;QACZC,OAAOA;QACPC,YAAYA;QACZiC,UAAU,CAACC;YACTJ,SAASI,EAAEC,MAAM,CAACX,KAAK;QACzB;QACAnB,MAAMA;QACNE,aAAa7B,eAAe6B,aAAaS;QACzCR,UAAUwB;QACVtB,UAAUA;QACVC,MAAMA;QACNC,KAAKM;QACLa,WAAWA;QACXlB,OAAOA;QACPW,OAAOA;QACPT,OAAOA;;AAGb;AAEA,OAAO,MAAMqB,WAAWrD,cAAcK,eAAc"}
+{"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    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"],"names":["getTranslation","React","useCallback","useFieldProps","useField","withCondition","useConfig","useTranslation","isFieldRTL","TextareaInput","TextareaFieldComponent","props","descriptionProps","errorProps","field","name","_path","pathFromProps","admin","className","description","placeholder","readOnly","readOnlyFromAdmin","rows","rtl","style","width","label","localized","maxLength","minLength","required","labelProps","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,gBAAgB,EAChBC,UAAU,EACVC,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,UAAU,EACVC,MAAM,EACNZ,UAAUa,yBAAyB,EACnCC,QAAQ,EACT,GAAGzB;IAEJ,MAAM0B,oBAAoBF,6BAA6BZ;IAEvD,MAAM,EAAEe,IAAI,EAAE,GAAG/B;IAEjB,MAAM,EACJgC,QAAQ,EAAEC,YAAY,EAAE,EACzB,GAAGlC;IAEJ,MAAMmC,QAAQjC,WAAW;QACvBkC,gBAAgBb;QAChBc,UAAUlB;QACVS;QACAU,oBAAoBJ,gBAAgBK;IACtC;IAEA,MAAMC,mBAA4C5C,YAChD,CAAC6C,OAAOC;QACN,IAAI,OAAOZ,aAAa,YACtB,OAAOA,SAASW,OAAO;YAAE,GAAGC,OAAO;YAAElB;YAAWC;YAAWC;QAAS;IACxE,GACA;QAACI;QAAUJ;QAAUF;QAAWC;KAAU;IAG5C,MAAM,EAAEkB,MAAMC,eAAe,EAAE5B,UAAU6B,mBAAmB,EAAE,GAAGhD;IAEjE,MAAM,EAAEiD,gBAAgB,EAAEC,cAAc,EAAEJ,IAAI,EAAEK,QAAQ,EAAEC,SAAS,EAAER,KAAK,EAAE,GAAG3C,SAAiB;QAC9F6C,MAAMC,mBAAmBjC,iBAAiBF;QAC1CqB,UAAUU;IACZ;IAEA,MAAMU,WAAWnB,qBAAqBc,uBAAuBE,kBAAkBD;IAE/E,qBACE,KAAC3C;QACCgD,aAAa3C,OAAOI,OAAOwC,YAAYD;QACvCE,OAAO7C,OAAOI,OAAOwC,YAAYC;QACjCC,OAAO9C,OAAOI,OAAOwC,YAAYE;QACjCC,YAAY/C,OAAOI,OAAOwC,YAAYG;QACtCC,aAAahD,OAAOI,OAAOwC,YAAYI;QACvC3C,WAAWA;QACXC,aAAaA;QACbR,kBAAkBA;QAClBC,YAAYA;QACZe,OAAOA;QACPK,YAAYA;QACZ8B,UAAU,CAACC;YACTV,SAASU,EAAEC,MAAM,CAAClB,KAAK;QACzB;QACAE,MAAMA;QACN5B,aAAarB,eAAeqB,aAAaiB;QACzChB,UAAUkC;QACVxB,UAAUA;QACVR,MAAMA;QACNC,KAAKgB;QACLc,WAAWA;QACX7B,OAAOA;QACPqB,OAAOA;QACPpB,OAAOA;;AAGb;AAEA,OAAO,MAAMuC,gBAAgB7D,cAAcK,wBAAuB"}

package/dist/fields/Textarea/index.scss

@@ -23,12 +23,7 @@
 
   &.read-only {
     .textarea-outer {
-      background: var(--theme-elevation-200);
-      color: var(--theme-elevation-450);
-      &:hover {
-        border-color: var(--theme-elevation-150);
-        @include shadow-sm;
-      }
+      @include readOnly;
     }
   }
 

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

@@ -1,19 +1,33 @@
-import type { TextareaField as TextareaFieldType } 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';
-import type { FormFieldBase } from '../shared/index.js';
-export type TextareaFieldProps = FormFieldBase & {
-    maxLength?: number;
-    minLength?: number;
-    name?: string;
-    path?: string;
-    placeholder?: TextareaFieldType['admin']['placeholder'];
-    rows?: number;
-    width?: string;
-};
-export type TextAreaInputProps = TextareaFieldProps & {
-    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
-    rows?: number;
-    showError?: boolean;
-    value?: string;
+export type TextAreaInputProps = {
+    readonly Description?: MappedComponent;
+    readonly Error?: MappedComponent;
+    readonly Label?: MappedComponent;
+    readonly afterInput?: MappedComponent[];
+    readonly beforeInput?: MappedComponent[];
+    readonly className?: string;
+    readonly description?: StaticDescription;
+    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?: FieldLabelClientProps<MarkOptional<TextareaFieldClient, 'type'>>;
+    readonly onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    readonly path: string;
+    readonly placeholder?: string;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly rows?: number;
+    readonly rtl?: boolean;
+    readonly showError?: boolean;
+    readonly style?: React.CSSProperties;
+    readonly value?: string;
+    readonly valueToRender?: string;
+    readonly width?: string;
 };
 //# sourceMappingURL=types.d.ts.map

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,aAAa,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEjE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IACvD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG;IACpD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,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.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Textarea/types.ts"],"sourcesContent":["import type { TextareaField as TextareaFieldType } from 'payload'\n\nimport { type ChangeEvent } from 'react'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type TextareaFieldProps = FormFieldBase & {\n  maxLength?: number\n  minLength?: number\n  name?: string\n  path?: string\n  placeholder?: TextareaFieldType['admin']['placeholder']\n  rows?: number\n  width?: string\n}\n\nexport type TextAreaInputProps = TextareaFieldProps & {\n  onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void\n  rows?: number\n  showError?: boolean\n  value?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAgBA,WAKC"}
+{"version":3,"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"],"names":[],"mappings":"AAcA,WA2BC"}

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

@@ -1,3 +1,3 @@
 import type React from 'react';
-export declare const UI: React.FC;
+export declare const UIField: React.FC;
 //# sourceMappingURL=index.d.ts.map

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,EAAE,EAAE,KAAK,CAAC,EAEtB,CAAA"}
+{"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"}

package/dist/fields/UI/index.js

@@ -1,4 +1,4 @@
-export const UI = ()=>{
+export const UIField = ()=>{
     return null;
 };
 

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 UI: React.FC = () => {\n  return null\n}\n"],"names":["UI"],"rangeMappings":";;","mappings":"AAEA,OAAO,MAAMA,KAAe;IAC1B,OAAO;AACT,EAAC"}
+{"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"}

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

@@ -1,16 +1,35 @@
-import type { ClientCollectionConfig, FilterOptionsResult, 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 type { UploadFieldProps } from './types.js';
 import './index.scss';
-export type UploadInputProps = Omit<UploadFieldProps, 'filterOptions'> & {
-    api?: string;
-    collection?: ClientCollectionConfig;
-    filterOptions?: FilterOptionsResult;
-    onChange?: (e: any) => void;
-    relationTo?: UploadField['relationTo'];
-    serverURL?: string;
-    showError?: boolean;
-    value?: string;
+export type UploadInputProps = {
+    readonly Description?: MappedComponent;
+    readonly Error?: MappedComponent;
+    readonly Label?: MappedComponent;
+    /**
+     * Controls the visibility of the "Create new collection" button
+     */
+    readonly allowNewUpload?: boolean;
+    readonly api?: string;
+    readonly className?: string;
+    readonly collection?: ClientCollectionConfig;
+    readonly customUploadActions?: React.ReactNode[];
+    readonly description?: StaticDescription;
+    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?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>;
+    readonly onChange?: (e: any) => void;
+    readonly readOnly?: boolean;
+    readonly relationTo?: UploadField['relationTo'];
+    readonly required?: boolean;
+    readonly serverURL?: string;
+    readonly showError?: boolean;
+    readonly style?: React.CSSProperties;
+    readonly value?: string;
+    readonly width?: string;
 };
 export declare const UploadInput: React.FC<UploadInputProps>;
 //# sourceMappingURL=Input.d.ts.map

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,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGvF,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAWlD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IACtB,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8JlD,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

@@ -14,7 +14,7 @@ import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 const baseClass = 'upload';
 export const UploadInput = (props)=>{
-    const { CustomDescription, CustomError, CustomLabel, api = '/api', className, collection, descriptionProps, errorProps, filterOptions, label, labelProps, onChange, readOnly, relationTo, required, serverURL, showError, style, value, width } = props;
+    const { Description, Error, Label, allowNewUpload, api = '/api', className, collection, customUploadActions, descriptionProps, errorProps, field, 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);
@@ -89,7 +89,8 @@ export const UploadInput = (props)=>{
             },
             children: [
                 /*#__PURE__*/ _jsx(FieldLabel, {
-                    CustomLabel: CustomLabel,
+                    Label: Label,
+                    field: field,
                     label: label,
                     required: required,
                     ...labelProps || {}
@@ -98,13 +99,15 @@ export const UploadInput = (props)=>{
                     className: `${fieldBaseClass}__wrap`,
                     children: [
                         /*#__PURE__*/ _jsx(FieldError, {
-                            CustomError: CustomError,
+                            CustomError: Error,
+                            field: field,
                             ...errorProps || {}
                         }),
                         collection?.upload && /*#__PURE__*/ _jsxs(React.Fragment, {
                             children: [
                                 fileDoc && !missingFile && /*#__PURE__*/ _jsx(FileDetails, {
                                     collectionSlug: relationTo,
+                                    customUploadActions: customUploadActions,
                                     doc: fileDoc,
                                     handleRemove: readOnly ? undefined : ()=>{
                                         onChange(null);
@@ -116,7 +119,7 @@ export const UploadInput = (props)=>{
                                     children: /*#__PURE__*/ _jsxs("div", {
                                         className: `${baseClass}__buttons`,
                                         children: [
-                                            /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
+                                            allowNewUpload && /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
                                                 className: `${baseClass}__toggler`,
                                                 disabled: readOnly,
                                                 children: /*#__PURE__*/ _jsx(Button, {
@@ -141,7 +144,9 @@ export const UploadInput = (props)=>{
                                         ]
                                     })
                                 }),
-                                CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
+                                /*#__PURE__*/ _jsx(FieldDescription, {
+                                    Description: Description,
+                                    field: field,
                                     ...descriptionProps || {}
                                 })
                             ]

package/dist/fields/Upload/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, FilterOptionsResult, UploadField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { UploadFieldProps } from './types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { FileDetails } from '../../elements/FileDetails/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload'\n\nexport type UploadInputProps = Omit<UploadFieldProps, 'filterOptions'> & {\n  api?: string\n  collection?: ClientCollectionConfig\n  filterOptions?: FilterOptionsResult\n  onChange?: (e) => void\n  relationTo?: UploadField['relationTo']\n  serverURL?: string\n  showError?: boolean\n  value?: string\n}\n\nexport const UploadInput: React.FC<UploadInputProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    api = '/api',\n    className,\n    collection,\n    descriptionProps,\n    errorProps,\n    filterOptions,\n    label,\n    labelProps,\n    onChange,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const [fileDoc, setFileDoc] = useState(undefined)\n  const [missingFile, setMissingFile] = useState(false)\n  const [collectionSlugs] = useState([collection?.slug])\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    collectionSlug: collectionSlugs[0],\n  })\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs,\n    filterOptions,\n  })\n\n  useEffect(() => {\n    if (value !== null && typeof value !== 'undefined' && value !== '') {\n      const fetchFile = async () => {\n        const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {\n          credentials: 'include',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n        })\n        if (response.ok) {\n          const json = await response.json()\n          setFileDoc(json)\n        } else {\n          setMissingFile(true)\n          setFileDoc(undefined)\n        }\n      }\n\n      void fetchFile()\n    } else {\n      setFileDoc(undefined)\n    }\n  }, [value, relationTo, api, serverURL, i18n])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setMissingFile(false)\n      onChange(args.doc)\n      closeDrawer()\n    },\n    [onChange, closeDrawer],\n  )\n\n  const onSelect = useCallback<ListDrawerProps['onSelect']>(\n    (args) => {\n      setMissingFile(false)\n      onChange({\n        id: args.docID,\n      })\n      closeListDrawer()\n    },\n    [onChange, closeListDrawer],\n  )\n\n  if (collection.upload) {\n    return (\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          className,\n          showError && 'error',\n          readOnly && 'read-only',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          ...style,\n          width,\n        }}\n      >\n        <FieldLabel\n          CustomLabel={CustomLabel}\n          label={label}\n          required={required}\n          {...(labelProps || {})}\n        />\n        <div className={`${fieldBaseClass}__wrap`}>\n          <FieldError CustomError={CustomError} {...(errorProps || {})} />\n\n          {collection?.upload && (\n            <React.Fragment>\n              {fileDoc && !missingFile && (\n                <FileDetails\n                  collectionSlug={relationTo}\n                  doc={fileDoc}\n                  handleRemove={\n                    readOnly\n                      ? undefined\n                      : () => {\n                          onChange(null)\n                        }\n                  }\n                  uploadConfig={collection.upload}\n                />\n              )}\n              {(!fileDoc || missingFile) && (\n                <div className={`${baseClass}__wrap`}>\n                  <div className={`${baseClass}__buttons`}>\n                    <DocumentDrawerToggler className={`${baseClass}__toggler`} disabled={readOnly}>\n                      <Button buttonStyle=\"secondary\" disabled={readOnly} el=\"div\">\n                        {t('fields:uploadNewLabel', {\n                          label: getTranslation(collection.labels.singular, i18n),\n                        })}\n                      </Button>\n                    </DocumentDrawerToggler>\n                    <ListDrawerToggler className={`${baseClass}__toggler`} disabled={readOnly}>\n                      <Button buttonStyle=\"secondary\" disabled={readOnly} el=\"div\">\n                        {t('fields:chooseFromExisting')}\n                      </Button>\n                    </ListDrawerToggler>\n                  </div>\n                </div>\n              )}\n              {CustomDescription !== undefined ? (\n                CustomDescription\n              ) : (\n                <FieldDescription {...(descriptionProps || {})} />\n              )}\n            </React.Fragment>\n          )}\n          {!readOnly && <DocumentDrawer onSave={onSave} />}\n          {!readOnly && <ListDrawer onSelect={onSelect} />}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["getTranslation","React","useCallback","useEffect","useState","Button","useDocumentDrawer","FileDetails","useListDrawer","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","UploadInput","props","CustomDescription","CustomError","CustomLabel","api","className","collection","descriptionProps","errorProps","filterOptions","label","labelProps","onChange","readOnly","relationTo","required","serverURL","showError","style","value","width","i18n","t","fileDoc","setFileDoc","undefined","missingFile","setMissingFile","collectionSlugs","slug","DocumentDrawer","DocumentDrawerToggler","closeDrawer","collectionSlug","ListDrawer","ListDrawerToggler","closeListDrawer","fetchFile","response","fetch","credentials","headers","language","ok","json","onSave","args","doc","onSelect","id","docID","upload","div","filter","Boolean","join","Fragment","handleRemove","uploadConfig","disabled","buttonStyle","el","labels","singular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldDescriptionClientProps,\n  FieldErrorClientProps,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  MappedComponent,\n  StaticDescription,\n  StaticLabel,\n  UploadField,\n  UploadFieldClient,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { FileDetails } from '../../elements/FileDetails/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload'\n\nexport type UploadInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly allowNewUpload?: boolean\n  readonly api?: string\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly description?: StaticDescription\n  readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly field?: MarkOptional<UploadFieldClient, 'type'>\n  readonly filterOptions?: FilterOptionsResult\n  readonly label: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly onChange?: (e) => void\n  readonly readOnly?: boolean\n  readonly relationTo?: UploadField['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly width?: string\n}\n\nexport const UploadInput: React.FC<UploadInputProps> = (props) => {\n  const {\n    Description,\n    Error,\n    Label,\n    allowNewUpload,\n    api = '/api',\n    className,\n    collection,\n    customUploadActions,\n    descriptionProps,\n    errorProps,\n    field,\n    filterOptions,\n    label,\n    labelProps,\n    onChange,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const [fileDoc, setFileDoc] = useState(undefined)\n  const [missingFile, setMissingFile] = useState(false)\n  const [collectionSlugs] = useState([collection?.slug])\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    collectionSlug: collectionSlugs[0],\n  })\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs,\n    filterOptions,\n  })\n\n  useEffect(() => {\n    if (value !== null && typeof value !== 'undefined' && value !== '') {\n      const fetchFile = async () => {\n        const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {\n          credentials: 'include',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n        })\n        if (response.ok) {\n          const json = await response.json()\n          setFileDoc(json)\n        } else {\n          setMissingFile(true)\n          setFileDoc(undefined)\n        }\n      }\n\n      void fetchFile()\n    } else {\n      setFileDoc(undefined)\n    }\n  }, [value, relationTo, api, serverURL, i18n])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setMissingFile(false)\n      onChange(args.doc)\n      closeDrawer()\n    },\n    [onChange, closeDrawer],\n  )\n\n  const onSelect = useCallback<ListDrawerProps['onSelect']>(\n    (args) => {\n      setMissingFile(false)\n      onChange({\n        id: args.docID,\n      })\n      closeListDrawer()\n    },\n    [onChange, closeListDrawer],\n  )\n\n  if (collection.upload) {\n    return (\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          className,\n          showError && 'error',\n          readOnly && 'read-only',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          ...style,\n          width,\n        }}\n      >\n        <FieldLabel\n          Label={Label}\n          field={field}\n          label={label}\n          required={required}\n          {...(labelProps || {})}\n        />\n        <div className={`${fieldBaseClass}__wrap`}>\n          <FieldError CustomError={Error} field={field} {...(errorProps || {})} />\n          {collection?.upload && (\n            <React.Fragment>\n              {fileDoc && !missingFile && (\n                <FileDetails\n                  collectionSlug={relationTo}\n                  customUploadActions={customUploadActions}\n                  doc={fileDoc}\n                  handleRemove={\n                    readOnly\n                      ? undefined\n                      : () => {\n                          onChange(null)\n                        }\n                  }\n                  uploadConfig={collection.upload}\n                />\n              )}\n              {(!fileDoc || missingFile) && (\n                <div className={`${baseClass}__wrap`}>\n                  <div className={`${baseClass}__buttons`}>\n                    {allowNewUpload && (\n                      <DocumentDrawerToggler\n                        className={`${baseClass}__toggler`}\n                        disabled={readOnly}\n                      >\n                        <Button buttonStyle=\"secondary\" disabled={readOnly} el=\"div\">\n                          {t('fields:uploadNewLabel', {\n                            label: getTranslation(collection.labels.singular, i18n),\n                          })}\n                        </Button>\n                      </DocumentDrawerToggler>\n                    )}\n                    <ListDrawerToggler className={`${baseClass}__toggler`} disabled={readOnly}>\n                      <Button buttonStyle=\"secondary\" disabled={readOnly} el=\"div\">\n                        {t('fields:chooseFromExisting')}\n                      </Button>\n                    </ListDrawerToggler>\n                  </div>\n                </div>\n              )}\n              <FieldDescription\n                Description={Description}\n                field={field}\n                {...(descriptionProps || {})}\n              />\n            </React.Fragment>\n          )}\n          {!readOnly && <DocumentDrawer onSave={onSave} />}\n          {!readOnly && <ListDrawer onSelect={onSelect} />}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["getTranslation","React","useCallback","useEffect","useState","Button","useDocumentDrawer","FileDetails","useListDrawer","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","UploadInput","props","Description","Error","Label","allowNewUpload","api","className","collection","customUploadActions","descriptionProps","errorProps","field","filterOptions","label","labelProps","onChange","readOnly","relationTo","required","serverURL","showError","style","value","width","i18n","t","fileDoc","setFileDoc","undefined","missingFile","setMissingFile","collectionSlugs","slug","DocumentDrawer","DocumentDrawerToggler","closeDrawer","collectionSlug","ListDrawer","ListDrawerToggler","closeListDrawer","fetchFile","response","fetch","credentials","headers","language","ok","json","onSave","args","doc","onSelect","id","docID","upload","div","filter","Boolean","join","CustomError","Fragment","handleRemove","uploadConfig","disabled","buttonStyle","el","labels","singular"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
+import type { UploadFieldProps } from 'payload';
 import React from 'react';
 import type { UploadInputProps } from './Input.js';
-import type { UploadFieldProps } from './types.js';
 import { UploadInput } from './Input.js';
 import './index.scss';
 export { UploadFieldProps, UploadInput };
 export type { UploadInputProps };
-export declare const Upload: React.FC<UploadFieldProps>;
+export declare const UploadField: React.FC<UploadFieldProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAMlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAuFhC,eAAO,MAAM,MAAM,4BAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAOlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAsGhC,eAAO,MAAM,WAAW,4BAAiC,CAAA"}

package/dist/fields/Upload/index.js

@@ -1,16 +1,19 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
+import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { UploadInput } from './Input.js';
 import './index.scss';
 export { UploadInput };
-const _Upload = (props)=>{
-    const { CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, label, labelProps, path: pathFromProps, readOnly: readOnlyFromProps, relationTo, required, style, validate, width } = props;
-    const { collections, routes: { api }, serverURL } = useConfig();
+const UploadComponent = (props)=>{
+    const { descriptionProps, errorProps, field, field: { _path: pathFromProps, admin: { className, readOnly: readOnlyFromAdmin, style, width } = {}, label, relationTo, required }, labelProps, readOnly: readOnlyFromTopLevelProps, validate } = props;
+    const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+    const { config: { collections, routes: { api: apiRoute }, serverURL } } = useConfig();
+    const { permissions } = useAuth();
     const collection = collections.find((coll)=>coll.slug === relationTo);
     const memoizedValidate = useCallback((value, options)=>{
         if (typeof validate === 'function') {
@@ -24,7 +27,19 @@ const _Upload = (props)=>{
         required
     ]);
     const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
-    const { filterOptions, formInitializing, formProcessing, path, setValue, showError, value } = useField({
+    // Checks if the user has permissions to create a new document in the related collection
+    const canCreate = useMemo(()=>{
+        if (permissions?.collections && permissions.collections?.[relationTo]?.create) {
+            if (permissions.collections[relationTo].create?.permission === true) {
+                return true;
+            }
+        }
+        return false;
+    }, [
+        relationTo,
+        permissions
+    ]);
+    const { filterOptions, formInitializing, formProcessing, setValue, showError, value } = useField({
         path: pathFromContext ?? pathFromProps,
         validate: memoizedValidate
     });
@@ -37,10 +52,11 @@ const _Upload = (props)=>{
     ]);
     if (collection.upload) {
         return /*#__PURE__*/ _jsx(UploadInput, {
-            CustomDescription: CustomDescription,
-            CustomError: CustomError,
-            CustomLabel: CustomLabel,
-            api: api,
+            Description: field?.admin?.components?.Description,
+            Error: field?.admin?.components?.Error,
+            Label: field?.admin?.components?.Label,
+            allowNewUpload: canCreate,
+            api: apiRoute,
             className: className,
             collection: collection,
             descriptionProps: descriptionProps,
@@ -49,7 +65,6 @@ const _Upload = (props)=>{
             label: label,
             labelProps: labelProps,
             onChange: onChange,
-            path: path,
             readOnly: disabled,
             relationTo: relationTo,
             required: required,
@@ -62,6 +77,6 @@ const _Upload = (props)=>{
     }
     return null;
 };
-export const Upload = withCondition(_Upload);
+export const UploadField = withCondition(UploadComponent);
 
 //# sourceMappingURL=index.js.map