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

package/dist/fields/Text/Input.js

@@ -13,7 +13,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 export const TextInput = props => {
-  const $ = _c(32);
+  const $ = _c(31);
   const {
     AfterInput,
     BeforeInput,
@@ -37,8 +37,7 @@ export const TextInput = props => {
     showError,
     style,
     value,
-    valueToRender,
-    width
+    valueToRender
   } = props;
   const {
     i18n,
@@ -60,13 +59,10 @@ export const TextInput = props => {
   }
   const t4 = t3.join(" ");
   let t5;
-  if ($[5] !== style || $[6] !== width || $[7] !== label || $[8] !== localized || $[9] !== path || $[10] !== required || $[11] !== Label || $[12] !== showError || $[13] !== Error || $[14] !== hasMany || $[15] !== maxRows || $[16] !== value || $[17] !== t || $[18] !== readOnly || $[19] !== onChange || $[20] !== valueToRender || $[21] !== placeholder || $[22] !== i18n || $[23] !== rtl || $[24] !== onKeyDown || $[25] !== inputRef || $[26] !== description || $[27] !== Description || $[28] !== BeforeInput || $[29] !== AfterInput || $[30] !== t4) {
+  if ($[5] !== label || $[6] !== localized || $[7] !== path || $[8] !== required || $[9] !== Label || $[10] !== showError || $[11] !== Error || $[12] !== hasMany || $[13] !== maxRows || $[14] !== value || $[15] !== t || $[16] !== readOnly || $[17] !== onChange || $[18] !== valueToRender || $[19] !== placeholder || $[20] !== i18n || $[21] !== rtl || $[22] !== onKeyDown || $[23] !== inputRef || $[24] !== description || $[25] !== Description || $[26] !== BeforeInput || $[27] !== AfterInput || $[28] !== t4 || $[29] !== style) {
     t5 = _jsxs("div", {
       className: t4,
-      style: {
-        ...style,
-        width
-      },
+      style,
       children: [_jsx(RenderCustomComponent, {
         CustomComponent: Label,
         Fallback: _jsx(FieldLabel, {
@@ -126,35 +122,34 @@ export const TextInput = props => {
         })]
       })]
     });
-    $[5] = style;
-    $[6] = width;
-    $[7] = label;
-    $[8] = localized;
-    $[9] = path;
-    $[10] = required;
-    $[11] = Label;
-    $[12] = showError;
-    $[13] = Error;
-    $[14] = hasMany;
-    $[15] = maxRows;
-    $[16] = value;
-    $[17] = t;
-    $[18] = readOnly;
-    $[19] = onChange;
-    $[20] = valueToRender;
-    $[21] = placeholder;
-    $[22] = i18n;
-    $[23] = rtl;
-    $[24] = onKeyDown;
-    $[25] = inputRef;
-    $[26] = description;
-    $[27] = Description;
-    $[28] = BeforeInput;
-    $[29] = AfterInput;
-    $[30] = t4;
-    $[31] = t5;
+    $[5] = label;
+    $[6] = localized;
+    $[7] = path;
+    $[8] = required;
+    $[9] = Label;
+    $[10] = showError;
+    $[11] = Error;
+    $[12] = hasMany;
+    $[13] = maxRows;
+    $[14] = value;
+    $[15] = t;
+    $[16] = readOnly;
+    $[17] = onChange;
+    $[18] = valueToRender;
+    $[19] = placeholder;
+    $[20] = i18n;
+    $[21] = rtl;
+    $[22] = onKeyDown;
+    $[23] = inputRef;
+    $[24] = description;
+    $[25] = Description;
+    $[26] = BeforeInput;
+    $[27] = AfterInput;
+    $[28] = t4;
+    $[29] = style;
+    $[30] = t5;
   } else {
-    t5 = $[31];
+    t5 = $[30];
   }
   return t5;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","hasMany","inputRef","Label","label","localized","maxRows","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","valueToRender","width","i18n","t","t0","t1","t2","t3","filter","Boolean","t4","join","t5","_jsxs","children","_jsx","CustomComponent","Fallback","replace","disabled","filterOption","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany","max","options","id","name","ref","type"],"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\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 TextInput: React.FC<TextInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany,\n    inputRef,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    valueToRender,\n    width,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'text',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\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        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            disabled={readOnly}\n            // prevent adding additional options if maxRows is reached\n            filterOption={() =>\n              !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n            }\n            isClearable\n            isCreatable\n            isMulti\n            isSortable\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={t('general:enterAValue')}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <input\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path?.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={getTranslation(placeholder, i18n)}\n            ref={inputRef}\n            type=\"text\"\n            value={value || ''}\n          />\n        )}\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","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","hasMany","inputRef","Label","label","localized","maxRows","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","valueToRender","i18n","t","t0","t1","t2","t3","filter","Boolean","t4","join","t5","_jsxs","children","_jsx","CustomComponent","Fallback","replace","disabled","filterOption","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany","max","options","id","name","ref","type"],"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\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 TextInput: React.FC<TextInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany,\n    inputRef,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    valueToRender,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'text',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\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        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            disabled={readOnly}\n            // prevent adding additional options if maxRows is reached\n            filterOption={() =>\n              !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n            }\n            isClearable\n            isCreatable\n            isMulti\n            isSortable\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={t('general:enterAValue')}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <input\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path?.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={getTranslation(placeholder, i18n)}\n            ref={inputRef}\n            type=\"text\"\n            value={value || ''}\n          />\n        )}\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/Text/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { TextInputProps } from './types.js';
-import { TextInput } from './Input.js';
 import './index.scss';
+import { TextInput } from './Input.js';
 export { TextInput, TextInputProps };
 export declare const TextField: React.FC<{
     readonly inputRef?: React.RefObject<HTMLInputElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAOhD,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAmIpC,eAAO,MAAM,SAAS;wBA9HhB,MAAG,SACH;yBAA4C,MAAO,oBAAoB;;;;;+EA6HnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAQhD,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAoIpC,eAAO,MAAM,SAAS;wBAlIE,MAAO,SAAS;yBAEhC,MACJ,oBACO;;;;;+EA8H+C,CAAA"}

package/dist/fields/Text/index.js

@@ -1,213 +1,135 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } 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 { mergeFieldStyles } from '../mergeFieldStyles.js';
 import { isFieldRTL } from '../shared/index.js';
-import { TextInput } from './Input.js';
 import './index.scss';
+import { TextInput } from './Input.js';
 export { TextInput };
 const TextFieldComponent = props => {
-  const $ = _c(24);
   const {
-    field: t0,
+    field,
+    field: {
+      admin: {
+        className,
+        description,
+        placeholder,
+        rtl
+      } = {},
+      hasMany,
+      label,
+      localized,
+      maxLength,
+      maxRows,
+      minLength,
+      minRows,
+      required
+    },
     inputRef,
     path,
     readOnly,
     validate
   } = props;
-  const {
-    admin: t1,
-    hasMany,
-    label,
-    localized,
-    maxLength,
-    maxRows,
-    minLength,
-    minRows,
-    required
-  } = t0;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = t1 === undefined ? {} : t1;
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const {
-    className,
-    description,
-    placeholder,
-    rtl,
-    style,
-    width
-  } = t2;
   const locale = useLocale();
   const {
-    config: t3
+    config: {
+      localization: localizationConfig
+    }
   } = useConfig();
+  const memoizedValidate = useCallback((value, options) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...options,
+        maxLength,
+        minLength,
+        required
+      });
+    }
+  }, [validate, minLength, maxLength, required]);
   const {
-    localization: localizationConfig
-  } = t3;
-  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 {
-    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;
+  } = useField({
+    path,
+    validate: memoizedValidate
+  });
   const renderRTL = isFieldRTL({
     fieldLocalized: localized,
     fieldRTL: rtl,
     locale,
     localizationConfig: localizationConfig || undefined
   });
-  let t8;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-    t8 = [];
-    $[12] = t8;
-  } else {
-    t8 = $[12];
-  }
-  const [valueToRender, setValueToRender] = useState(t8);
-  let t9;
-  if ($[13] !== readOnly || $[14] !== setValue) {
-    t9 = selectedOption => {
-      if (!readOnly) {
-        let newValue;
-        if (!selectedOption) {
-          newValue = [];
-        } else {
-          if (Array.isArray(selectedOption)) {
-            newValue = selectedOption.map(option => option.value?.value || option.value);
-          } else {
-            newValue = [selectedOption.value?.value || selectedOption.value];
-          }
-        }
-        setValue(newValue);
+  const [valueToRender, setValueToRender] = useState([]) // Only for hasMany
+  ;
+  const handleHasManyChange = useCallback(selectedOption => {
+    if (!readOnly) {
+      let newValue;
+      if (!selectedOption) {
+        newValue = [];
+      } else if (Array.isArray(selectedOption)) {
+        newValue = selectedOption.map(option => option.value?.value || option.value);
+      } else {
+        newValue = [selectedOption.value?.value || selectedOption.value];
       }
-    };
-    $[13] = readOnly;
-    $[14] = setValue;
-    $[15] = t9;
-  } else {
-    t9 = $[15];
-  }
-  const handleHasManyChange = t9;
-  let t10;
-  let t11;
-  if ($[16] !== hasMany || $[17] !== value_0) {
-    t10 = () => {
-      if (hasMany && Array.isArray(value_0)) {
-        setValueToRender(value_0.map((val, index) => ({
+      setValue(newValue);
+    }
+  }, [readOnly, setValue]);
+  // useEffect update valueToRender:
+  useEffect(() => {
+    if (hasMany && Array.isArray(value_0)) {
+      setValueToRender(value_0.map((val, index) => {
+        return {
           id: `${val}${index}`,
           label: `${val}`,
           value: {
+            // React-select automatically uses "label-value" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.
             toString: () => `${val}${index}`,
             value: val?.value || val
           }
-        })));
-      }
-    };
-    t11 = [value_0, hasMany];
-    $[16] = hasMany;
-    $[17] = value_0;
-    $[18] = t10;
-    $[19] = t11;
-  } else {
-    t10 = $[18];
-    t11 = $[19];
-  }
-  useEffect(t10, t11);
-  let t12;
-  if ($[20] !== hasMany || $[21] !== handleHasManyChange || $[22] !== setValue) {
-    t12 = hasMany ? handleHasManyChange : e => {
+        };
+      }));
+    }
+  }, [value_0, hasMany]);
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsx(TextInput, {
+    AfterInput: AfterInput,
+    BeforeInput: BeforeInput,
+    className: className,
+    Description: Description,
+    description: description,
+    Error: Error,
+    hasMany: hasMany,
+    inputRef: inputRef,
+    Label: Label,
+    label: label,
+    localized: localized,
+    maxRows: maxRows,
+    minRows: minRows,
+    onChange: hasMany ? handleHasManyChange : e => {
       setValue(e.target.value);
-    };
-    $[20] = hasMany;
-    $[21] = handleHasManyChange;
-    $[22] = setValue;
-    $[23] = t12;
-  } else {
-    t12 = $[23];
-  }
-  return _jsx(TextInput, {
-    AfterInput,
-    BeforeInput,
-    className,
-    Description,
-    description,
-    Error,
-    hasMany,
-    inputRef,
-    Label,
-    label,
-    localized,
-    maxRows,
-    minRows,
-    onChange: t12,
-    path,
-    placeholder,
-    readOnly,
-    required,
+    },
+    path: path,
+    placeholder: placeholder,
+    readOnly: readOnly,
+    required: required,
     rtl: renderRTL,
-    showError,
-    style,
-    value: value_0 || "",
-    valueToRender,
-    width
+    showError: showError,
+    style: styles,
+    value: value_0 || '',
+    valueToRender: valueToRender
   });
 };
 export const TextField = withCondition(TextFieldComponent);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useState","useField","withCondition","useConfig","useLocale","isFieldRTL","TextInput","TextFieldComponent","props","$","field","t0","inputRef","path","readOnly","validate","admin","t1","hasMany","label","localized","maxLength","maxRows","minLength","minRows","required","t2","undefined","className","description","placeholder","rtl","style","width","locale","config","t3","localization","localizationConfig","t4","value","options","memoizedValidate","t5","customComponents","t6","setValue","showError","value_0","t7","AfterInput","BeforeInput","Description","Error","Label","renderRTL","fieldLocalized","fieldRTL","t8","Symbol","for","valueToRender","setValueToRender","t9","selectedOption","newValue","Array","isArray","map","option","handleHasManyChange","t10","t11","val","index","id","toString","t12","e","target","_jsx","onChange","TextField"],"sources":["../../../src/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextInput } from './Input.js'\nimport './index.scss'\n\nexport { TextInput, TextInputProps }\n\nconst TextFieldComponent: TextFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, placeholder, rtl, style, width } = {},\n      hasMany,\n      label,\n      localized,\n      maxLength,\n      maxRows,\n      minLength,\n      minRows,\n      required,\n    },\n    inputRef,\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const locale = useLocale()\n\n  const {\n    config: { localization: localizationConfig },\n  } = useConfig()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxLength, minLength, required })\n      }\n    },\n    [validate, minLength, maxLength, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!readOnly) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              // React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n              toString: () => `${val}${index}`,\n              value: val?.value || val,\n            },\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  return (\n    <TextInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      inputRef={inputRef}\n      Label={Label}\n      label={label}\n      localized={localized}\n      maxRows={maxRows}\n      minRows={minRows}\n      onChange={\n        hasMany\n          ? handleHasManyChange\n          : (e) => {\n              setValue(e.target.value)\n            }\n      }\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={style}\n      value={(value as string) || ''}\n      valueToRender={valueToRender as Option[]}\n      width={width}\n    />\n  )\n}\n\nexport const TextField = withCondition(TextFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","useField","withCondition","useConfig","useLocale","mergeFieldStyles","isFieldRTL","TextInput","TextFieldComponent","props","field","admin","className","description","placeholder","rtl","hasMany","label","localized","maxLength","maxRows","minLength","minRows","required","inputRef","path","readOnly","validate","locale","config","localization","localizationConfig","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","renderRTL","fieldLocalized","fieldRTL","undefined","valueToRender","setValueToRender","handleHasManyChange","selectedOption","newValue","Array","isArray","map","option","val","index","id","toString","styles","_jsx","onChange","e","target","style","TextField"],"sources":["../../../src/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport './index.scss'\nimport { TextInput } from './Input.js'\n\nexport { TextInput, TextInputProps }\n\nconst TextFieldComponent: TextFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, rtl } = {},\n      hasMany,\n      label,\n      localized,\n      maxLength,\n      maxRows,\n      minLength,\n      minRows,\n      required,\n    },\n    inputRef,\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const locale = useLocale()\n\n  const {\n    config: { localization: localizationConfig },\n  } = useConfig()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxLength, minLength, required })\n      }\n    },\n    [validate, minLength, maxLength, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!readOnly) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              // React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n              toString: () => `${val}${index}`,\n              value: val?.value || val,\n            },\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <TextInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      inputRef={inputRef}\n      Label={Label}\n      label={label}\n      localized={localized}\n      maxRows={maxRows}\n      minRows={minRows}\n      onChange={\n        hasMany\n          ? handleHasManyChange\n          : (e) => {\n              setValue(e.target.value)\n            }\n      }\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={styles}\n      value={(value as string) || ''}\n      valueToRender={valueToRender as Option[]}\n    />\n  )\n}\n\nexport const TextField = withCondition(TextFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,oBAAoB,GAC5B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D,GACD;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CACxD,CAAA;AAEL,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,GAAG,oBAAoB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,oBAAoB,GAC5B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D,GACD;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CACxD,CAAA;AAEL,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;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 } from 'react'\nimport type React from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedTextFieldProps =\n  | {\n      readonly hasMany?: false\n      readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n    }\n  | {\n      readonly hasMany?: true\n      readonly onChange?: ReactSelectAdapterProps['onChange']\n    }\n\nexport type TextInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly maxRows?: number\n  readonly minRows?: number\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: Record<string, string> | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: Option[]\n  readonly width?: React.CSSProperties['width']\n} & SharedTextFieldProps\n"],"mappings":"AAgBA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Text/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type { ChangeEvent } from 'react'\nimport type React from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedTextFieldProps =\n  | {\n      readonly hasMany?: false\n      readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n    }\n  | {\n      readonly hasMany?: true\n      readonly onChange?: ReactSelectAdapterProps['onChange']\n    }\n\nexport type TextInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly maxRows?: number\n  readonly minRows?: number\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: Record<string, string> | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: Option[]\n} & SharedTextFieldProps\n"],"mappings":"AAgBA","ignoreList":[]}

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

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