@payloadcms/ui 3.0.0-canary.a78fca3 → 3.0.0-canary.aceaf5d

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { TextFieldProps, TextInputProps } 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 { useLocale } from '../../providers/Locale/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextInput } from './Input.js'\nimport './index.scss'\n\nexport { TextFieldProps, TextInput, TextInputProps }\n\nconst TextField: React.FC<TextFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    hasMany,\n    inputRef,\n    label,\n    labelProps,\n    localized,\n    maxLength,\n    maxRows,\n    minLength,\n    minRows,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    rtl,\n    style,\n    validate,\n    width,\n  } = props\n\n  const locale = useLocale()\n\n  const { localization: localizationConfig } = useConfig()\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, minLength, maxLength, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!disabled) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [disabled, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              // React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n              toString: () => `${val}${index}`,\n              value: val?.value || val,\n            },\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  return (\n    <TextInput\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      hasMany={hasMany}\n      inputRef={inputRef}\n      label={label}\n      labelProps={labelProps}\n      maxRows={maxRows}\n      minRows={minRows}\n      onChange={\n        hasMany\n          ? handleHasManyChange\n          : (e) => {\n              setValue(e.target.value)\n            }\n      }\n      path={path}\n      placeholder={placeholder}\n      readOnly={disabled}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={style}\n      value={(value as string) || ''}\n      valueToRender={valueToRender as Option[]}\n      width={width}\n    />\n  )\n}\n\nexport const Text = withCondition(TextField)\n"],"names":["React","useCallback","useEffect","useState","useFieldProps","useField","withCondition","useConfig","useLocale","isFieldRTL","TextInput","TextField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","errorProps","hasMany","inputRef","label","labelProps","localized","maxLength","maxRows","minLength","minRows","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","rtl","style","validate","width","locale","localization","localizationConfig","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","renderRTL","fieldLocalized","fieldRTL","undefined","valueToRender","setValueToRender","handleHasManyChange","selectedOption","newValue","Array","isArray","map","option","val","index","id","toString","onChange","e","target","Text"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useState","useFieldProps","useField","withCondition","useConfig","useLocale","isFieldRTL","TextInput","TextFieldComponent","props","$","field","t0","inputRef","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t1","hasMany","label","localized","maxLength","maxRows","minLength","minRows","required","t2","undefined","className","description","placeholder","readOnlyFromAdmin","rtl","style","width","readOnlyFromProps","locale","config","t3","localization","localizationConfig","t4","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t5","t6","formInitializing","formProcessing","setValue","showError","value_0","disabled","renderRTL","fieldLocalized","fieldRTL","t7","Symbol","for","valueToRender","setValueToRender","t8","selectedOption","newValue","Array","isArray","map","option","handleHasManyChange","t9","t10","val","index","id","toString","t11","e","target","_jsx","Description","components","Error","Label","afterInput","beforeInput","onChange","TextField"],"sources":["../../../src/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldProps } from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } 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 { useLocale } from '../../providers/Locale/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextInput } from './Input.js'\nimport './index.scss'\n\nexport { TextInput, TextInputProps }\n\nconst TextFieldComponent: React.FC<TextFieldProps> = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        rtl,\n        style,\n        width,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      maxLength,\n      maxRows,\n      minLength,\n      minRows,\n      required,\n    },\n    inputRef,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const locale = useLocale()\n\n  const {\n    config: { localization: localizationConfig },\n  } = useConfig()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...options, maxLength, minLength, required })\n    },\n    [validate, minLength, maxLength, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!disabled) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [disabled, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              // React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n              toString: () => `${val}${index}`,\n              value: val?.value || val,\n            },\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  return (\n    <TextInput\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      hasMany={hasMany}\n      inputRef={inputRef}\n      label={label}\n      maxRows={maxRows}\n      minRows={minRows}\n      onChange={\n        hasMany\n          ? handleHasManyChange\n          : (e) => {\n              setValue(e.target.value)\n            }\n      }\n      path={path}\n      placeholder={placeholder}\n      readOnly={disabled}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={style}\n      value={(value as string) || ''}\n      valueToRender={valueToRender as Option[]}\n      width={width}\n    />\n  )\n}\n\nexport const TextField = withCondition(TextFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAKxD,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,OAAO;AAEP,SAASA,SAAS;AAElB,MAAMC,kBAAA,GAA+CC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACnD;IAAAe,KAAA;IAAAA,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,QAAA,EAAAC,yBAAA;IAAAC;EAAA,IA0BIP,KAAA;EAxBK;IAAAQ,IAAA;IAAAC,KAAA,EAAAC,aAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAjB,EAoBN;EAAA,IAAAkB,EAAA;EAAA,IAAApB,CAAA,QAAAW,EAAA;IAjBQS,EAAA,GAAAT,EAQD,KAAAU,SAAA,QARCV,EAQD;IAAAX,CAAA,MAAAW,EAAA;IAAAX,CAAA,MAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EARC;IAAAsB,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAApB,QAAA,EAAAqB,iBAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAR,EAQD;EAcV,MAAAS,iBAAA,GAA0BxB,yBAAA,IAA6BoB,iBAAA;EAEvD,MAAAK,MAAA,GAAenC,SAAA;EAEf;IAAAoC,MAAA,EAAAC;EAAA,IAEItC,SAAA;EADM;IAAAuC,YAAA,EAAAC;EAAA,IAAAF,EAAoC;EAAA,IAAAG,EAAA;EAAA,IAAAnC,CAAA,QAAAM,QAAA,IAAAN,CAAA,QAAAe,SAAA,IAAAf,CAAA,QAAAiB,SAAA,IAAAjB,CAAA,QAAAmB,QAAA;IAI5CgB,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;MAAA,IACM,OAAO/B,QAAA,KAAa;QAAA,OACfA,QAAA,CAAS8B,KAAA;UAAA,GAAYC,OAAO;UAAAtB,SAAA;UAAAE,SAAA;UAAAE;QAAA,CAAiC;MAAA;IAAA;IACxEnB,CAAA,MAAAM,QAAA;IAAAN,CAAA,MAAAe,SAAA;IAAAf,CAAA,MAAAiB,SAAA;IAAAjB,CAAA,MAAAmB,QAAA;IAAAnB,CAAA,MAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EAJF,MAAAsC,gBAAA,GAAyBH,EAKmB;EAG5C;IAAAI,IAAA,EAAAC,eAAA;IAAApC,QAAA,EAAAqC;EAAA,IAAiElD,aAAA;EAGzD,MAAAmD,EAAA,GAAAF,eAAA,IAAmB/B,aAAA,IAAiBF,IAAA;EAAA,IAAAoC,EAAA;EAAA,IAAA3C,CAAA,QAAA0C,EAAA,IAAA1C,CAAA,QAAAsC,gBAAA;IAD4CK,EAAA;MAAAJ,IAAA,EAChFG,EAAoC;MAAApC,QAAA,EAChCgC;IAAA;IACZtC,CAAA,MAAA0C,EAAA;IAAA1C,CAAA,MAAAsC,gBAAA;IAAAtC,CAAA,MAAA2C,EAAA;EAAA;IAAAA,EAAA,GAAA3C,CAAA;EAAA;EAHA;IAAA4C,gBAAA;IAAAC,cAAA;IAAAN,IAAA;IAAAO,QAAA;IAAAC,SAAA;IAAAX,KAAA,EAAAY;EAAA,IAA+ExD,QAAA,CAASmD,EAGxF;EAEA,MAAAM,QAAA,GAAiBpB,iBAAA,IAAqBY,mBAAA,IAAuBI,cAAA,IAAkBD,gBAAA;EAE/E,MAAAM,SAAA,GAAkBtD,UAAA;IAAAuD,cAAA,EACArC,SAAA;IAAAsC,QAAA,EACN1B,GAAA;IAAAI,MAAA;IAAAI,kBAAA,EAEUA,kBAAA,IAAAb;EAAsB,CAC5C;EAAA,IAAAgC,EAAA;EAAA,IAAArD,CAAA,SAAAsD,MAAA,CAAAC,GAAA;IAIEF,EAAA;IAAErD,CAAA,OAAAqD,EAAA;EAAA;IAAAA,EAAA,GAAArD,CAAA;EAAA;EAFJ,OAAAwD,aAAA,EAAAC,gBAAA,IAA0CnE,QAAA,CAExC+D,EAAE;;;IAGFK,EAAA,GAAAC,cAAA;MAAA,KACOV,QAAA;QACCW,GAAA,CAAAA,QAAA;QAAA,KACCD,cAAA;UACHC,QAAA,CAAAA,CAAA,CAAAA,EAAA;QAAA;UAAA,IACSC,KAAA,CAAAC,OAAA,CAAcH,cAAA;YACvBC,QAAA,CAAAA,CAAA,CAAWD,cAAA,CAAAI,GAAA,CAAAC,MAAA,IAA+BA,MAAA,CAAA5B,KAAA,EAAAA,KAAA,IAAuB4B,MAAA,CAAA5B,KAAY;UAA7E;YAEAwB,QAAA,CAAAA,CAAA,CAAAA,CAAYD,cAAA,CAAAvB,KAAA,EAAAA,KAAA,IAA+BuB,cAAA,CAAAvB,KAAoB;UAA/D;QAAA;QAGFU,QAAA,CAASc,QAAA;MAAA;IAAA;IAEb5D,CAAA,OAAAiD,QAAA;IAAAjD,CAAA,OAAA8C,QAAA;IAAA9C,CAAA,OAAA0D,EAAA;EAAA;IAAAA,EAAA,GAAA1D,CAAA;EAAA;EAdF,MAAAiE,mBAAA,GAA4BP,EAeN;EAAA,IAAAQ,EAAA;EAAA,IAAAC,GAAA;EAAA,IAAAnE,CAAA,SAAAY,OAAA,IAAAZ,CAAA,SAAAgD,OAAA;IAIZkB,EAAA,GAAAA,CAAA;MAAA,IACJtD,OAAA,IAAWiD,KAAA,CAAAC,OAAA,CAAc1B,OAAA;QAC3BqB,gBAAA,CACErB,OAAA,CAAA2B,GAAA,EAAAK,GAAA,EAAAC,KAAA;UAAAC,EAAA,EAEQ,GAAGF,GAAA,GAAMC,KAAA,EAAO;UAAAxD,KAAA,EACb,GAAGuD,GAAA,EAAK;UAAAhC,KAAA;YAAAmC,QAAA,EAAAA,CAAA,KAGG,GAAGH,GAAA,GAAMC,KAAA,EAAO;YAAAjC,KAAA,EACzBgC,GAAA,EAAAhC,KAAA,IAAcgC;UAAA;QAAA,EAG3B;MAAA;IAAA;IAGHD,GAAA,IAAC/B,OAAA,EAAOxB,OAAA;IAAQZ,CAAA,OAAAY,OAAA;IAAAZ,CAAA,OAAAgD,OAAA;IAAAhD,CAAA,OAAAkE,EAAA;IAAAlE,CAAA,OAAAmE,GAAA;EAAA;IAAAD,EAAA,GAAAlE,CAAA;IAAAmE,GAAA,GAAAnE,CAAA;EAAA;EAhBnBX,SAAA,CAAU6E,EAgBV,EAAGC,GAAgB;EAAA,IAAAK,GAAA;EAAA,IAAAxE,CAAA,SAAAY,OAAA,IAAAZ,CAAA,SAAAiE,mBAAA,IAAAjE,CAAA,SAAA8C,QAAA;IAiBb0B,GAAA,GAAA5D,OAAA,GACIqD,mBAAA,GAAAQ,CAAA;MAEE3B,QAAA,CAAS2B,CAAA,CAAAC,MAAA,CAAAtC,KAAc;IAAA,CACzB;IAAApC,CAAA,OAAAY,OAAA;IAAAZ,CAAA,OAAAiE,mBAAA;IAAAjE,CAAA,OAAA8C,QAAA;IAAA9C,CAAA,OAAAwE,GAAA;EAAA;IAAAA,GAAA,GAAAxE,CAAA;EAAA;EAAA,OAlBR2E,IAAA,CAAA9E,SAAA;IAAA+E,WAAA,EACe3E,KAAA,EAAAS,KAAA,EAAAmE,UAAA,EAAAD,WAAA;IAAAE,KAAA,EACN7E,KAAA,EAAAS,KAAA,EAAAmE,UAAA,EAAAC,KAAA;IAAAC,KAAA,EACA9E,KAAA,EAAAS,KAAA,EAAAmE,UAAA,EAAAE,KAAA;IAAAC,UAAA,EACK/E,KAAA,EAAAS,KAAA,EAAAmE,UAAA,EAAAG,UAAA;IAAAC,WAAA,EACChF,KAAA,EAAAS,KAAA,EAAAmE,UAAA,EAAAI,WAAA;IAAA3D,SAAA;IAAAC,WAAA;IAAAX,OAAA;IAAAT,QAAA;IAAAU,KAAA;IAAAG,OAAA;IAAAE,OAAA;IAAAgE,QAAA,EASXV,GAII;IAAAjC,IAAA;IAAAf,WAAA;IAAApB,QAAA,EAII6C,QAAA;IAAA9B,QAAA;IAAAO,GAAA,EAELwB,SAAA;IAAAH,SAAA;IAAApB,KAAA;IAAAS,KAAA,EAGEA,OAAC,IAAoB;IAAAoB,aAAA;IAAA5B;EAAA,C;CAKlC;AAEA,OAAO,MAAMuD,SAAA,GAAY1F,aAAA,CAAcK,kBAAA","ignoreList":[]}

package/dist/fields/Text/index.scss

@@ -10,6 +10,12 @@
   }
 }
 
+.has-many {
+  .rs__input-container {
+    overflow: hidden;
+  }
+}
+
 html[data-theme='light'] {
   .field-type.text {
     &.error {

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

@@ -1,34 +1,39 @@
-import type { TextField } from 'payload';
+import type { MappedComponent, StaticDescription, StaticLabel } from 'payload';
 import type { ChangeEvent } from 'react';
+import type React from 'react';
 import type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js';
-import type { FormFieldBase } from '../shared/index.js';
-export type TextFieldProps = FormFieldBase & {
-    hasMany?: boolean;
-    inputRef?: React.MutableRefObject<HTMLInputElement>;
-    maxLength?: number;
-    maxRows?: number;
-    minLength?: number;
-    minRows?: number;
-    name?: string;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    path?: string;
-    placeholder?: TextField['admin']['placeholder'];
-    width?: string;
-};
 export type SharedTextFieldProps = {
-    hasMany?: false;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    readonly hasMany?: false;
+    readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 } | {
-    hasMany?: true;
-    onChange?: ReactSelectAdapterProps['onChange'];
-};
-export type TextInputProps = Omit<TextFieldProps, 'type'> & SharedTextFieldProps & {
-    inputRef?: React.MutableRefObject<HTMLInputElement>;
-    maxRows?: number;
-    minRows?: number;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    showError?: boolean;
-    value?: string;
-    valueToRender?: Option[];
+    readonly hasMany?: true;
+    readonly onChange?: ReactSelectAdapterProps['onChange'];
 };
+export type TextInputProps = {
+    readonly Description?: MappedComponent;
+    readonly Error?: MappedComponent;
+    readonly Label?: MappedComponent;
+    readonly afterInput?: MappedComponent[];
+    readonly beforeInput?: MappedComponent[];
+    readonly className?: string;
+    readonly description?: StaticDescription;
+    readonly descriptionProps?: Record<string, unknown>;
+    readonly errorProps?: Record<string, unknown>;
+    readonly inputRef?: React.RefObject<HTMLInputElement>;
+    readonly label: StaticLabel;
+    readonly labelProps?: Record<string, unknown>;
+    readonly maxRows?: number;
+    readonly minRows?: number;
+    readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    readonly path: string;
+    readonly placeholder?: Record<string, string> | string;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly rtl?: boolean;
+    readonly showError?: boolean;
+    readonly style?: React.CSSProperties;
+    readonly value?: string;
+    readonly valueToRender?: Option[];
+    readonly width?: string;
+} & SharedTextFieldProps;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAC1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,oBAAoB,GAC5B;IACE,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CACtD,GACD;IACE,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CAC/C,CAAA;AAEL,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GACvD,oBAAoB,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CACzB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,oBAAoB,GAC5B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D,GACD;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CACxD,CAAA;AAEL,MAAM,MAAM,cAAc,GAAG;IAC3B,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,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,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,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,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,EAAE,CAAA;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,oBAAoB,CAAA"}

package/dist/fields/Text/types.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Text/types.ts"],"sourcesContent":["import type { TextField } from 'payload'\nimport type { ChangeEvent } from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type TextFieldProps = FormFieldBase & {\n  hasMany?: boolean\n  inputRef?: React.MutableRefObject<HTMLInputElement>\n  maxLength?: number\n  maxRows?: number\n  minLength?: number\n  minRows?: number\n  name?: string\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  path?: string\n  placeholder?: TextField['admin']['placeholder']\n  width?: string\n}\n\nexport type SharedTextFieldProps =\n  | {\n      hasMany?: false\n      onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n    }\n  | {\n      hasMany?: true\n      onChange?: ReactSelectAdapterProps['onChange']\n    }\n\nexport type TextInputProps = Omit<TextFieldProps, 'type'> &\n  SharedTextFieldProps & {\n    inputRef?: React.MutableRefObject<HTMLInputElement>\n    maxRows?: number\n    minRows?: number\n    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n    showError?: boolean\n    value?: string\n    valueToRender?: Option[]\n  }\n"],"names":[],"rangeMappings":"","mappings":"AA8BA,WASG"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Text/types.ts"],"sourcesContent":["import type { MappedComponent, StaticDescription, StaticLabel } from 'payload'\nimport type { ChangeEvent } from 'react'\nimport type React from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedTextFieldProps =\n  | {\n      readonly hasMany?: false\n      readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n    }\n  | {\n      readonly hasMany?: true\n      readonly onChange?: ReactSelectAdapterProps['onChange']\n    }\n\nexport type TextInputProps = {\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 maxRows?: number\n  readonly minRows?: number\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: Record<string, string> | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: Option[]\n  readonly width?: string\n} & SharedTextFieldProps\n"],"mappings":"AAgBA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAOpD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6EtD,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyEtD,CAAA"}

package/dist/fields/Textarea/Input.js

@@ -1,76 +1,158 @@
 '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 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';
 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 { i18n } = useTranslation();
-    return /*#__PURE__*/ _jsxs("div", {
-        className: [
-            fieldBaseClass,
-            'textarea',
-            className,
-            showError && 'error',
-            readOnly && 'read-only'
-        ].filter(Boolean).join(' '),
-        style: {
-            ...style,
-            width
-        },
-        children: [
-            /*#__PURE__*/ _jsx(FieldLabel, {
-                CustomLabel: CustomLabel,
-                label: label,
-                required: required,
-                ...labelProps || {}
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${fieldBaseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsx(FieldError, {
-                        CustomError: CustomError,
-                        path: path,
-                        ...errorProps || {}
-                    }),
-                    BeforeInput,
-                    /*#__PURE__*/ _jsx("label", {
-                        className: "textarea-outer",
-                        htmlFor: `field-${path.replace(/\./g, '__')}`,
-                        children: /*#__PURE__*/ _jsxs("div", {
-                            className: "textarea-inner",
-                            children: [
-                                /*#__PURE__*/ _jsx("div", {
-                                    className: "textarea-clone",
-                                    "data-value": value || placeholder || ''
-                                }),
-                                /*#__PURE__*/ _jsx("textarea", {
-                                    className: "textarea-element",
-                                    "data-rtl": rtl,
-                                    disabled: readOnly,
-                                    id: `field-${path.replace(/\./g, '__')}`,
-                                    name: path,
-                                    onChange: onChange,
-                                    placeholder: getTranslation(placeholder, i18n),
-                                    rows: rows,
-                                    value: value || ''
-                                })
-                            ]
-                        })
-                    }),
-                    AfterInput,
-                    CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
-                        ...descriptionProps || {}
-                    })
-                ]
-            })
-        ]
+export const TextareaInput = props => {
+  const $ = _c(33);
+  const {
+    Description,
+    Error,
+    Label,
+    afterInput,
+    beforeInput,
+    className,
+    description,
+    descriptionProps,
+    errorProps,
+    label,
+    labelProps,
+    onChange,
+    path,
+    placeholder,
+    readOnly,
+    required,
+    rows,
+    rtl,
+    showError,
+    style,
+    value,
+    width
+  } = props;
+  const {
+    i18n
+  } = useTranslation();
+  const t0 = showError && "error";
+  const t1 = readOnly && "read-only";
+  let t2;
+  if ($[0] !== className || $[1] !== t0 || $[2] !== t1) {
+    t2 = [fieldBaseClass, "textarea", className, t0, t1].filter(Boolean);
+    $[0] = className;
+    $[1] = t0;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const t3 = t2.join(" ");
+  let t4;
+  if ($[4] !== style || $[5] !== width || $[6] !== labelProps || $[7] !== Label || $[8] !== label || $[9] !== required || $[10] !== errorProps || $[11] !== Error || $[12] !== path || $[13] !== beforeInput || $[14] !== value || $[15] !== placeholder || $[16] !== i18n || $[17] !== rtl || $[18] !== readOnly || $[19] !== onChange || $[20] !== rows || $[21] !== afterInput || $[22] !== descriptionProps || $[23] !== Description || $[24] !== description || $[25] !== t3) {
+    let t5;
+    if ($[27] !== labelProps) {
+      t5 = labelProps || {};
+      $[27] = labelProps;
+      $[28] = t5;
+    } else {
+      t5 = $[28];
+    }
+    let t6;
+    if ($[29] !== errorProps) {
+      t6 = errorProps || {};
+      $[29] = errorProps;
+      $[30] = t6;
+    } else {
+      t6 = $[30];
+    }
+    let t7;
+    if ($[31] !== descriptionProps) {
+      t7 = descriptionProps || {};
+      $[31] = descriptionProps;
+      $[32] = t7;
+    } else {
+      t7 = $[32];
+    }
+    t4 = _jsxs("div", {
+      className: t3,
+      style: {
+        ...style,
+        width
+      },
+      children: [_jsx(FieldLabel, {
+        Label,
+        label,
+        required,
+        ...t5
+      }), _jsxs("div", {
+        className: `${fieldBaseClass}__wrap`,
+        children: [_jsx(FieldError, {
+          CustomError: Error,
+          path,
+          ...t6
+        }), _jsx(RenderComponent, {
+          mappedComponent: beforeInput
+        }), _jsx("label", {
+          className: "textarea-outer",
+          htmlFor: `field-${path.replace(/\./g, "__")}`,
+          children: _jsxs("div", {
+            className: "textarea-inner",
+            children: [_jsx("div", {
+              className: "textarea-clone",
+              "data-value": value || placeholder || ""
+            }), _jsx("textarea", {
+              className: "textarea-element",
+              "data-rtl": rtl,
+              disabled: readOnly,
+              id: `field-${path.replace(/\./g, "__")}`,
+              name: path,
+              onChange,
+              placeholder: getTranslation(placeholder, i18n),
+              rows,
+              value: value || ""
+            })]
+          })
+        }), _jsx(RenderComponent, {
+          mappedComponent: afterInput
+        }), _jsx(FieldDescription, {
+          Description,
+          description,
+          ...t7
+        })]
+      })]
     });
+    $[4] = style;
+    $[5] = width;
+    $[6] = labelProps;
+    $[7] = Label;
+    $[8] = label;
+    $[9] = required;
+    $[10] = errorProps;
+    $[11] = Error;
+    $[12] = path;
+    $[13] = beforeInput;
+    $[14] = value;
+    $[15] = placeholder;
+    $[16] = i18n;
+    $[17] = rtl;
+    $[18] = readOnly;
+    $[19] = onChange;
+    $[20] = rows;
+    $[21] = afterInput;
+    $[22] = descriptionProps;
+    $[23] = Description;
+    $[24] = description;
+    $[25] = t3;
+    $[26] = t4;
+  } else {
+    t4 = $[26];
+  }
+  return t4;
 };
-
 //# sourceMappingURL=Input.js.map

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,"file":"Input.js","names":["c","_c","getTranslation","React","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","TextareaInput","props","$","Description","Error","Label","afterInput","beforeInput","className","description","descriptionProps","errorProps","label","labelProps","onChange","path","placeholder","readOnly","required","rows","rtl","showError","style","value","width","i18n","t0","t1","t2","filter","Boolean","t3","join","t4","t5","t6","t7","_jsxs","children","_jsx","CustomError","mappedComponent","htmlFor","replace","disabled","id","name"],"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    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 Label={Label} label={label} required={required} {...(labelProps || {})} />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={Error} 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          {...(descriptionProps || {})}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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;AAuF5C,eAAO,MAAM,aAAa,8BAAwC,CAAA"}