@payloadcms/ui 3.0.0-canary.96477cf → 3.0.0-canary.98e0119

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","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","label","toString","t11","e","target","_jsx","afterInput","components","beforeInput","Description","Error","Label","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 { 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 './index.scss'\nimport { TextInput } from './Input.js'\n\nexport { TextInput, TextInputProps }\n\nconst TextFieldComponent: TextFieldClientComponent = (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      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    },\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={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      Description={field?.admin?.components?.Description}\n      description={description}\n      Error={field?.admin?.components?.Error}\n      field={field}\n      hasMany={hasMany}\n      inputRef={inputRef}\n      Label={field?.admin?.components?.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","readOnly","validate","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 { TextInput } from './Input.js'\nimport './index.scss'\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,\n    readOnly,\n    validate,\n  } = props\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 afterInput?: MappedComponent[];
-    readonly beforeInput?: MappedComponent[];
+    readonly AfterInput?: React.ReactNode;
+    readonly BeforeInput?: React.ReactNode;
     readonly className?: string;
-    readonly Description?: MappedComponent;
+    readonly Description?: React.ReactNode;
     readonly description?: StaticDescription;
-    readonly descriptionProps?: Record<string, unknown>;
-    readonly Error?: MappedComponent;
-    readonly errorProps?: Record<string, unknown>;
-    readonly field?: MarkOptional<TextFieldClient, 'type'>;
+    readonly Error?: React.ReactNode;
     readonly inputRef?: React.RefObject<HTMLInputElement>;
-    readonly Label?: MappedComponent;
+    readonly Label?: React.ReactNode;
     readonly label?: StaticLabel;
-    readonly labelProps?: Record<string, unknown>;
+    readonly localized?: boolean;
     readonly maxRows?: number;
     readonly minRows?: number;
     readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;

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,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,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnD,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,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,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,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,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,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 afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly Description?: MappedComponent\n  readonly description?: StaticDescription\n  readonly descriptionProps?: Record<string, unknown>\n  readonly Error?: MappedComponent\n  readonly errorProps?: Record<string, unknown>\n  readonly field?: MarkOptional<TextFieldClient, 'type'>\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly Label?: MappedComponent\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?: React.CSSProperties['width']\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,
+    AfterInput,
+    BeforeInput,
     className,
     Description,
     description,
-    descriptionProps,
     Error,
-    errorProps,
-    field,
     Label,
     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] !== field || $[8] !== Label || $[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, {
-        field,
-        Label,
-        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] = field;
-    $[8] = Label;
-    $[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","$","afterInput","beforeInput","className","Description","description","descriptionProps","Error","errorProps","field","Label","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    afterInput,\n    beforeInput,\n    className,\n    Description,\n    description,\n    descriptionProps,\n    Error,\n    errorProps,\n    field,\n    Label,\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        field={field}\n        Label={Label}\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

@@ -7,11 +7,9 @@ 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 descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<import("payload").TextareaFieldClient, "type"> & Partial<Pick<import("payload").TextareaFieldClient, "type">>>;
-    readonly errorProps?: import("payload").FieldErrorClientProps<Omit<import("payload").TextareaFieldClient, "type"> & Partial<Pick<import("payload").TextareaFieldClient, "type">>>;
     readonly field: Omit<import("payload").TextareaFieldClient, "type"> & Partial<Pick<import("payload").TextareaFieldClient, "type">>;
-    readonly labelProps?: import("payload").FieldLabelClientProps<Omit<import("payload").TextareaFieldClient, "type"> & Partial<Pick<import("payload").TextareaFieldClient, "type">>>;
-} & import("payload").FormFieldBase>;
+} & 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,EAAgC,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGpF,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AASpD,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA;AA+F5C,eAAO,MAAM,aAAa;wBA/FvB,MAAO,GAAG;yBAEF,MAAO,oBAAoB;;;;;;;oCA6F4B,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;AAgF5C,eAAO,MAAM,aAAa;wBA9EI,MAAM,GAAG;yBAEnC,MAAE,oBAEL;;;;;+EA0EiE,CAAA"}

package/dist/fields/Textarea/index.js

@@ -4,7 +4,6 @@ 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';
@@ -15,19 +14,14 @@ 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,
-    readOnly: readOnlyFromTopLevelProps,
+    path,
+    readOnly,
     validate
   } = props;
   const {
-    name,
-    _path: pathFromProps,
     admin: t1,
     label,
     localized,
@@ -47,23 +41,21 @@ const TextareaFieldComponent = props => {
     className,
     description,
     placeholder,
-    readOnly: readOnlyFromAdmin,
     rows,
     rtl,
     style,
     width
   } = t2;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
   const {
     i18n
   } = useTranslation();
-  const locale = useLocale();
   const {
     config: t3
   } = useConfig();
   const {
     localization
   } = t3;
+  const locale = useLocale();
   const isRTL = isFieldRTL({
     fieldLocalized: localized,
     fieldRTL: rtl,
@@ -91,58 +83,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, {
-    afterInput: field?.admin?.components?.afterInput,
-    beforeInput: field?.admin?.components?.beforeInput,
+    AfterInput,
+    BeforeInput,
     className,
-    Description: field?.admin?.components?.Description,
+    Description,
     description,
-    descriptionProps,
-    Error: field?.admin?.components?.Error,
-    errorProps,
+    Error,
+    Label,
     label,
-    Label: field?.admin?.components?.Label,
-    labelProps,
-    onChange: t7,
+    localized,
+    onChange: t8,
     path,
     placeholder: getTranslation(placeholder, i18n),
-    readOnly: disabled,
+    readOnly,
     required,
     rows,
     rtl: isRTL,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useFieldProps","useField","withCondition","useConfig","useLocale","useTranslation","isFieldRTL","TextareaInput","TextareaFieldComponent","props","$","descriptionProps","errorProps","field","t0","labelProps","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t1","label","localized","maxLength","minLength","required","t2","undefined","className","description","placeholder","readOnlyFromAdmin","rows","rtl","style","width","readOnlyFromProps","i18n","locale","config","t3","localization","isRTL","fieldLocalized","fieldRTL","localizationConfig","t4","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t5","t6","formInitializing","formProcessing","setValue","showError","value_0","disabled","t7","e","target","_jsx","afterInput","components","beforeInput","Description","Error","Label","onChange","TextareaField"],"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldClientComponent, 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 { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport './index.scss'\nimport { TextareaInput } from './Input.js'\n\nexport { TextareaInput, TextAreaInputProps }\n\nconst TextareaFieldComponent: TextareaFieldClientComponent = (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    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { i18n } = useTranslation()\n  const locale = useLocale()\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    },\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={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      Description={field?.admin?.components?.Description}\n      description={description}\n      descriptionProps={descriptionProps}\n      Error={field?.admin?.components?.Error}\n      errorProps={errorProps}\n      label={label}\n      Label={field?.admin?.components?.Label}\n      labelProps={labelProps}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={getTranslation(placeholder, i18n)}\n      readOnly={disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useField","withCondition","useConfig","useLocale","useTranslation","isFieldRTL","TextareaInput","TextareaFieldComponent","props","$","field","t0","path","readOnly","validate","admin","t1","label","localized","maxLength","minLength","required","t2","undefined","className","description","placeholder","rows","rtl","style","width","i18n","config","t3","localization","locale","isRTL","fieldLocalized","fieldRTL","localizationConfig","t4","value","options","memoizedValidate","t5","customComponents","t6","setValue","showError","value_0","t7","AfterInput","BeforeInput","Description","Error","Label","t8","e","target","_jsx","onChange","TextareaField"],"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldClientComponent, TextareaFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport type { TextAreaInputProps } 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 { useTranslation } from '../../providers/Translation/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport './index.scss'\nimport { TextareaInput } from './Input.js'\n\nexport { TextareaInput, TextAreaInputProps }\n\nconst TextareaFieldComponent: TextareaFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, placeholder, rows, rtl, style, width } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const locale = useLocale()\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    },\n    [validate, required, maxLength, minLength],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <TextareaInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      Label={Label}\n      label={label}\n      localized={localized}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={getTranslation(placeholder, i18n)}\n      readOnly={readOnly}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"mappings":"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","ignoreList":[]}