@payloadcms/ui 3.0.0-canary.98cbdb9 → 3.0.0-canary.99cbde3

package/dist/fields/Number/index.js

@@ -1,187 +1,318 @@
 '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';
 import React, { useCallback, useEffect, useState } from 'react';
 import { ReactSelect } from '../../elements/ReactSelect/index.js';
-import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/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 { descriptionProps, errorProps, field, field: { name, _path: pathFromProps, admin: { className, description, placeholder, readOnly: readOnlyFromAdmin, step = 1, style, width } = {}, hasMany = false, label, max = Infinity, maxRows = Infinity, min = -Infinity, required }, labelProps, onChange: onChangeFromProps, readOnly: readOnlyFromTopLevelProps, validate } = props;
-    const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
-    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(56);
+  const {
+    field: t0,
+    onChange: onChangeFromProps,
+    path,
+    readOnly,
+    validate
+  } = props;
+  const {
+    admin: t1,
+    hasMany: t2,
+    label,
+    localized,
+    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,
+    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 {
+    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;
+  let t9;
+  if ($[7] !== path || $[8] !== memoizedValidate) {
+    t9 = {
+      path,
+      validate: memoizedValidate
+    };
+    $[7] = path;
+    $[8] = memoizedValidate;
+    $[9] = t9;
+  } else {
+    t9 = $[9];
+  }
+  const {
+    customComponents: t10,
+    setValue,
+    showError,
+    value: value_0
+  } = useField(t9);
+  let t11;
+  if ($[10] !== t10) {
+    t11 = t10 === undefined ? {} : t10;
+    $[10] = t10;
+    $[11] = t11;
+  } else {
+    t11 = $[11];
+  }
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t11;
+  let t12;
+  if ($[12] !== onChangeFromProps || $[13] !== setValue) {
+    t12 = e => {
+      const val = parseFloat(e.target.value);
+      let newVal = val;
+      if (Number.isNaN(val)) {
+        newVal = null;
+      }
+      if (typeof onChangeFromProps === "function") {
+        onChangeFromProps(newVal);
+      }
+      setValue(newVal);
+    };
+    $[12] = onChangeFromProps;
+    $[13] = setValue;
+    $[14] = t12;
+  } else {
+    t12 = $[14];
+  }
+  const handleChange = t12;
+  let t13;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = [];
+    $[15] = t13;
+  } else {
+    t13 = $[15];
+  }
+  const [valueToRender, setValueToRender] = useState(t13);
+  let t14;
+  if ($[16] !== readOnly || $[17] !== setValue) {
+    t14 = selectedOption => {
+      if (!readOnly) {
+        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);
+      }
+    };
+    $[16] = readOnly;
+    $[17] = setValue;
+    $[18] = t14;
+  } else {
+    t14 = $[18];
+  }
+  const handleHasManyChange = t14;
+  let t15;
+  let t16;
+  if ($[19] !== hasMany || $[20] !== value_0) {
+    t15 = () => {
+      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
+          }
+        })));
+      }
+    };
+    t16 = [value_0, hasMany];
+    $[19] = hasMany;
+    $[20] = value_0;
+    $[21] = t15;
+    $[22] = t16;
+  } else {
+    t15 = $[21];
+    t16 = $[22];
+  }
+  useEffect(t15, t16);
+  const t17 = showError && "error";
+  const t18 = readOnly && "read-only";
+  const t19 = hasMany && "has-many";
+  let t20;
+  if ($[23] !== className || $[24] !== t17 || $[25] !== t18 || $[26] !== t19) {
+    t20 = [fieldBaseClass, "number", className, t17, t18, t19].filter(Boolean);
+    $[23] = className;
+    $[24] = t17;
+    $[25] = t18;
+    $[26] = t19;
+    $[27] = t20;
+  } else {
+    t20 = $[27];
+  }
+  const t21 = t20.join(" ");
+  let t22;
+  if ($[28] !== style || $[29] !== width || $[30] !== label || $[31] !== localized || $[32] !== path || $[33] !== required || $[34] !== Label || $[35] !== showError || $[36] !== Error || $[37] !== hasMany || $[38] !== value_0 || $[39] !== maxRows || $[40] !== t || $[41] !== readOnly || $[42] !== handleHasManyChange || $[43] !== valueToRender || $[44] !== placeholder || $[45] !== i18n || $[46] !== max || $[47] !== min || $[48] !== handleChange || $[49] !== step || $[50] !== BeforeInput || $[51] !== AfterInput || $[52] !== description || $[53] !== Description || $[54] !== t21) {
+    t22 = _jsxs("div", {
+      className: t21,
+      style: {
+        ...style,
+        width
+      },
+      children: [_jsx(RenderCustomComponent, {
+        CustomComponent: Label,
+        Fallback: _jsx(FieldLabel, {
+          label,
+          localized,
+          path,
+          required
+        })
+      }), _jsxs("div", {
+        className: `${fieldBaseClass}__wrap`,
+        children: [_jsx(RenderCustomComponent, {
+          CustomComponent: Error,
+          Fallback: _jsx(FieldError, {
+            path,
+            showError
+          })
+        }), hasMany ? _jsx(ReactSelect, {
+          className: `field-${path.replace(/\./g, "__")}`,
+          disabled: readOnly,
+          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, {
-                Label: field?.admin?.components?.Label,
-                label: label,
-                required: required,
-                ...labelProps || {}
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${fieldBaseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsx(FieldError, {
-                        CustomError: field?.admin?.components?.Error,
-                        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: [
-                            /*#__PURE__*/ _jsx(RenderComponent, {
-                                mappedComponent: field?.admin?.components?.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 : ''
-                            }),
-                            /*#__PURE__*/ _jsx(RenderComponent, {
-                                mappedComponent: field?.admin?.components?.afterInput
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx(FieldDescription, {
-                        Description: field?.admin?.components?.Description,
-                        description: description,
-                        ...descriptionProps || {}
-                    })
-                ]
-            })
-        ]
+            return null;
+          },
+          onChange: handleHasManyChange,
+          options: [],
+          placeholder: t("general:enterAValue"),
+          showError,
+          value: valueToRender
+        }) : _jsxs("div", {
+          children: [BeforeInput, _jsx("input", {
+            disabled: readOnly,
+            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 : ""
+          }), AfterInput]
+        }), _jsx(RenderCustomComponent, {
+          CustomComponent: Description,
+          Fallback: _jsx(FieldDescription, {
+            description,
+            path
+          })
+        })]
+      })]
     });
+    $[28] = style;
+    $[29] = width;
+    $[30] = label;
+    $[31] = localized;
+    $[32] = path;
+    $[33] = required;
+    $[34] = Label;
+    $[35] = showError;
+    $[36] = Error;
+    $[37] = hasMany;
+    $[38] = value_0;
+    $[39] = maxRows;
+    $[40] = t;
+    $[41] = readOnly;
+    $[42] = handleHasManyChange;
+    $[43] = valueToRender;
+    $[44] = placeholder;
+    $[45] = i18n;
+    $[46] = max;
+    $[47] = min;
+    $[48] = handleChange;
+    $[49] = step;
+    $[50] = BeforeInput;
+    $[51] = AfterInput;
+    $[52] = description;
+    $[53] = Description;
+    $[54] = t21;
+    $[55] = t22;
+  } else {
+    t22 = $[55];
+  }
+  return t22;
 };
 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 { 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        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError\n          CustomError={field?.admin?.components?.Error}\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          {...(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","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","NumberFieldComponent","props","descriptionProps","errorProps","field","name","_path","pathFromProps","admin","className","description","placeholder","readOnly","readOnlyFromAdmin","step","style","width","hasMany","label","max","Infinity","maxRows","min","required","labelProps","onChange","onChangeFromProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","i18n","t","memoizedValidate","value","options","path","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","Label","components","CustomError","Error","replace","filterOption","_","rawInput","isOverHasMany","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","mappedComponent","beforeInput","input","onWheel","blur","type","afterInput","Description","NumberField"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","isNumber","React","useCallback","useEffect","useState","ReactSelect","RenderCustomComponent","useField","withCondition","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","NumberFieldComponent","props","$","field","t0","onChange","onChangeFromProps","path","readOnly","validate","admin","t1","hasMany","t2","label","localized","max","t3","maxRows","t4","min","t5","required","t6","undefined","className","description","placeholder","step","t7","style","width","Infinity","i18n","t","t8","value","options","memoizedValidate","t9","customComponents","t10","setValue","showError","value_0","t11","AfterInput","BeforeInput","Description","Error","Label","t12","e","val","parseFloat","target","newVal","Number","isNaN","handleChange","t13","Symbol","for","valueToRender","setValueToRender","t14","selectedOption","newValue","Array","isArray","map","option","handleHasManyChange","t15","t16","val_0","index","id","toString","t17","t18","t19","t20","filter","Boolean","t21","join","t22","_jsxs","children","_jsx","CustomComponent","Fallback","replace","disabled","filterOption","_","rawInput","isOverHasMany","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany_0","name","onWheel","_temp","type","NumberField","e_0","blur"],"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldClientComponent, NumberFieldClientProps } 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 { RenderCustomComponent } from '../../elements/RenderCustomComponent/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: NumberFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: {\n        className,\n        description,\n        placeholder,\n        step = 1,\n        style,\n        width,\n      } = {} as NumberFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      max = Infinity,\n      maxRows = Infinity,\n      min = -Infinity,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    validate,\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 {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField<number | number[]>({\n    path,\n    validate: memoizedValidate,\n  })\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 = null\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 (!readOnly) {\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    [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              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        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        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            disabled={readOnly}\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={readOnly}\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        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Number/index.scss

@@ -1,30 +1,32 @@
 @import '../../scss/styles.scss';
 
-.field-type.number {
-  position: relative;
+@layer payload-default {
+  .field-type.number {
+    position: relative;
 
-  &:not(.has-many) {
-    input {
-      @include formInput;
+    &:not(.has-many) {
+      input {
+        @include formInput;
+      }
     }
   }
-}
 
-html[data-theme='light'] {
-  .field-type.number {
-    &.error {
-      input {
-        @include lightInputError;
+  html[data-theme='light'] {
+    .field-type.number {
+      &.error {
+        input {
+          @include lightInputError;
+        }
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .field-type.number {
-    &.error {
-      input {
-        @include darkInputError;
+  html[data-theme='dark'] {
+    .field-type.number {
+      &.error {
+        input {
+          @include darkInputError;
+        }
       }
     }
   }

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":"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"}
+{"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;AAsGrB,eAAO,MAAM,aAAa,8BAAwC,CAAA"}