@payloadcms/ui 4.0.0-internal.183b315 → 4.0.0-internal.1a2a79e

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,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC7C,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,cAAc,CAAC,EAAE;QACxB,YAAY,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;QAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAA;QAC7D,QAAQ,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAA;KACtD,CAAA;IACD,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;CAClC,GAAG,oBAAoB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC7C,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,cAAc,CAAC,EAAE;QACxB,YAAY,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;QAC3D,YAAY,CAAC,EAAE,mBAAmB,CAAA;QAClC,QAAQ,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAA;KACtD,CAAA;IACD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,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;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAClC,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;CAClC,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 { StaticDescription, StaticLabel } from 'payload'\nimport type { ChangeEvent, JSX } 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 htmlAttributes?: {\n    'aria-label'?: JSX.IntrinsicElements['input']['aria-label']\n    autoComplete?: JSX.IntrinsicElements['input']['autoComplete']\n    readOnly?: JSX.IntrinsicElements['input']['readOnly']\n  }\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} & SharedTextFieldProps\n"],"mappings":"AAgBA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Text/types.ts"],"sourcesContent":["import type { BrowserAutoComplete, StaticDescription, StaticLabel } from 'payload'\nimport type { ChangeEvent, JSX } 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 htmlAttributes?: {\n    'aria-label'?: JSX.IntrinsicElements['input']['aria-label']\n    autoComplete?: BrowserAutoComplete\n    readOnly?: JSX.IntrinsicElements['input']['readOnly']\n  }\n  /**\n   * Overrides the input `id` and default label `htmlFor`. The generated ID is\n   * scoped to the field path, edit depth, and form UUID.\n   * Use to avoid duplicate IDs when two inputs share a path.\n   */\n  readonly id?: string\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  /**\n   * Controls the height of the input. Defaults to `'large'`.\n   */\n  readonly size?: 'large' | 'medium'\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: Option[]\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":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkFtD,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoFtD,CAAA"}

package/dist/fields/Textarea/Input.js

@@ -12,7 +12,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.css';
 export const TextareaInput = props => {
-  const $ = _c(26);
+  const $ = _c(32);
   const {
     AfterInput,
     BeforeInput,
@@ -31,55 +31,89 @@ export const TextareaInput = props => {
     rows,
     rtl,
     showError,
+    size: t0,
     style,
     value
   } = props;
+  const size = t0 === undefined ? "large" : t0;
   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);
+  const t1 = showError && "error";
+  const t2 = readOnly && "read-only";
+  let t3;
+  if ($[0] !== className || $[1] !== t1 || $[2] !== t2) {
+    t3 = [fieldBaseClass, "textarea", className, t1, t2].filter(Boolean);
     $[0] = className;
-    $[1] = t0;
-    $[2] = t1;
-    $[3] = t2;
+    $[1] = t1;
+    $[2] = t2;
+    $[3] = t3;
   } else {
-    t2 = $[3];
+    t3 = $[3];
   }
-  const t3 = t2.join(" ");
-  const t4 = `field-${path.replace(/\./g, "__")}`;
+  const t4 = t3.join(" ");
   let t5;
-  if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== description || $[10] !== i18n || $[11] !== label || $[12] !== localized || $[13] !== onChange || $[14] !== path || $[15] !== placeholder || $[16] !== readOnly || $[17] !== required || $[18] !== rows || $[19] !== rtl || $[20] !== showError || $[21] !== style || $[22] !== t3 || $[23] !== t4 || $[24] !== value) {
+  if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== description || $[10] !== i18n || $[11] !== label || $[12] !== localized || $[13] !== onChange || $[14] !== path || $[15] !== placeholder || $[16] !== readOnly || $[17] !== required || $[18] !== rows || $[19] !== rtl || $[20] !== showError || $[21] !== size || $[22] !== style || $[23] !== t4 || $[24] !== value) {
+    let t6;
+    if ($[26] !== path) {
+      let t7;
+      if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+        t7 = /\./g;
+        $[28] = t7;
+      } else {
+        t7 = $[28];
+      }
+      t6 = path.replace(t7, "__");
+      $[26] = path;
+      $[27] = t6;
+    } else {
+      t6 = $[27];
+    }
+    const t7 = _jsx(RenderCustomComponent, {
+      CustomComponent: Label,
+      Fallback: _jsx(FieldLabel, {
+        htmlFor: `field-${t6}`,
+        label,
+        localized,
+        path,
+        required
+      })
+    });
+    const t8 = _jsx(RenderCustomComponent, {
+      CustomComponent: Error,
+      Fallback: _jsx(FieldError, {
+        path,
+        showError
+      })
+    });
+    let t9;
+    if ($[29] !== path) {
+      let t10;
+      if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+        t10 = /\./g;
+        $[31] = t10;
+      } else {
+        t10 = $[31];
+      }
+      t9 = path.replace(t10, "__");
+      $[29] = path;
+      $[30] = t9;
+    } else {
+      t9 = $[30];
+    }
     t5 = _jsxs("div", {
-      className: t3,
+      className: t4,
+      "data-size": size,
       style,
-      children: [_jsx(RenderCustomComponent, {
-        CustomComponent: Label,
-        Fallback: _jsx(FieldLabel, {
-          htmlFor: t4,
-          label,
-          localized,
-          path,
-          required
-        })
-      }), _jsxs("div", {
+      children: [t7, _jsxs("div", {
         className: `${fieldBaseClass}__wrap`,
-        children: [_jsx(RenderCustomComponent, {
-          CustomComponent: Error,
-          Fallback: _jsx(FieldError, {
-            path,
-            showError
-          })
-        }), BeforeInput, _jsx("div", {
+        children: [t8, BeforeInput, _jsx("div", {
           className: "textarea-outer",
           children: _jsx("textarea", {
             className: "form-input",
             "data-rtl": rtl,
             disabled: readOnly,
-            id: `field-${path.replace(/\./g, "__")}`,
+            id: `field-${t9}`,
             name: path,
             onChange,
             placeholder: getTranslation(placeholder, i18n),
@@ -115,8 +149,8 @@ export const TextareaInput = props => {
     $[18] = rows;
     $[19] = rtl;
     $[20] = showError;
-    $[21] = style;
-    $[22] = t3;
+    $[21] = size;
+    $[22] = style;
     $[23] = t4;
     $[24] = value;
     $[25] = t5;

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

@@ -1 +1 @@
-{"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","i18n","t0","t1","t2","filter","Boolean","t3","join","t4","replace","t5","_jsxs","children","_jsx","CustomComponent","Fallback","htmlFor","disabled","id","name"],"sources":["../../../src/fields/Textarea/Input.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\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.css'\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  } = 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={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            htmlFor={`field-${path.replace(/\\./g, '__')}`}\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <div className=\"textarea-outer\">\n          <textarea\n            className=\"form-input\"\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            style={\n              {\n                '--rows': rows,\n              } as CSSProperties\n            }\n            value={value || ''}\n          />\n        </div>\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":[]}
+{"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","size","t0","style","value","undefined","i18n","t1","t2","t3","filter","Boolean","t4","join","t5","t6","t7","Symbol","for","replace","_jsx","CustomComponent","Fallback","htmlFor","t8","t10","t9","_jsxs","children","disabled","id","name"],"sources":["../../../src/fields/Textarea/Input.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\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.css'\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    size = 'large',\n    style,\n    value,\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      data-size={size}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            htmlFor={`field-${path.replace(/\\./g, '__')}`}\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <div className=\"textarea-outer\">\n          <textarea\n            className=\"form-input\"\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            style={\n              {\n                '--rows': rows,\n              } as CSSProperties\n            }\n            value={value || ''}\n          />\n        </div>\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.css

@@ -15,7 +15,7 @@
     textarea {
       overflow-y: auto;
       resize: vertical;
-      min-height: calc(var(--field-min-height) * 2);
+      min-height: calc(var(--field-min-height-large) * 2);
       height: auto;
       display: flex;
       field-sizing: content;

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

@@ -1,15 +1,8 @@
-import type { TextareaFieldValidation } from 'payload';
+import type { TextareaFieldClientProps } from 'payload';
 import React from 'react';
 import type { TextAreaInputProps } from './types.js';
 import './index.css';
 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">>;
+export declare const TextareaField: React.FC<TextareaFieldClientProps>;
 //# 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,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA;AAmF5C,eAAO,MAAM,aAAa;;;;;;;+EAAwC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAA2B,MAAM,SAAS,CAAA;AAGhF,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA;AAmF5C,eAAO,MAAM,aAAa,oCAAwC,CAAA"}

package/dist/fields/Textarea/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useMemo } from 'react';
@@ -14,34 +15,38 @@ import { isFieldRTL } from '../shared/index.js';
 import { TextareaInput } from './Input.js';
 export { TextareaInput };
 const TextareaFieldComponent = props => {
+  const $ = _c(12);
   const {
     field,
-    field: {
-      admin: {
-        className,
-        description,
-        placeholder,
-        rows,
-        rtl
-      } = {},
-      label,
-      localized,
-      maxLength,
-      minLength,
-      required
-    },
+    field: t0,
     path: pathFromProps,
     readOnly,
     validate
   } = props;
+  const {
+    admin: t1,
+    label,
+    localized,
+    maxLength,
+    minLength,
+    required
+  } = t0;
+  const {
+    className,
+    description,
+    placeholder,
+    rows,
+    rtl
+  } = t1 === undefined ? {} : t1;
   const {
     i18n
   } = useTranslation();
   const {
-    config: {
-      localization
-    }
+    config: t2
   } = useConfig();
+  const {
+    localization
+  } = t2;
   const locale = useLocale();
   const isRTL = isFieldRTL({
     fieldLocalized: localized,
@@ -49,54 +54,91 @@ const TextareaFieldComponent = props => {
     locale,
     localizationConfig: localization || undefined
   });
-  const memoizedValidate = useCallback((value, options) => {
-    if (typeof validate === 'function') {
-      return validate(value, {
-        ...options,
-        maxLength,
-        minLength,
-        required
-      });
-    }
-  }, [validate, required, maxLength, minLength]);
+  let t3;
+  if ($[0] !== maxLength || $[1] !== minLength || $[2] !== required || $[3] !== validate) {
+    t3 = (value, options) => {
+      if (typeof validate === "function") {
+        return validate(value, {
+          ...options,
+          maxLength,
+          minLength,
+          required
+        });
+      }
+    };
+    $[0] = maxLength;
+    $[1] = minLength;
+    $[2] = required;
+    $[3] = validate;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const memoizedValidate = t3;
+  let t4;
+  if ($[5] !== memoizedValidate || $[6] !== pathFromProps) {
+    t4 = {
+      potentiallyStalePath: pathFromProps,
+      validate: memoizedValidate
+    };
+    $[5] = memoizedValidate;
+    $[6] = pathFromProps;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
   const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
+    customComponents: t5,
     disabled,
     path,
     setValue,
     showError,
     value: value_0
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsx(TextareaInput, {
-    AfterInput: AfterInput,
-    BeforeInput: BeforeInput,
-    className: className,
-    Description: Description,
-    description: description,
-    Error: Error,
-    Label: Label,
-    label: label,
-    localized: localized,
-    onChange: e => {
+  } = useField(t4);
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t5 === undefined ? {} : t5;
+  let t6;
+  if ($[8] !== field) {
+    t6 = mergeFieldStyles(field);
+    $[8] = field;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const styles = t6;
+  let t7;
+  if ($[10] !== setValue) {
+    t7 = e => {
       setValue(e.target.value);
-    },
-    path: path,
+    };
+    $[10] = setValue;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  return _jsx(TextareaInput, {
+    AfterInput,
+    BeforeInput,
+    className,
+    Description,
+    description,
+    Error,
+    Label,
+    label,
+    localized,
+    onChange: t7,
+    path,
     placeholder: getTranslation(placeholder, i18n),
     readOnly: readOnly || disabled,
-    required: required,
-    rows: rows,
+    required,
+    rows,
     rtl: isRTL,
-    showError: showError,
+    showError,
     style: styles,
     value: value_0
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","useField","withCondition","useConfig","useLocale","useTranslation","mergeFieldStyles","isFieldRTL","TextareaInput","TextareaFieldComponent","props","field","admin","className","description","placeholder","rows","rtl","label","localized","maxLength","minLength","required","path","pathFromProps","readOnly","validate","i18n","config","localization","locale","isRTL","fieldLocalized","fieldRTL","localizationConfig","undefined","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","styles","_jsx","onChange","e","target","style","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, useMemo } 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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.css'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextareaInput } from './Input.js'\n\nexport { TextareaInput, TextAreaInputProps }\n\nconst TextareaFieldComponent: TextareaFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, rows, rtl } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    path: pathFromProps,\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    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\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 || disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={styles}\n      value={value}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAI5C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,OAAO;AACP,SAASC,UAAU,QAAQ;AAC3B,SAASC,aAAa,QAAQ;AAE9B,SAASA,aAAa;AAEtB,MAAMC,sBAAA,GAAwDC,KAAA;EAC5D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,WAAW;QAAEC,IAAI;QAAEC;MAAG,CAAE,GAAG,CAAC,CAAC;MAC9DC,KAAK;MACLC,SAAS;MACTC,SAAS;MACTC,SAAS;MACTC;IAAQ,CACT;IACDC,IAAA,EAAMC,aAAa;IACnBC,QAAQ;IACRC;EAAQ,CACT,GAAGhB,KAAA;EAEJ,MAAM;IAAEiB;EAAI,CAAE,GAAGtB,cAAA;EAEjB,MAAM;IACJuB,MAAA,EAAQ;MAAEC;IAAY;EAAE,CACzB,GAAG1B,SAAA;EAEJ,MAAM2B,MAAA,GAAS1B,SAAA;EAEf,MAAM2B,KAAA,GAAQxB,UAAA,CAAW;IACvByB,cAAA,EAAgBb,SAAA;IAChBc,QAAA,EAAUhB,GAAA;IACVa,MAAA;IACAI,kBAAA,EAAoBL,YAAA,IAAgBM;EACtC;EAEA,MAAMC,gBAAA,GAA4CrC,WAAA,CAChD,CAACsC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAOZ,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASW,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAElB,SAAA;QAAWC,SAAA;QAAWC;MAAS;IACtE;EACF,GACA,CAACI,QAAA,EAAUJ,QAAA,EAAUF,SAAA,EAAWC,SAAA,CAAU;EAG5C,MAAM;IACJkB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRtB,IAAI;IACJuB,QAAQ;IACRC,SAAS;IACTV,KAAK,EAALA;EAAK,CACN,GAAGpC,QAAA,CAAiB;IACnB+C,oBAAA,EAAsBxB,aAAA;IACtBE,QAAA,EAAUU;EACZ;EAEA,MAAMa,MAAA,GAASjD,OAAA,CAAQ,MAAMM,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEuC,IAAA,CAAC1C,aAAA;IACCgC,UAAA,EAAYA,UAAA;IACZC,WAAA,EAAaA,WAAA;IACb5B,SAAA,EAAWA,SAAA;IACX6B,WAAA,EAAaA,WAAA;IACb5B,WAAA,EAAaA,WAAA;IACb6B,KAAA,EAAOA,KAAA;IACPC,KAAA,EAAOA,KAAA;IACP1B,KAAA,EAAOA,KAAA;IACPC,SAAA,EAAWA,SAAA;IACXgC,QAAA,EAAWC,CAAA;MACTN,QAAA,CAASM,CAAA,CAAEC,MAAM,CAAChB,KAAK;IACzB;IACAd,IAAA,EAAMA,IAAA;IACNR,WAAA,EAAalB,cAAA,CAAekB,WAAA,EAAaY,IAAA;IACzCF,QAAA,EAAUA,QAAA,IAAYoB,QAAA;IACtBvB,QAAA,EAAUA,QAAA;IACVN,IAAA,EAAMA,IAAA;IACNC,GAAA,EAAKc,KAAA;IACLgB,SAAA,EAAWA,SAAA;IACXO,KAAA,EAAOL,MAAA;IACPZ,KAAA,EAAOA;;AAGb;AAEA,OAAO,MAAMkB,aAAA,GAAgBrD,aAAA,CAAcO,sBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useMemo","useField","withCondition","useConfig","useLocale","useTranslation","mergeFieldStyles","isFieldRTL","TextareaInput","TextareaFieldComponent","props","$","field","t0","path","pathFromProps","readOnly","validate","admin","t1","label","localized","maxLength","minLength","required","className","description","placeholder","rows","rtl","undefined","i18n","config","t2","localization","locale","isRTL","fieldLocalized","fieldRTL","localizationConfig","t3","value","options","memoizedValidate","t4","potentiallyStalePath","customComponents","t5","disabled","setValue","showError","value_0","AfterInput","BeforeInput","Description","Error","Label","t6","styles","t7","e","target","_jsx","onChange","style","TextareaField"],"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldClientProps, TextareaFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } 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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.css'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextareaInput } from './Input.js'\n\nexport { TextareaInput, TextAreaInputProps }\n\nconst TextareaFieldComponent: React.FC<TextareaFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, rows, rtl } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    path: pathFromProps,\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    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\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 || disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={styles}\n      value={value}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -21,6 +21,10 @@ export type TextAreaInputProps = {
     readonly rows?: number;
     readonly rtl?: boolean;
     readonly showError?: boolean;
+    /**
+     * Controls the height of the input. Defaults to `'large'`.
+     */
+    readonly size?: 'large' | 'medium';
     readonly style?: React.CSSProperties;
     readonly value?: string;
     readonly valueToRender?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,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,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACjE,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,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,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACjE,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Textarea/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type React from 'react'\n\nimport { type ChangeEvent } from 'react'\n\nexport type TextAreaInputProps = {\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 onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rows?: number\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: string\n}\n"],"mappings":"AAKA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Textarea/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type React from 'react'\n\nimport { type ChangeEvent } from 'react'\n\nexport type TextAreaInputProps = {\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 onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rows?: number\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  /**\n   * Controls the height of the input. Defaults to `'large'`.\n   */\n  readonly size?: 'large' | 'medium'\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: string\n}\n"],"mappings":"AAKA","ignoreList":[]}

package/dist/fields/Upload/HasMany/index.css

@@ -4,6 +4,10 @@
     max-width: 100%;
   }
 
+  .upload--has-many__drag {
+    cursor: grab;
+  }
+
   .upload--has-many__drag[aria-disabled='true']:hover {
     cursor: default;
   }

package/dist/fields/Upload/HasMany/index.js

@@ -109,7 +109,7 @@ export function UploadComponentHasMany(props) {
         }
         if (isImage(value_0.mimeType)) {
           thumbnailSrc = getBestFitFromSizes({
-            sizes: value_0.sizes,
+            sizes: value_0.variants,
             thumbnailURL: thumbnailSrc,
             url: src,
             width: value_0.width

package/dist/fields/Upload/HasMany/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","DraggableSortableItem","DraggableSortable","AlignJustifiedIcon","RelationshipContent","UploadCard","baseClass","getBestFitFromSizes","isImage","UploadComponentHasMany","props","$","className","displayPreview","fileDocs","isSortable","onRemove","onReorder","readonly","reloadDoc","serverURL","showCollectionSlug","t0","undefined","t1","moveFromIndex","moveToIndex","updatedArray","item","splice","moveRow","t2","index","updatedArray_0","length","removeItem","t3","filter","Boolean","t4","join","t5","t6","t7","moveFromIndex_0","moveToIndex_0","t8","index_0","relationTo","value","value_0","id","String","src","thumbnailSrc","url","toString","thumbnailURL","mimeType","sizes","width","_jsx","disabled","children","draggableSortableItemProps","ref","setNodeRef","style","transform","transition","zIndex","isDragging","_jsxs","readOnly","size","attributes","listeners","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","updatedAt","withMeta","x","y","height","ids","map","_temp","onDragEnd"],"sources":["../../../../src/fields/Upload/HasMany/index.tsx"],"sourcesContent":["'use client'\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../../elements/DraggableSortable/index.js'\nimport { AlignJustifiedIcon } from '../../../icons/AlignJustified/index.js'\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\n\nconst baseClass = 'upload upload--has-many'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\n\nimport './index.css'\n\nimport type { ReloadDoc } from '../types.js'\n\ntype Props = {\n  readonly className?: string\n  readonly displayPreview?: boolean\n  readonly fileDocs: {\n    relationTo: string\n    value: JsonObject\n  }[]\n  readonly isSortable?: boolean\n  readonly onRemove?: (value) => void\n  readonly onReorder?: (value) => void\n  readonly readonly?: boolean\n  readonly reloadDoc: ReloadDoc\n  readonly serverURL: string\n  readonly showCollectionSlug?: boolean\n}\n\nexport function UploadComponentHasMany(props: Props) {\n  const {\n    className,\n    displayPreview,\n    fileDocs,\n    isSortable,\n    onRemove,\n    onReorder,\n    readonly,\n    reloadDoc,\n    serverURL,\n    showCollectionSlug = false,\n  } = props\n\n  const moveRow = React.useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      const updatedArray = [...fileDocs]\n      const [item] = updatedArray.splice(moveFromIndex, 1)\n\n      updatedArray.splice(moveToIndex, 0, item)\n\n      onReorder(updatedArray)\n    },\n    [fileDocs, onReorder],\n  )\n\n  const removeItem = React.useCallback(\n    (index: number) => {\n      const updatedArray = [...(fileDocs || [])]\n      updatedArray.splice(index, 1)\n      onRemove(updatedArray.length === 0 ? [] : updatedArray)\n    },\n    [fileDocs, onRemove],\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <DraggableSortable\n        className={`${baseClass}__draggable-rows`}\n        ids={fileDocs?.map(({ value }) => String(value.id))}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n      >\n        {fileDocs.map(({ relationTo, value }, index) => {\n          const id = String(value.id)\n          let src: string\n          let thumbnailSrc: string\n\n          if (value.url) {\n            try {\n              src = new URL(value.url, serverURL).toString()\n            } catch {\n              src = `${serverURL}${value.url}`\n            }\n          }\n\n          if (value.thumbnailURL) {\n            try {\n              thumbnailSrc = new URL(value.thumbnailURL, serverURL).toString()\n            } catch {\n              thumbnailSrc = `${serverURL}${value.thumbnailURL}`\n            }\n          }\n\n          if (isImage(value.mimeType)) {\n            thumbnailSrc = getBestFitFromSizes({\n              sizes: value.sizes,\n              thumbnailURL: thumbnailSrc,\n              url: src,\n              width: value.width,\n            })\n          }\n\n          return (\n            <DraggableSortableItem disabled={!isSortable || readonly} id={id} key={id}>\n              {(draggableSortableItemProps) => (\n                <div\n                  className={[\n                    `${baseClass}__dragItem`,\n                    draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  ref={draggableSortableItemProps.setNodeRef}\n                  style={{\n                    transform: draggableSortableItemProps.transform,\n                    transition: draggableSortableItemProps.transition,\n                    zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n                  }}\n                >\n                  <UploadCard readOnly={readonly} size=\"small\">\n                    {draggableSortableItemProps && isSortable && (\n                      <div\n                        className={`${baseClass}__drag`}\n                        {...draggableSortableItemProps.attributes}\n                        {...draggableSortableItemProps.listeners}\n                      >\n                        <AlignJustifiedIcon />\n                      </div>\n                    )}\n\n                    <RelationshipContent\n                      allowEdit={!readonly}\n                      allowRemove={!readonly}\n                      alt={(value?.alt || value?.filename) as string}\n                      byteSize={value.filesize as number}\n                      collectionSlug={relationTo}\n                      displayPreview={displayPreview}\n                      filename={value.filename as string}\n                      id={id}\n                      mimeType={value?.mimeType as string}\n                      onRemove={() => removeItem(index)}\n                      reloadDoc={reloadDoc}\n                      showCollectionSlug={showCollectionSlug}\n                      src={src}\n                      thumbnailSrc={thumbnailSrc}\n                      updatedAt={value.updatedAt}\n                      withMeta={false}\n                      x={value?.width as number}\n                      y={value?.height as number}\n                    />\n                  </UploadCard>\n                </div>\n              )}\n            </DraggableSortableItem>\n          )\n        })}\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","DraggableSortableItem","DraggableSortable","AlignJustifiedIcon","RelationshipContent","UploadCard","baseClass","getBestFitFromSizes","isImage","UploadComponentHasMany","props","$","className","displayPreview","fileDocs","isSortable","onRemove","onReorder","readonly","reloadDoc","serverURL","showCollectionSlug","t0","undefined","t1","moveFromIndex","moveToIndex","updatedArray","item","splice","moveRow","t2","index","updatedArray_0","length","removeItem","t3","filter","Boolean","t4","join","t5","t6","t7","moveFromIndex_0","moveToIndex_0","t8","index_0","relationTo","value","value_0","id","String","src","thumbnailSrc","url","URL","toString","thumbnailURL","mimeType","sizes","variants","width","_jsx","disabled","children","draggableSortableItemProps","ref","setNodeRef","style","transform","transition","zIndex","isDragging","_jsxs","readOnly","size","attributes","listeners","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","updatedAt","withMeta","x","y","height","ids","map","_temp","onDragEnd"],"sources":["../../../../src/fields/Upload/HasMany/index.tsx"],"sourcesContent":["'use client'\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../../elements/DraggableSortable/index.js'\nimport { AlignJustifiedIcon } from '../../../icons/AlignJustified/index.js'\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\n\nconst baseClass = 'upload upload--has-many'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\n\nimport './index.css'\n\nimport type { ReloadDoc } from '../types.js'\n\ntype Props = {\n  readonly className?: string\n  readonly displayPreview?: boolean\n  readonly fileDocs: {\n    relationTo: string\n    value: JsonObject\n  }[]\n  readonly isSortable?: boolean\n  readonly onRemove?: (value) => void\n  readonly onReorder?: (value) => void\n  readonly readonly?: boolean\n  readonly reloadDoc: ReloadDoc\n  readonly serverURL: string\n  readonly showCollectionSlug?: boolean\n}\n\nexport function UploadComponentHasMany(props: Props) {\n  const {\n    className,\n    displayPreview,\n    fileDocs,\n    isSortable,\n    onRemove,\n    onReorder,\n    readonly,\n    reloadDoc,\n    serverURL,\n    showCollectionSlug = false,\n  } = props\n\n  const moveRow = React.useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      const updatedArray = [...fileDocs]\n      const [item] = updatedArray.splice(moveFromIndex, 1)\n\n      updatedArray.splice(moveToIndex, 0, item)\n\n      onReorder(updatedArray)\n    },\n    [fileDocs, onReorder],\n  )\n\n  const removeItem = React.useCallback(\n    (index: number) => {\n      const updatedArray = [...(fileDocs || [])]\n      updatedArray.splice(index, 1)\n      onRemove(updatedArray.length === 0 ? [] : updatedArray)\n    },\n    [fileDocs, onRemove],\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <DraggableSortable\n        className={`${baseClass}__draggable-rows`}\n        ids={fileDocs?.map(({ value }) => String(value.id))}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n      >\n        {fileDocs.map(({ relationTo, value }, index) => {\n          const id = String(value.id)\n          let src: string\n          let thumbnailSrc: string\n\n          if (value.url) {\n            try {\n              src = new URL(value.url, serverURL).toString()\n            } catch {\n              src = `${serverURL}${value.url}`\n            }\n          }\n\n          if (value.thumbnailURL) {\n            try {\n              thumbnailSrc = new URL(value.thumbnailURL, serverURL).toString()\n            } catch {\n              thumbnailSrc = `${serverURL}${value.thumbnailURL}`\n            }\n          }\n\n          if (isImage(value.mimeType)) {\n            thumbnailSrc = getBestFitFromSizes({\n              sizes: value.variants,\n              thumbnailURL: thumbnailSrc,\n              url: src,\n              width: value.width,\n            })\n          }\n\n          return (\n            <DraggableSortableItem disabled={!isSortable || readonly} id={id} key={id}>\n              {(draggableSortableItemProps) => (\n                <div\n                  className={[\n                    `${baseClass}__dragItem`,\n                    draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  ref={draggableSortableItemProps.setNodeRef}\n                  style={{\n                    transform: draggableSortableItemProps.transform,\n                    transition: draggableSortableItemProps.transition,\n                    zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n                  }}\n                >\n                  <UploadCard readOnly={readonly} size=\"small\">\n                    {draggableSortableItemProps && isSortable && (\n                      <div\n                        className={`${baseClass}__drag`}\n                        {...draggableSortableItemProps.attributes}\n                        {...draggableSortableItemProps.listeners}\n                      >\n                        <AlignJustifiedIcon />\n                      </div>\n                    )}\n\n                    <RelationshipContent\n                      allowEdit={!readonly}\n                      allowRemove={!readonly}\n                      alt={(value?.alt || value?.filename) as string}\n                      byteSize={value.filesize as number}\n                      collectionSlug={relationTo}\n                      displayPreview={displayPreview}\n                      filename={value.filename as string}\n                      id={id}\n                      mimeType={value?.mimeType as string}\n                      onRemove={() => removeItem(index)}\n                      reloadDoc={reloadDoc}\n                      showCollectionSlug={showCollectionSlug}\n                      src={src}\n                      thumbnailSrc={thumbnailSrc}\n                      updatedAt={value.updatedAt}\n                      withMeta={false}\n                      x={value?.width as number}\n                      y={value?.height as number}\n                    />\n                  </UploadCard>\n                </div>\n              )}\n            </DraggableSortableItem>\n          )\n        })}\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/HasOne/index.js

@@ -41,7 +41,7 @@ export function UploadComponentHasOne(props) {
   }
   if (isImage(value.mimeType)) {
     thumbnailSrc = getBestFitFromSizes({
-      sizes: value.sizes,
+      sizes: value.variants,
       thumbnailURL: thumbnailSrc,
       url: src,
       width: value.width