@payloadcms/ui 3.0.0-beta.133 → 3.0.0-beta.135

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.scss';
 export const TextareaInput = props => {
-  const $ = _c(26);
+  const $ = _c(25);
   const {
     AfterInput,
     BeforeInput,
@@ -32,8 +32,7 @@ export const TextareaInput = props => {
     rtl,
     showError,
     style,
-    value,
-    width
+    value
   } = props;
   const {
     i18n
@@ -52,13 +51,10 @@ export const TextareaInput = props => {
   }
   const t3 = t2.join(" ");
   let t4;
-  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) {
+  if ($[4] !== label || $[5] !== localized || $[6] !== path || $[7] !== required || $[8] !== Label || $[9] !== showError || $[10] !== Error || $[11] !== value || $[12] !== placeholder || $[13] !== i18n || $[14] !== rtl || $[15] !== readOnly || $[16] !== onChange || $[17] !== rows || $[18] !== description || $[19] !== Description || $[20] !== BeforeInput || $[21] !== AfterInput || $[22] !== t3 || $[23] !== style) {
     t4 = _jsxs("div", {
       className: t3,
-      style: {
-        ...style,
-        width
-      },
+      style,
       children: [_jsx(RenderCustomComponent, {
         CustomComponent: Label,
         Fallback: _jsx(FieldLabel, {
@@ -104,30 +100,29 @@ export const TextareaInput = props => {
         })]
       })]
     });
-    $[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;
-    $[25] = t4;
+    $[4] = label;
+    $[5] = localized;
+    $[6] = path;
+    $[7] = required;
+    $[8] = Label;
+    $[9] = showError;
+    $[10] = Error;
+    $[11] = value;
+    $[12] = placeholder;
+    $[13] = i18n;
+    $[14] = rtl;
+    $[15] = readOnly;
+    $[16] = onChange;
+    $[17] = rows;
+    $[18] = description;
+    $[19] = Description;
+    $[20] = BeforeInput;
+    $[21] = AfterInput;
+    $[22] = t3;
+    $[23] = style;
+    $[24] = t4;
   } else {
-    t4 = $[25];
+    t4 = $[24];
   }
   return t4;
 };

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","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":[]}
+{"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","_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  } = 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 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.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;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"}
+{"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,cAAc,CAAA;AAErB,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA;AAiF5C,eAAO,MAAM,aAAa;wBAjFjB,MAAM,GAAG;yBAEF,MAAO,oBAAoB;;;;;+EA+EuB,CAAA"}

package/dist/fields/Textarea/index.js

@@ -1,60 +1,47 @@
 '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 } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { isFieldRTL } from '../shared/index.js';
+import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import './index.scss';
+import { isFieldRTL } from '../shared/index.js';
 import { TextareaInput } from './Input.js';
 export { TextareaInput };
 const TextareaFieldComponent = props => {
-  const $ = _c(14);
   const {
-    field: t0,
+    field,
+    field: {
+      admin: {
+        className,
+        description,
+        placeholder,
+        rows,
+        rtl
+      } = {},
+      label,
+      localized,
+      maxLength,
+      minLength,
+      required
+    },
     path,
     readOnly,
     validate
   } = props;
-  const {
-    admin: t1,
-    label,
-    localized,
-    maxLength,
-    minLength,
-    required
-  } = t0;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = t1 === undefined ? {} : t1;
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const {
-    className,
-    description,
-    placeholder,
-    rows,
-    rtl,
-    style,
-    width
-  } = t2;
   const {
     i18n
   } = useTranslation();
   const {
-    config: t3
+    config: {
+      localization
+    }
   } = useConfig();
-  const {
-    localization
-  } = t3;
   const locale = useLocale();
   const isRTL = isFieldRTL({
     fieldLocalized: localized,
@@ -62,91 +49,54 @@ const TextareaFieldComponent = props => {
     locale,
     localizationConfig: localization || undefined
   });
-  let t4;
-  if ($[2] !== validate || $[3] !== maxLength || $[4] !== minLength || $[5] !== required) {
-    t4 = (value, options) => {
-      if (typeof validate === "function") {
-        return validate(value, {
-          ...options,
-          maxLength,
-          minLength,
-          required
-        });
-      }
-    };
-    $[2] = validate;
-    $[3] = maxLength;
-    $[4] = minLength;
-    $[5] = required;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  const memoizedValidate = t4;
-  let t5;
-  if ($[7] !== path || $[8] !== memoizedValidate) {
-    t5 = {
-      path,
-      validate: memoizedValidate
-    };
-    $[7] = path;
-    $[8] = memoizedValidate;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
+  const memoizedValidate = useCallback((value, options) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...options,
+        maxLength,
+        minLength,
+        required
+      });
+    }
+  }, [validate, required, maxLength, minLength]);
   const {
-    customComponents: t6,
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
     setValue,
     showError,
     value: value_0
-  } = useField(t5);
-  let t7;
-  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,
-    BeforeInput,
-    className,
-    Description,
-    description,
-    Error,
-    Label,
-    label,
-    localized,
-    onChange: t8,
+  } = useField({
     path,
+    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 => {
+      setValue(e.target.value);
+    },
+    path: path,
     placeholder: getTranslation(placeholder, i18n),
-    readOnly,
-    required,
-    rows,
+    readOnly: readOnly,
+    required: required,
+    rows: rows,
     rtl: isRTL,
-    showError,
-    style,
-    value: value_0,
-    width
+    showError: showError,
+    style: styles,
+    value: value_0
   });
 };
 export const TextareaField = withCondition(TextareaFieldComponent);

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

@@ -1 +1 @@
-{"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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAInC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AACP,SAASC,aAAa,QAAQ;AAE9B,SAASA,aAAa;AAEtB,MAAMC,sBAAA,GAAuDC,KAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAC3D;IAAAc,KAAA,EAAAC,EAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAaIN,KAAA;EAZK;IAAAO,KAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAV,EAQN;EAAA,IAAAW,EAAA;EAAA,IAAAb,CAAA,QAAAO,EAAA;IANQM,EAAA,GAAAN,EAAqE,KAAAO,SAAA,QAArEP,EAAqE;IAAAP,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAArE;IAAAe,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAR,EAAqE;EAYhF;IAAAS;EAAA,IAAiB3B,cAAA;EAEjB;IAAA4B,MAAA,EAAAC;EAAA,IAEI/B,SAAA;EADM;IAAAgC;EAAA,IAAAD,EAAgB;EAG1B,MAAAE,MAAA,GAAehC,SAAA;EAEf,MAAAiC,KAAA,GAAc/B,UAAA;IAAAgC,cAAA,EACInB,SAAA;IAAAoB,QAAA,EACNV,GAAA;IAAAO,MAAA;IAAAI,kBAAA,EAEUL,YAAA,IAAAX;EAAgB,CACtC;EAAA,IAAAiB,EAAA;EAAA,IAAA/B,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAU,SAAA,IAAAV,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAY,QAAA;IAGEmB,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;MAAA,IACM,OAAO5B,QAAA,KAAa;QAAA,OACfA,QAAA,CAAS2B,KAAA;UAAA,GAAYC,OAAO;UAAAvB,SAAA;UAAAC,SAAA;UAAAC;QAAA,CAAiC;MAAA;IAAA;IAExEZ,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAU,SAAA;IAAAV,CAAA,MAAAW,SAAA;IAAAX,CAAA,MAAAY,QAAA;IAAAZ,CAAA,MAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EALF,MAAAkC,gBAAA,GAAkDH,EAMN;EAAA,IAAAI,EAAA;EAAA,IAAAnC,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAkC,gBAAA;IAQvBC,EAAA;MAAAhC,IAAA;MAAAE,QAAA,EAET6B;IAAA;IACZlC,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAkC,gBAAA;IAAAlC,CAAA,MAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EARA;IAAAoC,gBAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAP,KAAA,EAAAQ;EAAA,IAKIjD,QAAA,CAAiB4C,EAGrB;EAAA,IAAAM,EAAA;EAAA,IAAAzC,CAAA,SAAAqC,EAAA;IAPoBI,EAAA,GAAAJ,EAA2D,KAAAvB,SAAA,QAA3DuB,EAA2D;IAAArC,CAAA,OAAAqC,EAAA;IAAArC,CAAA,OAAAyC,EAAA;EAAA;IAAAA,EAAA,GAAAzC,CAAA;EAAA;EAA3D;IAAA0C,UAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAA2D;EAAA,IAAAM,EAAA;EAAA,IAAA/C,CAAA,SAAAsC,QAAA;IAoBjES,EAAA,GAAAC,CAAA;MACRV,QAAA,CAASU,CAAA,CAAAC,MAAA,CAAAjB,KAAc;IAAA;IACzBhC,CAAA,OAAAsC,QAAA;IAAAtC,CAAA,OAAA+C,EAAA;EAAA;IAAAA,EAAA,GAAA/C,CAAA;EAAA;EAAA,OAZFkD,IAAA,CAAArD,aAAA;IAAA6C,UAAA;IAAAC,WAAA;IAAA5B,SAAA;IAAA6B,WAAA;IAAA5B,WAAA;IAAA6B,KAAA;IAAAC,KAAA;IAAAtC,KAAA;IAAAC,SAAA;IAAA0C,QAAA,EAUYJ,EAEV;IAAA5C,IAAA;IAAAc,WAAA,EAEa7B,cAAA,CAAe6B,WAAA,EAAaK,IAAA;IAAAlB,QAAA;IAAAQ,QAAA;IAAAM,IAAA;IAAAC,GAAA,EAIpCQ,KAAA;IAAAY,SAAA;IAAAnB,KAAA;IAAAY,KAAA,EAGEA,OAAA;IAAAX;EAAA,C;CAIb;AAEA,OAAO,MAAM+B,aAAA,GAAgB5D,aAAA,CAAcM,sBAAA","ignoreList":[]}
+{"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","readOnly","validate","i18n","config","localization","locale","isRTL","fieldLocalized","fieldRTL","localizationConfig","undefined","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","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.scss'\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,\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  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}\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,IAAI;IACJC,QAAQ;IACRC;EAAQ,CACT,GAAGf,KAAA;EAEJ,MAAM;IAAEgB;EAAI,CAAE,GAAGrB,cAAA;EAEjB,MAAM;IACJsB,MAAA,EAAQ;MAAEC;IAAY;EAAE,CACzB,GAAGzB,SAAA;EAEJ,MAAM0B,MAAA,GAASzB,SAAA;EAEf,MAAM0B,KAAA,GAAQvB,UAAA,CAAW;IACvBwB,cAAA,EAAgBZ,SAAA;IAChBa,QAAA,EAAUf,GAAA;IACVY,MAAA;IACAI,kBAAA,EAAoBL,YAAA,IAAgBM;EACtC;EAEA,MAAMC,gBAAA,GAA4CpC,WAAA,CAChD,CAACqC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAOZ,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASW,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAEjB,SAAA;QAAWC,SAAA;QAAWC;MAAS;IACtE;EACF,GACA,CAACG,QAAA,EAAUH,QAAA,EAAUF,SAAA,EAAWC,SAAA,CAAU;EAG5C,MAAM;IACJiB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRC,SAAS;IACTT,KAAK,EAALA;EAAK,CACN,GAAGnC,QAAA,CAAiB;IACnBsB,IAAA;IACAE,QAAA,EAAUU;EACZ;EAEA,MAAMW,MAAA,GAAS9C,OAAA,CAAQ,MAAMM,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEoC,IAAA,CAACvC,aAAA;IACC+B,UAAA,EAAYA,UAAA;IACZC,WAAA,EAAaA,WAAA;IACb3B,SAAA,EAAWA,SAAA;IACX4B,WAAA,EAAaA,WAAA;IACb3B,WAAA,EAAaA,WAAA;IACb4B,KAAA,EAAOA,KAAA;IACPC,KAAA,EAAOA,KAAA;IACPzB,KAAA,EAAOA,KAAA;IACPC,SAAA,EAAWA,SAAA;IACX6B,QAAA,EAAWC,CAAA;MACTL,QAAA,CAASK,CAAA,CAAEC,MAAM,CAACd,KAAK;IACzB;IACAb,IAAA,EAAMA,IAAA;IACNR,WAAA,EAAalB,cAAA,CAAekB,WAAA,EAAaW,IAAA;IACzCF,QAAA,EAAUA,QAAA;IACVF,QAAA,EAAUA,QAAA;IACVN,IAAA,EAAMA,IAAA;IACNC,GAAA,EAAKa,KAAA;IACLe,SAAA,EAAWA,SAAA;IACXM,KAAA,EAAOL,MAAA;IACPV,KAAA,EAAOA;;AAGb;AAEA,OAAO,MAAMgB,aAAA,GAAgBlD,aAAA,CAAcO,sBAAA","ignoreList":[]}

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

@@ -24,6 +24,5 @@ export type TextAreaInputProps = {
     readonly style?: React.CSSProperties;
     readonly value?: string;
     readonly valueToRender?: string;
-    readonly width?: React.CSSProperties['width'];
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,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;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,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,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  readonly width?: React.CSSProperties['width']\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  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: string\n}\n"],"mappings":"AAKA","ignoreList":[]}

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

@@ -34,7 +34,6 @@ export type UploadInputProps = {
     readonly showError?: boolean;
     readonly style?: React.CSSProperties;
     readonly value?: (number | string)[] | (number | string);
-    readonly width?: React.CSSProperties['width'];
 };
 export declare function UploadInput(props: UploadInputProps): React.JSX.Element;
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EAEnB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAqB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,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,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA0flD"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EAEnB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAqB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,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,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;CACzD,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAsflD"}

package/dist/fields/Upload/Input.js

@@ -24,7 +24,7 @@ import { UploadComponentHasOne } from './HasOne/index.js';
 import './index.scss';
 export const baseClass = 'upload';
 export function UploadInput(props) {
-  const $ = _c(122);
+  const $ = _c(121);
   const {
     AfterInput,
     allowCreate,
@@ -49,8 +49,7 @@ export function UploadInput(props) {
     serverURL,
     showError,
     style,
-    value,
-    width
+    value
   } = props;
   const [populatedDocs, setPopulatedDocs] = React.useState();
   const [activeRelationTo] = React.useState(Array.isArray(relationTo) ? relationTo[0] : relationTo);
@@ -527,14 +526,11 @@ export function UploadInput(props) {
   const t29 = t28.join(" ");
   const t30 = `field-${path?.replace(/\./g, "__")}`;
   let t31;
-  if ($[85] !== style || $[86] !== width || $[87] !== label || $[88] !== localized || $[89] !== path || $[90] !== required || $[91] !== Label || $[92] !== showError || $[93] !== Error || $[94] !== hasMany || $[95] !== value || $[96] !== populatedDocs || $[97] !== isSortable || $[98] !== readOnly || $[99] !== onRemove || $[100] !== onReorder || $[101] !== reloadDoc || $[102] !== serverURL || $[103] !== t || $[104] !== showDropzone || $[105] !== canCreate || $[106] !== onLocalFileSelection || $[107] !== openCreateDocDrawer || $[108] !== openListDrawer || $[109] !== onDocCreate || $[110] !== CreateDocDrawer || $[111] !== onListBulkSelect || $[112] !== onListSelect || $[113] !== ListDrawer || $[114] !== maxRows || $[115] !== description || $[116] !== Description || $[117] !== BeforeInput || $[118] !== AfterInput || $[119] !== t29 || $[120] !== t30) {
+  if ($[85] !== label || $[86] !== localized || $[87] !== path || $[88] !== required || $[89] !== Label || $[90] !== showError || $[91] !== Error || $[92] !== hasMany || $[93] !== value || $[94] !== populatedDocs || $[95] !== isSortable || $[96] !== readOnly || $[97] !== onRemove || $[98] !== onReorder || $[99] !== reloadDoc || $[100] !== serverURL || $[101] !== t || $[102] !== showDropzone || $[103] !== canCreate || $[104] !== onLocalFileSelection || $[105] !== openCreateDocDrawer || $[106] !== openListDrawer || $[107] !== onDocCreate || $[108] !== CreateDocDrawer || $[109] !== onListBulkSelect || $[110] !== onListSelect || $[111] !== ListDrawer || $[112] !== maxRows || $[113] !== description || $[114] !== Description || $[115] !== BeforeInput || $[116] !== AfterInput || $[117] !== t29 || $[118] !== t30 || $[119] !== style) {
     t31 = _jsxs("div", {
       className: t29,
       id: t30,
-      style: {
-        ...style,
-        width
-      },
+      style,
       children: [_jsx(RenderCustomComponent, {
         CustomComponent: Label,
         Fallback: _jsx(FieldLabel, {
@@ -640,45 +636,44 @@ export function UploadInput(props) {
         })
       })]
     });
-    $[85] = style;
-    $[86] = width;
-    $[87] = label;
-    $[88] = localized;
-    $[89] = path;
-    $[90] = required;
-    $[91] = Label;
-    $[92] = showError;
-    $[93] = Error;
-    $[94] = hasMany;
-    $[95] = value;
-    $[96] = populatedDocs;
-    $[97] = isSortable;
-    $[98] = readOnly;
-    $[99] = onRemove;
-    $[100] = onReorder;
-    $[101] = reloadDoc;
-    $[102] = serverURL;
-    $[103] = t;
-    $[104] = showDropzone;
-    $[105] = canCreate;
-    $[106] = onLocalFileSelection;
-    $[107] = openCreateDocDrawer;
-    $[108] = openListDrawer;
-    $[109] = onDocCreate;
-    $[110] = CreateDocDrawer;
-    $[111] = onListBulkSelect;
-    $[112] = onListSelect;
-    $[113] = ListDrawer;
-    $[114] = maxRows;
-    $[115] = description;
-    $[116] = Description;
-    $[117] = BeforeInput;
-    $[118] = AfterInput;
-    $[119] = t29;
-    $[120] = t30;
-    $[121] = t31;
+    $[85] = label;
+    $[86] = localized;
+    $[87] = path;
+    $[88] = required;
+    $[89] = Label;
+    $[90] = showError;
+    $[91] = Error;
+    $[92] = hasMany;
+    $[93] = value;
+    $[94] = populatedDocs;
+    $[95] = isSortable;
+    $[96] = readOnly;
+    $[97] = onRemove;
+    $[98] = onReorder;
+    $[99] = reloadDoc;
+    $[100] = serverURL;
+    $[101] = t;
+    $[102] = showDropzone;
+    $[103] = canCreate;
+    $[104] = onLocalFileSelection;
+    $[105] = openCreateDocDrawer;
+    $[106] = openListDrawer;
+    $[107] = onDocCreate;
+    $[108] = CreateDocDrawer;
+    $[109] = onListBulkSelect;
+    $[110] = onListSelect;
+    $[111] = ListDrawer;
+    $[112] = maxRows;
+    $[113] = description;
+    $[114] = Description;
+    $[115] = BeforeInput;
+    $[116] = AfterInput;
+    $[117] = t29;
+    $[118] = t30;
+    $[119] = style;
+    $[120] = t31;
   } else {
-    t31 = $[121];
+    t31 = $[120];
   }
   return t31;
 }