@payloadcms/ui 3.0.0-canary.6041f49 → 3.0.0-canary.67aae47

package/dist/fields/Number/index.js

@@ -1,160 +1,320 @@
-/* eslint-disable react/destructuring-assignment */ 'use client';
+'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 { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
-import { FieldError } from '@payloadcms/ui/forms/FieldError';
-import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
-import { isNumber } from 'payload/utilities';
+import { isNumber } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
 import { ReactSelect } from '../../elements/ReactSelect/index.js';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.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';
-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 readOnly = readOnlyFromProps || readOnlyFromContext;
-    const { path, setValue, showError, value } = useField({
-        path: pathFromContext || pathFromProps || name,
-        validate: memoizedValidate
-    });
-    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);
-        }
-        setValue(newVal);
-    }, [
-        onChangeFromProps,
-        setValue
-    ]);
-    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)=>Number(option.value?.value || option.value));
-            } else {
-                newValue = [
-                    Number(selectedOption.value?.value || selectedOption.value)
-                ];
-            }
-            setValue(newValue);
-        }
-    }, [
-        readOnly,
-        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__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            'number',
-            className,
-            showError && 'error',
-            readOnly && 'read-only',
-            hasMany && 'has-many'
-        ].filter(Boolean).join(' '),
-        style: {
-            ...style,
-            width
+import './index.scss';
+const NumberFieldComponent = props => {
+  const $ = _c(56);
+  const {
+    field: t0,
+    onChange: onChangeFromProps,
+    path: pathFromProps,
+    readOnly,
+    validate
+  } = props;
+  const {
+    name,
+    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 path = pathFromProps ?? name;
+  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)];
+          }
         }
-    }, /*#__PURE__*/ React.createElement(FieldLabel, {
-        CustomLabel: CustomLabel,
-        label: label,
-        required: required,
-        ...labelProps || {}
-    }), /*#__PURE__*/ React.createElement(FieldError, {
-        CustomError: CustomError,
-        path: path,
-        ...errorProps || {}
-    }), hasMany ? /*#__PURE__*/ React.createElement(ReactSelect, {
-        className: `field-${path.replace(/\./g, '__')}`,
-        disabled: readOnly,
-        filterOption: (_, rawInput)=>{
-            // eslint-disable-next-line no-restricted-globals
-            const isOverHasMany = Array.isArray(value) && value.length >= maxRows;
+        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 = Array.isArray(value) && value.length >= maxRows;
-            if (isOverHasMany) {
-                return t('validation:limitReached', {
-                    max: maxRows,
-                    value: value.length + 1
-                });
+          },
+          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
+              });
             }
             return null;
-        },
-        // numberOnly
-        onChange: handleHasManyChange,
-        options: [],
-        placeholder: t('general:enterAValue'),
-        showError: showError,
-        value: valueToRender
-    }) : /*#__PURE__*/ React.createElement("div", null, BeforeInput, /*#__PURE__*/ React.createElement("input", {
-        disabled: readOnly,
-        id: `field-${path.replace(/\./g, '__')}`,
-        max: max,
-        min: min,
-        name: path,
-        onChange: handleChange,
-        onWheel: (e)=>{
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            e.target.blur();
-        },
-        placeholder: getTranslation(placeholder, i18n),
-        step: step,
-        type: "number",
-        value: typeof value === 'number' ? value : ''
-    }), AfterInput), CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {}));
+          },
+          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":["/* eslint-disable react/destructuring-assignment */\n'use client'\nimport type { FieldBase, NumberField as NumberFieldType } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { isNumber } from 'payload/utilities'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type NumberFieldProps = FormFieldBase & {\n  hasMany?: boolean\n  max?: number\n  maxRows?: number\n  min?: number\n  name?: string\n  onChange?: (e: number) => void\n  path?: string\n  placeholder?: NumberFieldType['admin']['placeholder']\n  step?: number\n  width?: string\n}\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  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { path, setValue, showError, value } = useField<number | number[]>({\n    path: pathFromContext || pathFromProps || name,\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 = 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 (!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      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      {hasMany ? (\n        <ReactSelect\n          className={`field-${path.replace(/\\./g, '__')}`}\n          disabled={readOnly}\n          filterOption={(_, rawInput) => {\n            // eslint-disable-next-line no-restricted-globals\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              // eslint-disable-next-line @typescript-eslint/ban-ts-comment\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  )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","useFieldProps","isNumber","React","useCallback","useEffect","useState","ReactSelect","useField","withCondition","useTranslation","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","setValue","showError","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","disabled","filterOption","_","rawInput","isOverHasMany","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","input","onWheel","blur","type","NumberField"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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","pathFromProps","readOnly","validate","name","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","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: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const path = pathFromProps ?? name\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

@@ -1,18 +1,5 @@
-import type { Description, Validate } from 'payload/types';
 import React from 'react';
-import type { FormFieldBase } from '../shared/index.js';
+import type { PasswordFieldProps } from './types.js';
 import './index.scss';
-export type PasswordFieldProps = FormFieldBase & {
-    autoComplete?: string;
-    className?: string;
-    description?: Description;
-    disabled?: boolean;
-    name: string;
-    path?: string;
-    required?: boolean;
-    style?: React.CSSProperties;
-    validate?: Validate;
-    width?: string;
-};
-export declare const Password: React.FC<PasswordFieldProps>;
+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,EAAkB,WAAW,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI1E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAKvD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAgED,eAAO,MAAM,QAAQ,8BAA+B,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;AAuGrB,eAAO,MAAM,aAAa,8BAAwC,CAAA"}