@payloadcms/ui 3.0.0-canary.95fcd13 → 3.0.0-canary.9beaa28

package/dist/fields/Number/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { isNumber } from 'payload/shared';
@@ -7,173 +9,332 @@ import { ReactSelect } from '../../elements/ReactSelect/index.js';
 import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { FieldDescription } from '../FieldDescription/index.js';
 import { FieldError } from '../FieldError/index.js';
 import { FieldLabel } from '../FieldLabel/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
-const NumberFieldComponent = (props)=>{
-    const { name, AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, hasMany = false, label, labelProps, max = Infinity, maxRows = Infinity, min = -Infinity, onChange: onChangeFromProps, path: pathFromProps, placeholder, readOnly: readOnlyFromProps, required, step = 1, style, validate, width } = props;
-    const { i18n, t } = useTranslation();
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                max,
-                min,
-                required
-            });
-        }
-    }, [
-        validate,
-        min,
-        max,
-        required
-    ]);
-    const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
-    const { formInitializing, formProcessing, path, setValue, showError, value } = useField({
-        path: pathFromContext ?? pathFromProps ?? name,
-        validate: memoizedValidate
-    });
-    const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
-    const handleChange = useCallback((e)=>{
-        const val = parseFloat(e.target.value);
-        let newVal = val;
-        if (Number.isNaN(val)) {
-            newVal = undefined;
-        }
-        if (typeof onChangeFromProps === 'function') {
-            onChangeFromProps(newVal);
+const NumberFieldComponent = props => {
+  const $ = _c(58);
+  const {
+    descriptionProps,
+    errorProps,
+    field,
+    field: t0,
+    labelProps,
+    onChange: onChangeFromProps,
+    readOnly: readOnlyFromTopLevelProps,
+    validate
+  } = props;
+  const {
+    name,
+    _path: pathFromProps,
+    admin: t1,
+    hasMany: t2,
+    label,
+    max: t3,
+    maxRows: t4,
+    min: t5,
+    required
+  } = t0;
+  let t6;
+  if ($[0] !== t1) {
+    t6 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t6;
+  } else {
+    t6 = $[1];
+  }
+  const {
+    className,
+    description,
+    placeholder,
+    readOnly: readOnlyFromAdmin,
+    step: t7,
+    style,
+    width
+  } = t6;
+  const step = t7 === undefined ? 1 : t7;
+  const hasMany = t2 === undefined ? false : t2;
+  const max = t3 === undefined ? Infinity : t3;
+  const maxRows = t4 === undefined ? Infinity : t4;
+  const min = t5 === undefined ? -Infinity : t5;
+  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t8;
+  if ($[2] !== validate || $[3] !== max || $[4] !== min || $[5] !== required) {
+    t8 = (value, options) => {
+      if (typeof validate === "function") {
+        return validate(value, {
+          ...options,
+          max,
+          min,
+          required
+        });
+      }
+    };
+    $[2] = validate;
+    $[3] = max;
+    $[4] = min;
+    $[5] = required;
+    $[6] = t8;
+  } else {
+    t8 = $[6];
+  }
+  const memoizedValidate = t8;
+  const {
+    path: pathFromContext,
+    readOnly: readOnlyFromContext
+  } = useFieldProps();
+  const t9 = pathFromContext ?? pathFromProps ?? name;
+  let t10;
+  if ($[7] !== t9 || $[8] !== memoizedValidate) {
+    t10 = {
+      path: t9,
+      validate: memoizedValidate
+    };
+    $[7] = t9;
+    $[8] = memoizedValidate;
+    $[9] = t10;
+  } else {
+    t10 = $[9];
+  }
+  const {
+    formInitializing,
+    formProcessing,
+    path,
+    setValue,
+    showError,
+    value: value_0
+  } = useField(t10);
+  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
+  let t11;
+  if ($[10] !== onChangeFromProps || $[11] !== setValue) {
+    t11 = e => {
+      const val = parseFloat(e.target.value);
+      let newVal = val;
+      if (Number.isNaN(val)) {
+        newVal = undefined;
+      }
+      if (typeof onChangeFromProps === "function") {
+        onChangeFromProps(newVal);
+      }
+      setValue(newVal);
+    };
+    $[10] = onChangeFromProps;
+    $[11] = setValue;
+    $[12] = t11;
+  } else {
+    t11 = $[12];
+  }
+  const handleChange = t11;
+  let t12;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = [];
+    $[13] = t12;
+  } else {
+    t12 = $[13];
+  }
+  const [valueToRender, setValueToRender] = useState(t12);
+  let t13;
+  if ($[14] !== disabled || $[15] !== setValue) {
+    t13 = selectedOption => {
+      if (!disabled) {
+        let newValue;
+        if (!selectedOption) {
+          newValue = [];
+        } else {
+          if (Array.isArray(selectedOption)) {
+            newValue = selectedOption.map(option => Number(option.value?.value || option.value));
+          } else {
+            newValue = [Number(selectedOption.value?.value || selectedOption.value)];
+          }
         }
-        setValue(newVal);
-    }, [
-        onChangeFromProps,
-        setValue
-    ]);
-    const [valueToRender, setValueToRender] = useState([]) // Only for hasMany
-    ;
-    const handleHasManyChange = useCallback((selectedOption)=>{
-        if (!disabled) {
-            let newValue;
-            if (!selectedOption) {
-                newValue = [];
-            } else if (Array.isArray(selectedOption)) {
-                newValue = selectedOption.map((option)=>Number(option.value?.value || option.value));
-            } else {
-                newValue = [
-                    Number(selectedOption.value?.value || selectedOption.value)
-                ];
+        setValue(newValue);
+      }
+    };
+    $[14] = disabled;
+    $[15] = setValue;
+    $[16] = t13;
+  } else {
+    t13 = $[16];
+  }
+  const handleHasManyChange = t13;
+  let t14;
+  let t15;
+  if ($[17] !== hasMany || $[18] !== value_0) {
+    t14 = () => {
+      if (hasMany && Array.isArray(value_0)) {
+        setValueToRender(value_0.map((val_0, index) => ({
+          id: `${val_0}${index}`,
+          label: `${val_0}`,
+          value: {
+            toString: () => `${val_0}${index}`,
+            value: val_0?.value || val_0
+          }
+        })));
+      }
+    };
+    t15 = [value_0, hasMany];
+    $[17] = hasMany;
+    $[18] = value_0;
+    $[19] = t14;
+    $[20] = t15;
+  } else {
+    t14 = $[19];
+    t15 = $[20];
+  }
+  useEffect(t14, t15);
+  const t16 = showError && "error";
+  const t17 = disabled && "read-only";
+  const t18 = hasMany && "has-many";
+  let t19;
+  if ($[21] !== className || $[22] !== t16 || $[23] !== t17 || $[24] !== t18) {
+    t19 = [fieldBaseClass, "number", className, t16, t17, t18].filter(Boolean);
+    $[21] = className;
+    $[22] = t16;
+    $[23] = t17;
+    $[24] = t18;
+    $[25] = t19;
+  } else {
+    t19 = $[25];
+  }
+  const t20 = t19.join(" ");
+  let t21;
+  if ($[26] !== style || $[27] !== width || $[28] !== field || $[29] !== labelProps || $[30] !== label || $[31] !== required || $[32] !== errorProps || $[33] !== path || $[34] !== hasMany || $[35] !== value_0 || $[36] !== maxRows || $[37] !== t || $[38] !== disabled || $[39] !== handleHasManyChange || $[40] !== showError || $[41] !== valueToRender || $[42] !== placeholder || $[43] !== i18n || $[44] !== max || $[45] !== min || $[46] !== handleChange || $[47] !== step || $[48] !== descriptionProps || $[49] !== description || $[50] !== t20) {
+    let t22;
+    if ($[52] !== labelProps) {
+      t22 = labelProps || {};
+      $[52] = labelProps;
+      $[53] = t22;
+    } else {
+      t22 = $[53];
+    }
+    let t23;
+    if ($[54] !== errorProps) {
+      t23 = errorProps || {};
+      $[54] = errorProps;
+      $[55] = t23;
+    } else {
+      t23 = $[55];
+    }
+    let t24;
+    if ($[56] !== descriptionProps) {
+      t24 = descriptionProps || {};
+      $[56] = descriptionProps;
+      $[57] = t24;
+    } else {
+      t24 = $[57];
+    }
+    t21 = _jsxs("div", {
+      className: t20,
+      style: {
+        ...style,
+        width
+      },
+      children: [_jsx(FieldLabel, {
+        Label: field?.admin?.components?.Label,
+        field,
+        label,
+        required,
+        ...t22
+      }), _jsxs("div", {
+        className: `${fieldBaseClass}__wrap`,
+        children: [_jsx(FieldError, {
+          CustomError: field?.admin?.components?.Error,
+          field,
+          path,
+          ...t23
+        }), hasMany ? _jsx(ReactSelect, {
+          className: `field-${path.replace(/\./g, "__")}`,
+          disabled,
+          filterOption: (_, rawInput) => {
+            const isOverHasMany = Array.isArray(value_0) && value_0.length >= maxRows;
+            return isNumber(rawInput) && !isOverHasMany;
+          },
+          isClearable: true,
+          isCreatable: true,
+          isMulti: true,
+          isSortable: true,
+          noOptionsMessage: () => {
+            const isOverHasMany_0 = Array.isArray(value_0) && value_0.length >= maxRows;
+            if (isOverHasMany_0) {
+              return t("validation:limitReached", {
+                max: maxRows,
+                value: value_0.length + 1
+              });
             }
-            setValue(newValue);
-        }
-    }, [
-        disabled,
-        setValue
-    ]);
-    // useEffect update valueToRender:
-    useEffect(()=>{
-        if (hasMany && Array.isArray(value)) {
-            setValueToRender(value.map((val, index)=>{
-                return {
-                    id: `${val}${index}`,
-                    label: `${val}`,
-                    value: {
-                        toString: ()=>`${val}${index}`,
-                        value: val?.value || val
-                    }
-                };
-            }));
-        }
-    }, [
-        value,
-        hasMany
-    ]);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: [
-            fieldBaseClass,
-            'number',
-            className,
-            showError && 'error',
-            disabled && 'read-only',
-            hasMany && 'has-many'
-        ].filter(Boolean).join(' '),
-        style: {
-            ...style,
-            width
-        },
-        children: [
-            /*#__PURE__*/ _jsx(FieldLabel, {
-                CustomLabel: CustomLabel,
-                label: label,
-                required: required,
-                ...labelProps || {}
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${fieldBaseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsx(FieldError, {
-                        CustomError: CustomError,
-                        path: path,
-                        ...errorProps || {}
-                    }),
-                    hasMany ? /*#__PURE__*/ _jsx(ReactSelect, {
-                        className: `field-${path.replace(/\./g, '__')}`,
-                        disabled: disabled,
-                        filterOption: (_, rawInput)=>{
-                            const isOverHasMany = Array.isArray(value) && value.length >= maxRows;
-                            return isNumber(rawInput) && !isOverHasMany;
-                        },
-                        isClearable: true,
-                        isCreatable: true,
-                        isMulti: true,
-                        isSortable: true,
-                        noOptionsMessage: ()=>{
-                            const isOverHasMany = Array.isArray(value) && value.length >= maxRows;
-                            if (isOverHasMany) {
-                                return t('validation:limitReached', {
-                                    max: maxRows,
-                                    value: value.length + 1
-                                });
-                            }
-                            return null;
-                        },
-                        // numberOnly
-                        onChange: handleHasManyChange,
-                        options: [],
-                        placeholder: t('general:enterAValue'),
-                        showError: showError,
-                        value: valueToRender
-                    }) : /*#__PURE__*/ _jsxs("div", {
-                        children: [
-                            BeforeInput,
-                            /*#__PURE__*/ _jsx("input", {
-                                disabled: disabled,
-                                id: `field-${path.replace(/\./g, '__')}`,
-                                max: max,
-                                min: min,
-                                name: path,
-                                onChange: handleChange,
-                                onWheel: (e)=>{
-                                    // @ts-expect-error
-                                    e.target.blur();
-                                },
-                                placeholder: getTranslation(placeholder, i18n),
-                                step: step,
-                                type: "number",
-                                value: typeof value === 'number' ? value : ''
-                            }),
-                            AfterInput
-                        ]
-                    }),
-                    CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
-                        ...descriptionProps || {}
-                    })
-                ]
-            })
-        ]
+            return null;
+          },
+          onChange: handleHasManyChange,
+          options: [],
+          placeholder: t("general:enterAValue"),
+          showError,
+          value: valueToRender
+        }) : _jsxs("div", {
+          children: [_jsx(RenderComponent, {
+            mappedComponent: field?.admin?.components?.beforeInput
+          }), _jsx("input", {
+            disabled,
+            id: `field-${path.replace(/\./g, "__")}`,
+            max,
+            min,
+            name: path,
+            onChange: handleChange,
+            onWheel: _temp,
+            placeholder: getTranslation(placeholder, i18n),
+            step,
+            type: "number",
+            value: typeof value_0 === "number" ? value_0 : ""
+          }), _jsx(RenderComponent, {
+            mappedComponent: field?.admin?.components?.afterInput
+          })]
+        }), _jsx(FieldDescription, {
+          Description: field?.admin?.components?.Description,
+          description,
+          field,
+          ...t24
+        })]
+      })]
     });
+    $[26] = style;
+    $[27] = width;
+    $[28] = field;
+    $[29] = labelProps;
+    $[30] = label;
+    $[31] = required;
+    $[32] = errorProps;
+    $[33] = path;
+    $[34] = hasMany;
+    $[35] = value_0;
+    $[36] = maxRows;
+    $[37] = t;
+    $[38] = disabled;
+    $[39] = handleHasManyChange;
+    $[40] = showError;
+    $[41] = valueToRender;
+    $[42] = placeholder;
+    $[43] = i18n;
+    $[44] = max;
+    $[45] = min;
+    $[46] = handleChange;
+    $[47] = step;
+    $[48] = descriptionProps;
+    $[49] = description;
+    $[50] = t20;
+    $[51] = t21;
+  } else {
+    t21 = $[51];
+  }
+  return t21;
 };
 export const NumberField = withCondition(NumberFieldComponent);
-
+function _temp(e_0) {
+  e_0.target.blur();
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { isNumber } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst NumberFieldComponent: React.FC<NumberFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    hasMany = false,\n    label,\n    labelProps,\n    max = Infinity,\n    maxRows = Infinity,\n    min = -Infinity,\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    step = 1,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, max, min, required })\n      }\n    },\n    [validate, min, max, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField<\n    number | number[]\n  >({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const handleChange = useCallback(\n    (e) => {\n      const val = parseFloat(e.target.value)\n      let newVal = val\n\n      if (Number.isNaN(val)) {\n        newVal = undefined\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newVal)\n      }\n\n      setValue(newVal)\n    },\n    [onChangeFromProps, setValue],\n  )\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!disabled) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [disabled, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as unknown as Record<string, number>)?.value || val,\n            }, // You're probably wondering, why the hell is this done that way? Well, 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          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'number',\n        className,\n        showError && 'error',\n        disabled && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            disabled={disabled}\n            filterOption={(_, rawInput) => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              return isNumber(rawInput) && !isOverHasMany\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            // numberOnly\n            onChange={handleHasManyChange}\n            options={[]}\n            placeholder={t('general:enterAValue')}\n            showError={showError}\n            value={valueToRender as Option[]}\n          />\n        ) : (\n          <div>\n            {BeforeInput}\n            <input\n              disabled={disabled}\n              id={`field-${path.replace(/\\./g, '__')}`}\n              max={max}\n              min={min}\n              name={path}\n              onChange={handleChange}\n              onWheel={(e) => {\n                // @ts-expect-error\n                e.target.blur()\n              }}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={typeof value === 'number' ? value : ''}\n            />\n            {AfterInput}\n          </div>\n        )}\n        {CustomDescription !== undefined ? (\n          CustomDescription\n        ) : (\n          <FieldDescription {...(descriptionProps || {})} />\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"names":["getTranslation","isNumber","React","useCallback","useEffect","useState","ReactSelect","useFieldProps","useField","withCondition","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","NumberFieldComponent","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","errorProps","hasMany","label","labelProps","max","Infinity","maxRows","min","onChange","onChangeFromProps","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","step","style","validate","width","i18n","t","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","handleChange","e","val","parseFloat","target","newVal","Number","isNaN","undefined","valueToRender","setValueToRender","handleHasManyChange","selectedOption","newValue","Array","isArray","map","option","index","id","toString","div","filter","Boolean","join","replace","filterOption","_","rawInput","isOverHasMany","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","input","onWheel","blur","type","NumberField"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","isNumber","React","useCallback","useEffect","useState","ReactSelect","useFieldProps","useField","withCondition","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","NumberFieldComponent","props","$","descriptionProps","errorProps","field","t0","labelProps","onChange","onChangeFromProps","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t1","hasMany","t2","label","max","t3","maxRows","t4","min","t5","required","t6","undefined","className","description","placeholder","readOnlyFromAdmin","step","t7","style","width","Infinity","readOnlyFromProps","i18n","t","t8","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t9","t10","formInitializing","formProcessing","setValue","showError","value_0","disabled","t11","e","val","parseFloat","target","newVal","Number","isNaN","handleChange","t12","Symbol","for","valueToRender","setValueToRender","t13","selectedOption","newValue","Array","isArray","map","option","handleHasManyChange","t14","t15","val_0","index","id","toString","t16","t17","t18","t19","filter","Boolean","t20","join","t21","t22","t23","t24","_jsxs","children","_jsx","Label","components","CustomError","Error","replace","filterOption","_","rawInput","isOverHasMany","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany_0","mappedComponent","beforeInput","onWheel","_temp","type","afterInput","Description","NumberField","e_0","blur"],"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { isNumber } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst NumberFieldComponent: React.FC<NumberFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        step = 1,\n        style,\n        width,\n      } = {} as NumberFieldProps['field']['admin'],\n      hasMany = false,\n      label,\n      max = Infinity,\n      maxRows = Infinity,\n      min = -Infinity,\n      required,\n    },\n    labelProps,\n    onChange: onChangeFromProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, max, min, required })\n      }\n    },\n    [validate, min, max, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField<\n    number | number[]\n  >({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const handleChange = useCallback(\n    (e) => {\n      const val = parseFloat(e.target.value)\n      let newVal = val\n\n      if (Number.isNaN(val)) {\n        newVal = undefined\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newVal)\n      }\n\n      setValue(newVal)\n    },\n    [onChangeFromProps, setValue],\n  )\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!disabled) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [disabled, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as unknown as Record<string, number>)?.value || val,\n            }, // You're probably wondering, why the hell is this done that way? Well, 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          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'number',\n        className,\n        showError && 'error',\n        disabled && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={field?.admin?.components?.Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError\n          CustomError={field?.admin?.components?.Error}\n          field={field}\n          path={path}\n          {...(errorProps || {})}\n        />\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            disabled={disabled}\n            filterOption={(_, rawInput) => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              return isNumber(rawInput) && !isOverHasMany\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            // numberOnly\n            onChange={handleHasManyChange}\n            options={[]}\n            placeholder={t('general:enterAValue')}\n            showError={showError}\n            value={valueToRender as Option[]}\n          />\n        ) : (\n          <div>\n            <RenderComponent mappedComponent={field?.admin?.components?.beforeInput} />\n            <input\n              disabled={disabled}\n              id={`field-${path.replace(/\\./g, '__')}`}\n              max={max}\n              min={min}\n              name={path}\n              onChange={handleChange}\n              onWheel={(e) => {\n                // @ts-expect-error\n                e.target.blur()\n              }}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={typeof value === 'number' ? value : ''}\n            />\n            <RenderComponent mappedComponent={field?.admin?.components?.afterInput} />\n          </div>\n        )}\n        <FieldDescription\n          Description={field?.admin?.components?.Description}\n          description={description}\n          field={field}\n          {...(descriptionProps || {})}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,28 +1,5 @@
-import type { Description, PasswordFieldValidation } from 'payload';
 import React from 'react';
+import type { PasswordFieldProps } from './types.js';
 import './index.scss';
-export type PasswordFieldProps = {
-    AfterInput?: React.ReactElement;
-    BeforeInput?: React.ReactElement;
-    CustomDescription?: React.ReactElement;
-    CustomError?: React.ReactElement;
-    CustomLabel?: React.ReactElement;
-    autoComplete?: string;
-    className?: string;
-    description?: Description;
-    disabled?: boolean;
-    errorProps?: any;
-    inputRef?: React.RefObject<HTMLInputElement>;
-    label?: string;
-    labelProps?: any;
-    name: string;
-    path?: string;
-    placeholder?: string;
-    required?: boolean;
-    rtl?: boolean;
-    style?: React.CSSProperties;
-    validate?: PasswordFieldValidation;
-    width?: string;
-};
 export declare const PasswordField: React.FC<PasswordFieldProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,uBAAuB,EAA4B,MAAM,SAAS,CAAA;AAI7F,OAAO,KAAsB,MAAM,OAAO,CAAA;AAK1C,OAAO,cAAc,CAAA;AAGrB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAChC,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IACtC,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,uBAAuB,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAiGD,eAAO,MAAM,aAAa,8BAAwC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,cAAc,CAAA;AAoGrB,eAAO,MAAM,aAAa,8BAAwC,CAAA"}