@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

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

@@ -1 +1 @@
-{"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      field={field}\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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useState","useField","withCondition","useConfig","useLocale","isFieldRTL","TextInput","TextFieldComponent","props","$","field","t0","inputRef","path","pathFromProps","readOnly","validate","name","admin","t1","hasMany","label","localized","maxLength","maxRows","minLength","minRows","required","t2","undefined","className","description","placeholder","rtl","style","width","locale","config","t3","localization","localizationConfig","t4","value","options","memoizedValidate","t5","customComponents","t6","setValue","showError","value_0","t7","AfterInput","BeforeInput","Description","Error","Label","renderRTL","fieldLocalized","fieldRTL","t8","Symbol","for","valueToRender","setValueToRender","t9","selectedOption","newValue","Array","isArray","map","option","handleHasManyChange","t10","t11","val","index","id","toString","t12","e","target","_jsx","onChange","TextField"],"sources":["../../../src/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } 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 { 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 './index.scss'\nimport { TextInput } from './Input.js'\n\nexport { TextInput, TextInputProps }\n\nconst TextFieldComponent: TextFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, placeholder, rtl, style, width } = {},\n      hasMany,\n      label,\n      localized,\n      maxLength,\n      maxRows,\n      minLength,\n      minRows,\n      required,\n    },\n    inputRef,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const path = pathFromProps ?? name\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    },\n    [validate, minLength, maxLength, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\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 (!readOnly) {\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    [readOnly, 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      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      inputRef={inputRef}\n      Label={Label}\n      label={label}\n      localized={localized}\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={readOnly}\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":"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","ignoreList":[]}

package/dist/fields/Text/index.scss

@@ -1,36 +1,38 @@
 @import '../../scss/styles.scss';
 
-.field-type.text {
-  position: relative;
+@layer payload-default {
+  .field-type.text {
+    position: relative;
 
-  &:not(.has-many) {
-    input {
-      @include formInput;
+    &:not(.has-many) {
+      input {
+        @include formInput;
+      }
     }
   }
-}
 
-.has-many {
-  .rs__input-container {
-    overflow: hidden;
+  .has-many {
+    .rs__input-container {
+      overflow: hidden;
+    }
   }
-}
 
-html[data-theme='light'] {
-  .field-type.text {
-    &.error {
-      input {
-        @include lightInputError;
+  html[data-theme='light'] {
+    .field-type.text {
+      &.error {
+        input {
+          @include lightInputError;
+        }
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .field-type.text {
-    &.error {
-      input {
-        @include darkInputError;
+  html[data-theme='dark'] {
+    .field-type.text {
+      &.error {
+        input {
+          @include darkInputError;
+        }
       }
     }
   }

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

@@ -1,7 +1,6 @@
-import type { MappedComponent, StaticDescription, StaticLabel, TextFieldClient } from 'payload';
+import type { StaticDescription, StaticLabel } from 'payload';
 import type { ChangeEvent } from 'react';
 import type React from 'react';
-import type { MarkOptional } from 'ts-essentials';
 import type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js';
 export type SharedTextFieldProps = {
     readonly hasMany?: false;
@@ -11,19 +10,16 @@ export type SharedTextFieldProps = {
     readonly onChange?: ReactSelectAdapterProps['onChange'];
 };
 export type TextInputProps = {
-    readonly Description?: MappedComponent;
-    readonly Error?: MappedComponent;
-    readonly Label?: MappedComponent;
-    readonly afterInput?: MappedComponent[];
-    readonly beforeInput?: MappedComponent[];
+    readonly AfterInput?: React.ReactNode;
+    readonly BeforeInput?: React.ReactNode;
     readonly className?: string;
+    readonly Description?: React.ReactNode;
     readonly description?: StaticDescription;
-    readonly descriptionProps?: Record<string, unknown>;
-    readonly errorProps?: Record<string, unknown>;
-    readonly field?: MarkOptional<TextFieldClient, 'type'>;
+    readonly Error?: React.ReactNode;
     readonly inputRef?: React.RefObject<HTMLInputElement>;
-    readonly label: StaticLabel;
-    readonly labelProps?: Record<string, unknown>;
+    readonly Label?: React.ReactNode;
+    readonly label?: StaticLabel;
+    readonly localized?: boolean;
     readonly maxRows?: number;
     readonly minRows?: number;
     readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
@@ -36,6 +32,6 @@ export type TextInputProps = {
     readonly style?: React.CSSProperties;
     readonly value?: string;
     readonly valueToRender?: Option[];
-    readonly width?: string;
+    readonly width?: React.CSSProperties['width'];
 } & 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,eAAe,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC/F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,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,KAAK,CAAC,EAAE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;IACtD,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,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,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,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,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,GAAG,oBAAoB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Text/types.ts"],"sourcesContent":["import type { MappedComponent, StaticDescription, StaticLabel, TextFieldClient } from 'payload'\nimport type { ChangeEvent } from 'react'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\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 field?: MarkOptional<TextFieldClient, 'type'>\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":"AAiBA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Text/types.ts"],"sourcesContent":["import type { 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 AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\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?: React.CSSProperties['width']\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;AAQpD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiFtD,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,CA8EtD,CAAA"}

package/dist/fields/Textarea/Input.js

@@ -4,28 +4,25 @@ 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 { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { FieldDescription } from '../../fields/FieldDescription/index.js';
+import { FieldError } from '../../fields/FieldError/index.js';
+import { FieldLabel } from '../../fields/FieldLabel/index.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 $ = _c(34);
+  const $ = _c(26);
   const {
+    AfterInput,
+    BeforeInput,
+    className,
     Description,
+    description,
     Error,
     Label,
-    afterInput,
-    beforeInput,
-    className,
-    description,
-    descriptionProps,
-    errorProps,
-    field,
     label,
-    labelProps,
+    localized,
     onChange,
     path,
     placeholder,
@@ -55,53 +52,30 @@ export const TextareaInput = props => {
   }
   const t3 = t2.join(" ");
   let t4;
-  if ($[4] !== style || $[5] !== width || $[6] !== labelProps || $[7] !== Label || $[8] !== field || $[9] !== label || $[10] !== required || $[11] !== errorProps || $[12] !== Error || $[13] !== path || $[14] !== beforeInput || $[15] !== value || $[16] !== placeholder || $[17] !== i18n || $[18] !== rtl || $[19] !== readOnly || $[20] !== onChange || $[21] !== rows || $[22] !== afterInput || $[23] !== descriptionProps || $[24] !== Description || $[25] !== description || $[26] !== t3) {
-    let t5;
-    if ($[28] !== labelProps) {
-      t5 = labelProps || {};
-      $[28] = labelProps;
-      $[29] = t5;
-    } else {
-      t5 = $[29];
-    }
-    let t6;
-    if ($[30] !== errorProps) {
-      t6 = errorProps || {};
-      $[30] = errorProps;
-      $[31] = t6;
-    } else {
-      t6 = $[31];
-    }
-    let t7;
-    if ($[32] !== descriptionProps) {
-      t7 = descriptionProps || {};
-      $[32] = descriptionProps;
-      $[33] = t7;
-    } else {
-      t7 = $[33];
-    }
+  if ($[4] !== style || $[5] !== width || $[6] !== label || $[7] !== localized || $[8] !== path || $[9] !== required || $[10] !== Label || $[11] !== showError || $[12] !== Error || $[13] !== value || $[14] !== placeholder || $[15] !== i18n || $[16] !== rtl || $[17] !== readOnly || $[18] !== onChange || $[19] !== rows || $[20] !== description || $[21] !== Description || $[22] !== BeforeInput || $[23] !== AfterInput || $[24] !== t3) {
     t4 = _jsxs("div", {
       className: t3,
       style: {
         ...style,
         width
       },
-      children: [_jsx(FieldLabel, {
-        Label,
-        field,
-        label,
-        required,
-        ...t5
+      children: [_jsx(RenderCustomComponent, {
+        CustomComponent: Label,
+        Fallback: _jsx(FieldLabel, {
+          label,
+          localized,
+          path,
+          required
+        })
       }), _jsxs("div", {
         className: `${fieldBaseClass}__wrap`,
-        children: [_jsx(FieldError, {
-          CustomError: Error,
-          field,
-          path,
-          ...t6
-        }), _jsx(RenderComponent, {
-          mappedComponent: beforeInput
-        }), _jsx("label", {
+        children: [_jsx(RenderCustomComponent, {
+          CustomComponent: Error,
+          Fallback: _jsx(FieldError, {
+            path,
+            showError
+          })
+        }), BeforeInput, _jsx("label", {
           className: "textarea-outer",
           htmlFor: `field-${path.replace(/\./g, "__")}`,
           children: _jsxs("div", {
@@ -121,42 +95,39 @@ export const TextareaInput = props => {
               value: value || ""
             })]
           })
-        }), _jsx(RenderComponent, {
-          mappedComponent: afterInput
-        }), _jsx(FieldDescription, {
-          Description,
-          description,
-          field,
-          ...t7
+        }), AfterInput, _jsx(RenderCustomComponent, {
+          CustomComponent: Description,
+          Fallback: _jsx(FieldDescription, {
+            description,
+            path
+          })
         })]
       })]
     });
     $[4] = style;
     $[5] = width;
-    $[6] = labelProps;
-    $[7] = Label;
-    $[8] = field;
-    $[9] = label;
-    $[10] = required;
-    $[11] = errorProps;
+    $[6] = label;
+    $[7] = localized;
+    $[8] = path;
+    $[9] = required;
+    $[10] = Label;
+    $[11] = showError;
     $[12] = Error;
-    $[13] = path;
-    $[14] = beforeInput;
-    $[15] = value;
-    $[16] = placeholder;
-    $[17] = i18n;
-    $[18] = rtl;
-    $[19] = readOnly;
-    $[20] = onChange;
-    $[21] = rows;
-    $[22] = afterInput;
-    $[23] = descriptionProps;
-    $[24] = Description;
-    $[25] = description;
-    $[26] = t3;
-    $[27] = t4;
+    $[13] = value;
+    $[14] = placeholder;
+    $[15] = i18n;
+    $[16] = rtl;
+    $[17] = readOnly;
+    $[18] = onChange;
+    $[19] = rows;
+    $[20] = description;
+    $[21] = Description;
+    $[22] = BeforeInput;
+    $[23] = AfterInput;
+    $[24] = t3;
+    $[25] = t4;
   } else {
-    t4 = $[27];
+    t4 = $[25];
   }
   return t4;
 };

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

@@ -1 +1 @@
-{"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","field","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    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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextareaInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","Label","label","localized","onChange","path","placeholder","readOnly","required","rows","rtl","showError","style","value","width","i18n","t0","t1","t2","filter","Boolean","t3","join","t4","_jsxs","children","_jsx","CustomComponent","Fallback","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 { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/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    className,\n    Description,\n    description,\n    Error,\n    Label,\n    label,\n    localized,\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      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\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        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,15 @@
-import type { TextareaFieldProps } from 'payload';
+import type { TextareaFieldValidation } from 'payload';
 import React from 'react';
 import type { TextAreaInputProps } from './types.js';
-import { TextareaInput } from './Input.js';
 import './index.scss';
-export { TextAreaInputProps, TextareaInput };
-export declare const TextareaField: React.FC<TextareaFieldProps>;
+import { TextareaInput } from './Input.js';
+export { TextareaInput, TextAreaInputProps };
+export declare const TextareaField: React.FC<{
+    readonly inputRef?: React.Ref<HTMLInputElement>;
+    readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    readonly path?: string;
+    readonly validate?: TextareaFieldValidation;
+} & {
+    readonly field: Omit<import("payload").TextareaFieldClient, "type"> & Partial<Pick<import("payload").TextareaFieldClient, "type">>;
+} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# 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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgC,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGpF,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA;AAiF5C,eAAO,MAAM,aAAa;wBA/EI,MAAM,GAAG;yBAEnC,MAAE,oBAEL;;;;;+EA2EiE,CAAA"}

package/dist/fields/Textarea/index.js

@@ -4,30 +4,25 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback } from 'react';
-import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { isFieldRTL } from '../shared/index.js';
-import { TextareaInput } from './Input.js';
 import './index.scss';
+import { TextareaInput } from './Input.js';
 export { TextareaInput };
 const TextareaFieldComponent = props => {
-  const $ = _c(12);
+  const $ = _c(14);
   const {
-    descriptionProps,
-    errorProps,
-    field,
     field: t0,
-    labelProps,
-    locale,
-    readOnly: readOnlyFromTopLevelProps,
+    path: pathFromProps,
+    readOnly,
     validate
   } = props;
   const {
     name,
-    _path: pathFromProps,
     admin: t1,
     label,
     localized,
@@ -47,13 +42,12 @@ const TextareaFieldComponent = props => {
     className,
     description,
     placeholder,
-    readOnly: readOnlyFromAdmin,
     rows,
     rtl,
     style,
     width
   } = t2;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const path = pathFromProps ?? name;
   const {
     i18n
   } = useTranslation();
@@ -63,6 +57,7 @@ const TextareaFieldComponent = props => {
   const {
     localization
   } = t3;
+  const locale = useLocale();
   const isRTL = isFieldRTL({
     fieldLocalized: localized,
     fieldRTL: rtl,
@@ -90,58 +85,63 @@ const TextareaFieldComponent = props => {
     t4 = $[6];
   }
   const memoizedValidate = t4;
-  const {
-    path: pathFromContext,
-    readOnly: readOnlyFromContext
-  } = useFieldProps();
-  const t5 = pathFromContext ?? pathFromProps ?? name;
-  let t6;
-  if ($[7] !== t5 || $[8] !== memoizedValidate) {
-    t6 = {
-      path: t5,
+  let t5;
+  if ($[7] !== path || $[8] !== memoizedValidate) {
+    t5 = {
+      path,
       validate: memoizedValidate
     };
-    $[7] = t5;
+    $[7] = path;
     $[8] = memoizedValidate;
-    $[9] = t6;
+    $[9] = t5;
   } else {
-    t6 = $[9];
+    t5 = $[9];
   }
   const {
-    formInitializing,
-    formProcessing,
-    path,
+    customComponents: t6,
     setValue,
     showError,
     value: value_0
-  } = useField(t6);
-  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
+  } = useField(t5);
   let t7;
-  if ($[10] !== setValue) {
-    t7 = e => {
-      setValue(e.target.value);
-    };
-    $[10] = setValue;
+  if ($[10] !== t6) {
+    t7 = t6 === undefined ? {} : t6;
+    $[10] = t6;
     $[11] = t7;
   } else {
     t7 = $[11];
   }
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t7;
+  let t8;
+  if ($[12] !== setValue) {
+    t8 = e => {
+      setValue(e.target.value);
+    };
+    $[12] = setValue;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
   return _jsx(TextareaInput, {
-    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,
+    AfterInput,
+    BeforeInput,
     className,
+    Description,
     description,
-    descriptionProps,
-    errorProps,
+    Error,
+    Label,
     label,
-    labelProps,
-    onChange: t7,
+    localized,
+    onChange: t8,
     path,
     placeholder: getTranslation(placeholder, i18n),
-    readOnly: disabled,
+    readOnly,
     required,
     rows,
     rtl: isRTL,