npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.2fddfc0 → 4.0.0-internal.31ba7ee - Mend

@payloadcms/ui 4.0.0-internal.2fddfc0 → 4.0.0-internal.31ba7ee

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1809) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","useField","withCondition","mergeFieldStyles","NumberInput","NumberFieldComponent","props","field","admin","className","description","placeholder","step","hasMany","label","localized","max","Infinity","maxRows","min","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","val","parseFloat","target","newVal","Number","isNaN","handleStep","direction","currentValue","newValue","valueToRender","setValueToRender","handleHasManyChange","selectedOption","Array","isArray","map","option","index","id","toString","styles","_jsx","onStep","style","NumberField"],"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { ~~NumberFieldClientComponent,~~ NumberFieldClientProps } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { NumberInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { NumberInput } from './Input.js'\nimport './index.css'\n\nexport { NumberInput, type NumberInputProps }\n\nconst NumberFieldComponent: ~~NumberFieldClientComponent~~ = (props) => {\n const {\n field,\n field: {\n admin: {\n className,\n description,\n placeholder,\n step = 1,\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\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 disabled,\n path,\n setValue,\n showError,\n value,\n } = useField<number \| number[]>({\n potentiallyStalePath: pathFromProps,\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 handleStep = useCallback(\n (direction: 'down' \| 'up') => {\n if (readOnly \|\| disabled) {\n return\n }\n const currentValue = typeof value === 'number' ? value : 0\n let newValue = direction === 'up' ? currentValue + step : currentValue - step\n\n // Clamp to min/max bounds\n if (newValue > max) {\n newValue = max\n }\n if (newValue < min) {\n newValue = min\n }\n\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(newValue)\n }\n\n setValue(newValue)\n },\n [disabled, max, min, onChangeFromProps, readOnly, setValue, step, value],\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 \|\| 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 [readOnly, 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 const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n return (\n <NumberInput\n AfterInput={AfterInput}\n BeforeInput={BeforeInput}\n className={className}\n Description={Description}\n description={description}\n Error={Error}\n hasMany={hasMany}\n Label={Label}\n label={label}\n localized={localized}\n max={max}\n maxRows={maxRows}\n min={min}\n onChange={hasMany ? handleHasManyChange : handleChange}\n onStep={handleStep}\n path={path}\n placeholder={placeholder}\n readOnly={readOnly \|\| disabled}\n required={required}\n showError={showError}\n step={step}\n style={styles}\n value={value as number}\n valueToRender={valueToRender}\n />\n )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAIjE,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,SAASA,WAAW;AAEpB,MAAMC,oBAAA,~~GAAoDC~~,KAAA;~~EACxD~~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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","useField","withCondition","mergeFieldStyles","NumberInput","NumberFieldComponent","props","field","admin","className","description","placeholder","step","hasMany","label","localized","max","Infinity","maxRows","min","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","val","parseFloat","target","newVal","Number","isNaN","handleStep","direction","currentValue","newValue","valueToRender","setValueToRender","handleHasManyChange","selectedOption","Array","isArray","map","option","index","id","toString","styles","_jsx","onStep","style","NumberField"],"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldClientProps } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { NumberInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { NumberInput } from './Input.js'\nimport './index.css'\n\nexport { NumberInput, type NumberInputProps }\n\nconst NumberFieldComponent: React.FC<NumberFieldClientProps> = (props) => {\n const {\n field,\n field: {\n admin: {\n className,\n description,\n placeholder,\n step = 1,\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\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 disabled,\n path,\n setValue,\n showError,\n value,\n } = useField<number \| number[]>({\n potentiallyStalePath: pathFromProps,\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 handleStep = useCallback(\n (direction: 'down' \| 'up') => {\n if (readOnly \|\| disabled) {\n return\n }\n const currentValue = typeof value === 'number' ? value : 0\n let newValue = direction === 'up' ? currentValue + step : currentValue - step\n\n // Clamp to min/max bounds\n if (newValue > max) {\n newValue = max\n }\n if (newValue < min) {\n newValue = min\n }\n\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(newValue)\n }\n\n setValue(newValue)\n },\n [disabled, max, min, onChangeFromProps, readOnly, setValue, step, value],\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 \|\| 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 [readOnly, 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 const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n return (\n <NumberInput\n AfterInput={AfterInput}\n BeforeInput={BeforeInput}\n className={className}\n Description={Description}\n description={description}\n Error={Error}\n hasMany={hasMany}\n Label={Label}\n label={label}\n localized={localized}\n max={max}\n maxRows={maxRows}\n min={min}\n onChange={hasMany ? handleHasManyChange : handleChange}\n onStep={handleStep}\n path={path}\n placeholder={placeholder}\n readOnly={readOnly \|\| disabled}\n required={required}\n showError={showError}\n step={step}\n style={styles}\n value={value as number}\n valueToRender={valueToRender}\n />\n )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAIjE,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,SAASA,WAAW;AAEpB,MAAMC,oBAAA,GAA0DC,KAAA;EAC9D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QACLC,SAAS;QACTC,WAAW;QACXC,WAAW;QACXC,IAAA,GAAO;MAAC,CACT,GAAG,CAAC,CAA6C;MAClDC,OAAA,GAAU,KAAK;MACfC,KAAK;MACLC,SAAS;MACTC,GAAA,GAAMC,QAAQ;MACdC,OAAA,GAAUD,QAAQ;MAClBE,GAAA,GAAM,CAACF,QAAQ;MACfG;IAAQ,CACT;IACDC,QAAA,EAAUC,iBAAiB;IAC3BC,IAAA,EAAMC,aAAa;IACnBC,QAAQ;IACRC;EAAQ,CACT,GAAGpB,KAAA;EAEJ,MAAMqB,gBAAA,GAAmB9B,WAAA,CACvB,CAAC+B,KAAA,EAAOC,OAAA;IACN,IAAI,OAAOH,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASE,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAEb,GAAA;QAAKG,GAAA;QAAKC;MAAS;IAC1D;EACF,GACA,CAACM,QAAA,EAAUP,GAAA,EAAKH,GAAA,EAAKI,QAAA,CAAS;EAGhC,MAAM;IACJU,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRb,IAAI;IACJc,QAAQ;IACRC,SAAS;IACTV,KAAK,EAALA;EAAK,CACN,GAAG3B,QAAA,CAA4B;IAC9BsC,oBAAA,EAAsBf,aAAA;IACtBE,QAAA,EAAUC;EACZ;EAEA,MAAMa,YAAA,GAAe3C,WAAA,CAClB4C,CAAA;IACC,MAAMC,GAAA,GAAMC,UAAA,CAAWF,CAAA,CAAEG,MAAM,CAAChB,KAAK;IACrC,IAAIiB,MAAA,GAASH,GAAA;IAEb,IAAII,MAAA,CAAOC,KAAK,CAACL,GAAA,GAAM;MACrBG,MAAA,GAAS;IACX;IAEA,IAAI,OAAOvB,iBAAA,KAAsB,YAAY;MAC3CA,iBAAA,CAAkBuB,MAAA;IACpB;IAEAR,QAAA,CAASQ,MAAA;EACX,GACA,CAACvB,iBAAA,EAAmBe,QAAA,CAAS;EAG/B,MAAMW,UAAA,GAAanD,WAAA,CAChBoD,SAAA;IACC,IAAIxB,QAAA,IAAYW,QAAA,EAAU;MACxB;IACF;IACA,MAAMc,YAAA,GAAe,OAAOtB,OAAA,KAAU,WAAWA,OAAA,GAAQ;IACzD,IAAIuB,QAAA,GAAWF,SAAA,KAAc,OAAOC,YAAA,GAAetC,IAAA,GAAOsC,YAAA,GAAetC,IAAA;IAEzE;IACA,IAAIuC,QAAA,GAAWnC,GAAA,EAAK;MAClBmC,QAAA,GAAWnC,GAAA;IACb;IACA,IAAImC,QAAA,GAAWhC,GAAA,EAAK;MAClBgC,QAAA,GAAWhC,GAAA;IACb;IAEA,IAAI,OAAOG,iBAAA,KAAsB,YAAY;MAC3CA,iBAAA,CAAkB6B,QAAA;IACpB;IAEAd,QAAA,CAASc,QAAA;EACX,GACA,CAACf,QAAA,EAAUpB,GAAA,EAAKG,GAAA,EAAKG,iBAAA,EAAmBG,QAAA,EAAUY,QAAA,EAAUzB,IAAA,EAAMgB,OAAA,CAAM;EAG1E,MAAM,CAACwB,aAAA,EAAeC,gBAAA,CAAiB,GAAGrD,QAAA,CAExC,EAAE,EAAE;AAAA;EAEN,MAAMsD,mBAAA,GAAsBzD,WAAA,CACzB0D,cAAA;IACC,IAAI,EAAE9B,QAAA,IAAYW,QAAO,GAAI;MAC3B,IAAIe,UAAA;MACJ,IAAI,CAACI,cAAA,EAAgB;QACnBJ,UAAA,GAAW,EAAE;MACf,OAAO,IAAIK,KAAA,CAAMC,OAAO,CAACF,cAAA,GAAiB;QACxCJ,UAAA,GAAWI,cAAA,CAAeG,GAAG,CAAEC,MAAA,IAAWb,MAAA,CAAOa,MAAA,CAAO/B,KAAK,EAAEA,KAAA,IAAS+B,MAAA,CAAO/B,KAAK;MACtF,OAAO;QACLuB,UAAA,GAAW,CAACL,MAAA,CAAOS,cAAA,CAAe3B,KAAK,EAAEA,KAAA,IAAS2B,cAAA,CAAe3B,KAAK,EAAE;MAC1E;MAEAS,QAAA,CAASc,UAAA;IACX;EACF,GACA,CAAC1B,QAAA,EAAUW,QAAA,EAAUC,QAAA,CAAS;EAGhC;EACAvC,SAAA,CAAU;IACR,IAAIe,OAAA,IAAW2C,KAAA,CAAMC,OAAO,CAAC7B,OAAA,GAAQ;MACnCyB,gBAAA,CACEzB,OAAA,CAAM8B,GAAG,CAAC,CAAChB,KAAA,EAAKkB,KAAA;QACd,OAAO;UACLC,EAAA,EAAI,GAAGnB,KAAA,GAAMkB,KAAA,EAAO;UACpB9C,KAAA,EAAO,GAAG4B,KAAA,EAAK;UACfd,KAAA,EAAO;YACLkC,QAAA,EAAUA,CAAA,KAAM,GAAGpB,KAAA,GAAMkB,KAAA,EAAO;YAChChC,KAAA,EAAOc,KAAC,EAA2Cd,KAAA,IAASc;UAC9D;QACF;MACF;IAEJ;EACF,GAAG,CAACd,OAAA,EAAOf,OAAA,CAAQ;EAEnB,MAAMkD,MAAA,GAAShE,OAAA,CAAQ,MAAMI,gBAAA,CAAiBI,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEyD,IAAA,CAAC5D,WAAA;IACC2B,UAAA,EAAYA,UAAA;IACZC,WAAA,EAAaA,WAAA;IACbvB,SAAA,EAAWA,SAAA;IACXwB,WAAA,EAAaA,WAAA;IACbvB,WAAA,EAAaA,WAAA;IACbwB,KAAA,EAAOA,KAAA;IACPrB,OAAA,EAASA,OAAA;IACTsB,KAAA,EAAOA,KAAA;IACPrB,KAAA,EAAOA,KAAA;IACPC,SAAA,EAAWA,SAAA;IACXC,GAAA,EAAKA,GAAA;IACLE,OAAA,EAASA,OAAA;IACTC,GAAA,EAAKA,GAAA;IACLE,QAAA,EAAUR,OAAA,GAAUyC,mBAAA,GAAsBd,YAAA;IAC1CyB,MAAA,EAAQjB,UAAA;IACRzB,IAAA,EAAMA,IAAA;IACNZ,WAAA,EAAaA,WAAA;IACbc,QAAA,EAAUA,QAAA,IAAYW,QAAA;IACtBhB,QAAA,EAAUA,QAAA;IACVkB,SAAA,EAAWA,SAAA;IACX1B,IAAA,EAAMA,IAAA;IACNsD,KAAA,EAAOH,MAAA;IACPnC,KAAA,EAAOA,OAAA;IACPwB,aAAA,EAAeA;;AAGrB;AAEA,OAAO,MAAMe,WAAA,GAAcjE,aAAA,CAAcG,oBAAA","ignoreList":[]}

package/dist/fields/Number/types.d.ts CHANGED Viewed

@@ -10,6 +10,8 @@ export type SharedNumberFieldProps = {
 };
 export type NumberInputProps = {
     readonly AfterInput?: React.ReactNode;
+    /** Overrides the input's `aria-label`. Defaults to the resolved label or path. */
+    readonly ariaLabel?: string;
     readonly BeforeInput?: React.ReactNode;
     readonly className?: string;
     readonly Description?: React.ReactNode;
@@ -24,11 +26,19 @@ export type NumberInputProps = {
     readonly onStep?: (direction: 'down' | 'up') => void;
     readonly path: string;
     readonly placeholder?: Record<string, string> | string;
+    /** Short text affix rendered before the value, e.g. `W`, `H`, `X`. */
+    readonly prefix?: string;
     readonly readOnly?: boolean;
     readonly required?: boolean;
     readonly showError?: boolean;
+    /**
+     * Controls the height of the input. Defaults to `'large'`.
+     */
+    readonly size?: 'large' | 'medium';
     readonly step?: number;
     readonly style?: React.CSSProperties;
+    /** Short text affix rendered after the value, e.g. `%`. */
+    readonly suffix?: string;
     readonly value?: null | number;
     readonly valueToRender?: Option[];
 } & SharedNumberFieldProps;

package/dist/fields/Number/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,sBAAsB,GAC9B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CACrE,GACD;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CACxD,CAAA;AAEL,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CAClC,GAAG,sBAAsB,CAAA"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,sBAAsB,GAC9B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CACrE,GACD;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CACxD,CAAA;AAEL,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,kFAAkF;IAClF,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,sEAAsE;IACtE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,2DAA2D;IAC3D,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CAClC,GAAG,sBAAsB,CAAA"}

package/dist/fields/Number/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Number/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type React from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedNumberFieldProps =\n \| {\n readonly hasMany?: false\n readonly onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n }\n \| {\n readonly hasMany?: true\n readonly onChange?: ReactSelectAdapterProps['onChange']\n }\n\nexport type NumberInputProps = {\n readonly AfterInput?: React.ReactNode\n readonly BeforeInput?: React.ReactNode\n readonly className?: string\n readonly Description?: React.ReactNode\n readonly description?: StaticDescription\n readonly Error?: React.ReactNode\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly max?: number\n readonly maxRows?: number\n readonly min?: number\n readonly onStep?: (direction: 'down' \| 'up') => void\n readonly path: string\n readonly placeholder?: Record<string, string> \| string\n readonly readOnly?: boolean\n readonly required?: boolean\n readonly showError?: boolean\n readonly step?: number\n readonly style?: React.CSSProperties\n readonly value?: null \| number\n readonly valueToRender?: Option[]\n} & SharedNumberFieldProps\n"],"mappings":"AAeA","ignoreList":[]}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Number/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type React from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedNumberFieldProps =\n \| {\n readonly hasMany?: false\n readonly onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n }\n \| {\n readonly hasMany?: true\n readonly onChange?: ReactSelectAdapterProps['onChange']\n }\n\nexport type NumberInputProps = {\n readonly AfterInput?: React.ReactNode\n /** Overrides the input's `aria-label`. Defaults to the resolved label or path. /\n readonly ariaLabel?: string\n readonly BeforeInput?: React.ReactNode\n readonly className?: string\n readonly Description?: React.ReactNode\n readonly description?: StaticDescription\n readonly Error?: React.ReactNode\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly max?: number\n readonly maxRows?: number\n readonly min?: number\n readonly onStep?: (direction: 'down' \| 'up') => void\n readonly path: string\n readonly placeholder?: Record<string, string> \| string\n /* Short text affix rendered before the value, e.g. `W`, `H`, `X`. /\n readonly prefix?: string\n readonly readOnly?: boolean\n readonly required?: boolean\n readonly showError?: boolean\n /\n Controls the height of the input. Defaults to `'large'`.\n /\n readonly size?: 'large' \| 'medium'\n readonly step?: number\n readonly style?: React.CSSProperties\n /* Short text affix rendered after the value, e.g. `%`. */\n readonly suffix?: string\n readonly value?: null \| number\n readonly valueToRender?: Option[]\n} & SharedNumberFieldProps\n"],"mappings":"AAeA","ignoreList":[]}

package/dist/fields/Password/input.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AASpD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,~~CA2FtD~~,CAAA"}
1	+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AASpD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6FtD,CAAA"}

package/dist/fields/Password/input.js CHANGED Viewed

@@ -14,7 +14,7 @@ import { fieldBaseClass } from '../shared/index.js';
 import './index.css';
 const baseClass = 'password';
 export const PasswordInput = props => {
-  const $ = _c(31);
+  const $ = _c(32);
   const {
     AfterInput,
     autoComplete: t0,
@@ -35,40 +35,43 @@ export const PasswordInput = props => {
     required,
     rtl,
     showError,
+    size: t1,
     style,
     value,
     width
   } = props;
   const autoComplete = t0 === undefined ? "off" : t0;
+  const size = t1 === undefined ? "large" : t1;
   const {
     i18n,
     t
   } = useTranslation();
   const [showPassword, setShowPassword] = useState(false);
-  const t1 = showError && "error";
-  const t2 = readOnly && "read-only";
-  let t3;
-  if ($[0] !== className || $[1] !== t1 || $[2] !== t2) {
-    t3 = [fieldBaseClass, baseClass, className, t1, t2].filter(Boolean);
+  const t2 = showError && "error";
+  const t3 = readOnly && "read-only";
+  let t4;
+  if ($[0] !== className || $[1] !== t2 || $[2] !== t3) {
+    t4 = [fieldBaseClass, baseClass, className, t2, t3].filter(Boolean);
     $[0] = className;
-    $[1] = t1;
-    $[2] = t2;
-    $[3] = t3;
+    $[1] = t2;
+    $[2] = t3;
+    $[3] = t4;
   } else {
-    t3 = $[3];
+    t4 = $[3];
   }
-  const t4 = t3.join(" ");
-  let t5;
-  if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== autoComplete || $[10] !== description || $[11] !== i18n || $[12] !== inputRef || $[13] !== label || $[14] !== localized || $[15] !== onChange || $[16] !== onKeyDown || $[17] !== path || $[18] !== placeholder || $[19] !== readOnly || $[20] !== required || $[21] !== rtl || $[22] !== showError || $[23] !== showPassword || $[24] !== style || $[25] !== t || $[26] !== t4 || $[27] !== value || $[28] !== width) {
-    let t6;
-    if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-      t6 = () => setShowPassword(_temp);
-      $[30] = t6;
+  const t5 = t4.join(" ");
+  let t6;
+  if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== autoComplete || $[10] !== description || $[11] !== i18n || $[12] !== inputRef || $[13] !== label || $[14] !== localized || $[15] !== onChange || $[16] !== onKeyDown || $[17] !== path || $[18] !== placeholder || $[19] !== readOnly || $[20] !== required || $[21] !== rtl || $[22] !== showError || $[23] !== showPassword || $[24] !== size || $[25] !== style || $[26] !== t || $[27] !== t5 || $[28] !== value || $[29] !== width) {
+    let t7;
+    if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+      t7 = () => setShowPassword(_temp);
+      $[31] = t7;
     } else {
-      t6 = $[30];
+      t7 = $[31];
     }
-    t5 = _jsxs("div", {
-      className: t4,
+    t6 = _jsxs("div", {
+      className: t5,
+      "data-size": size,
       style: {
         ...style,
         width
@@ -109,7 +112,7 @@ export const PasswordInput = props => {
             "aria-label": t(showPassword ? "fields:hidePassword" : "fields:showPassword"),
             className: "password__toggle-button",
             disabled: readOnly,
-            onClick: t6,
+            onClick: t7,
             type: "button",
             children: _jsx(EyeIcon, {
               active: showPassword,
@@ -145,16 +148,17 @@ export const PasswordInput = props => {
     $[21] = rtl;
     $[22] = showError;
     $[23] = showPassword;
-    $[24] = style;
-    $[25] = t;
-    $[26] = t4;
-    $[27] = value;
-    $[28] = width;
-    $[29] = t5;
+    $[24] = size;
+    $[25] = style;
+    $[26] = t;
+    $[27] = t5;
+    $[28] = value;
+    $[29] = width;
+    $[30] = t6;
   } else {
-    t5 = $[29];
+    t6 = $[30];
   }
-  return t5;
+  return t6;
 };
 function _temp(prev) {
   return !prev;

package/dist/fields/Password/input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.js","names":["c","_c","getTranslation","React","useState","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","EyeIcon","useTranslation","fieldBaseClass","baseClass","PasswordInput","props","$","AfterInput","autoComplete","t0","BeforeInput","className","description","Description","Error","inputRef","Label","label","localized","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","width","undefined","i18n","t","showPassword","setShowPassword","t1","t2","t3","filter","Boolean","t4","join","t5","t6","Symbol","for","_temp","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","ref","type","onClick","active","~~size","~~prev"],"sources":["../../../src/fields/Password/input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useState } from 'react'\n\nimport type { PasswordInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { EyeIcon } from '../../icons/Eye/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst baseClass = 'password'\n\nexport const PasswordInput: React.FC<PasswordInputProps> = (props) => {\n const {\n AfterInput,\n autoComplete = 'off',\n BeforeInput,\n className,\n description,\n Description,\n Error,\n inputRef,\n Label,\n label,\n localized,\n onChange,\n onKeyDown,\n path,\n placeholder,\n readOnly,\n required,\n rtl,\n showError,\n style,\n value,\n width,\n } = props\n\n const { i18n, t } = useTranslation()\n const [showPassword, setShowPassword] = useState(false)\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n style={{\n ...style,\n width,\n }}\n >\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel label={label} localized={localized} path={path} required={required} />\n }\n />\n <div className={`${fieldBaseClass}__wrap`}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n <div className=\"password__input-wrap\">\n {BeforeInput}\n <input\n aria-label={getTranslation(label, i18n)}\n autoComplete={autoComplete}\n className=\"form-input\"\n data-rtl={rtl}\n disabled={readOnly}\n id={`field-${path.replace(/\\./g, '__')}`}\n name={path}\n onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n onKeyDown={onKeyDown}\n placeholder={getTranslation(placeholder, i18n)}\n ref={inputRef}\n type={showPassword ? 'text' : 'password'}\n value={value \|\| ''}\n />\n <button\n aria-label={t(showPassword ? 'fields:hidePassword' : 'fields:showPassword')}\n className=\"password__toggle-button\"\n disabled={readOnly}\n onClick={() => setShowPassword((prev) => !prev)}\n type=\"button\"\n >\n <EyeIcon active={showPassword} size={24} />\n </button>\n {AfterInput}\n </div>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,OAAO,QAAQ;AACxB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,aAAA,GAA8CC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACzD;IAAAe,UAAA;IAAAC,YAAA,EAAAC,EAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,IAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,GAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC;EAAA,~~IAuBIxB~~,KAAA;~~EArBF~~,MAAAG,YAAA,GAAAC,EAAoB,~~KAAAqB~~,SAAA,GAAL,KAAK,~~GAApBrB~~,EAAoB;~~EAuBtB~~;~~IAAAsB~~,IAAA;IAAAC;EAAA,~~IAAoB/B~~,cAAA;EACpB,~~OAAAgC~~,YAAA,EAAAC,eAAA,~~IAAwCvC~~,QAAA,MAAS;EAQ3C,~~MAAAwC~~,EAAA,~~GAAAT~~,SAAA,IAAa;EACb,~~MAAAU~~,EAAA,~~GAAAb~~,QAAA,IAAY;EAAA,~~IAAAc~~,EAAA;EAAA,~~IAAA/B~~,CAAA,QAAAK,SAAA,IAAAL,CAAA,~~QAAA6B~~,EAAA,~~IAAA7B~~,CAAA,~~QAAA8B~~,EAAA;IALHC,EAAA,~~IAAAnC~~,cAAA,EAAAC,SAAA,EAGTQ,SAAA,~~EACAwB~~,EAAa,EACbC,EAAY,EAAAE,MAAA,CAAAC,OAEJ;~~IAAAjC~~,CAAA,MAAAK,SAAA;IAAAL,CAAA,~~MAAA6B~~,EAAA;~~IAAA7B~~,CAAA,~~MAAA8B~~,EAAA;~~IAAA9B~~,CAAA,~~MAAA+B~~,EAAA;EAAA;IAAAA,EAAA,~~GAAA/B~~,CAAA;EAAA;EAPC,~~MAAAkC~~,EAAA,GAAAH,EAOD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,~~IAAApC~~,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAO,WAAA,IAAAP,CAAA,QAAAQ,KAAA,IAAAR,CAAA,QAAAU,KAAA,IAAAV,CAAA,QAAAE,YAAA,IAAAF,CAAA,SAAAM,WAAA,IAAAN,CAAA,~~SAAAyB~~,IAAA,~~IAAAzB~~,CAAA,SAAAS,QAAA,IAAAT,CAAA,SAAAW,KAAA,IAAAX,CAAA,SAAAY,SAAA,IAAAZ,CAAA,SAAAa,QAAA,IAAAb,CAAA,SAAAc,SAAA,IAAAd,CAAA,SAAAe,IAAA,IAAAf,CAAA,SAAAgB,WAAA,IAAAhB,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAAkB,QAAA,IAAAlB,CAAA,SAAAmB,GAAA,IAAAnB,CAAA,SAAAoB,SAAA,IAAApB,CAAA,~~SAAA2B~~,YAAA,~~IAAA3B~~,CAAA,SAAAqB,~~KAAA~~,IAAArB,CAAA,~~SAAA0B~~,CAAA,~~IAAA1B~~,CAAA,~~SAAAkC~~,EAAA,~~IAAAlC~~,CAAA,~~SAAAsB~~,KAAA,~~IAAAtB~~,CAAA,~~SAAAuB~~,KAAA;IAAA,IAAAc,EAAA;IAAA,~~IAAArC~~,CAAA,~~SAAAsC~~,MAAA,CAAAC,GAAA;~~MAsCOF~~,EAAA,GAAAA,CAAA,KAAMT,eAAA,CAAAY,KAA2B;~~MAAAxC~~,CAAA,~~OAAAqC~~,EAAA;IAAA;MAAAA,EAAA,~~GAAArC~~,CAAA;IAAA;~~IA/ClDoC~~,EAAA,GAAAK,KAAA,CAAC;~~MAAApC~~,SAAA,~~EACY6B~~,EAQH;~~MAAAb~~,KAAA;QAAA,~~GAEHA~~,KAAK;QAAAE;MAAA;MAAAmB,QAAA,GAIVC,IAAA,~~CAAArD~~,qBAAA;~~QAAAsD~~,eAAA,~~EACmBlC~~,KAAA;~~QAAAmC~~,QAAA,EAEfF,IAAA,~~CAAAlD~~,UAAA;UAAAkB,KAAA;UAAAC,SAAA;UAAAG,IAAA;UAAAG;QAAA,C;~~UAGJuB~~,KAAA,CAAC;~~QAAApC~~,SAAA,EAAe,GAAAT,cAAA,QAAyB;~~QAAA8C~~,QAAA,GACvCC,IAAA,~~CAAArD~~,qBAAA;~~UAAAsD~~,eAAA,~~EACmBpC~~,KAAA;~~UAAAqC~~,QAAA,EACPF,IAAA,~~CAAAnD~~,UAAA;YAAAuB,IAAA;YAAAK;UAAA,C;~~YAEZqB~~,KAAA,CAAC;~~UAAApC~~,SAAA,EAAc;~~UAAAqC~~,QAAA,~~GACZtC~~,WAAA,~~EACDuC~~,IAAA,CAAC;YAAA,~~cACaxD~~,cAAA,CAAewB,KAAA,~~EAAOc~~,IAAA;~~YAAAvB~~,YAAA;YAAAG,SAAA,EAExB;YAAA,YACAc,GAAA;~~YAAA2B~~,QAAA,~~EACA7B~~,QAAA;~~YAAA8B~~,EAAA,EACN,~~SAAShC~~,IAAA,~~CAAAiC~~,OAAA,QAAoB,OAAO;YAAAC,IAAA,~~EAClClC~~,IAAA;YAAAF,QAAA;YAAAC,SAAA;YAAAE,WAAA,EAGO7B,cAAA,CAAe6B,WAAA,~~EAAaS~~,IAAA;YAAAyB,GAAA,~~EACpCzC~~,QAAA;~~YAAA0C~~,IAAA,EACCxB,YAAA,GAAe,SAAS;YAAAL,KAAA,EACvBA,KAAA,IAAS;UAAA,C,GAElBqB,IAAA,CAAC;YAAA,cACajB,CAAA,CAAEC,YAAA,GAAe,wBAAwB;~~YAAAtB~~,SAAA,EAC3C;~~YAAAyC~~,QAAA,~~EACA7B~~,QAAA;~~YAAAmC~~,OAAA,EACDf,EAAiC;YAAAc,IAAA,EACrC;YAAAT,QAAA,EAELC,IAAA,~~CAAAjD~~,OAAA;~~cAAA2D~~,MAAA,EAAiB1B,YAAA;~~cAAA2B~~,IAAA;YAAA,C;~~cAElBrD~~,UAAA;QAAA,C,~~GAEH0C~~,IAAA,~~CAAArD~~,qBAAA;~~UAAAsD~~,eAAA,~~EACmBrC~~,WAAA;~~UAAAsC~~,QAAA,EACPF,IAAA,~~CAAApD~~,gBAAA;YAAAe,WAAA;YAAAS;UAAA,C~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAxDhBqB~~,E;~~CA6DJ~~;~~AA3F2D~~,SAAAI,~~MAAAe~~,IAAA;EAAA,~~QA6ELA~~,IAAA;AAAA","ignoreList":[]}
1	+ {"version":3,"file":"input.js","names":["c","_c","getTranslation","React","useState","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","EyeIcon","useTranslation","fieldBaseClass","baseClass","PasswordInput","props","$","AfterInput","autoComplete","t0","BeforeInput","className","description","Description","Error","inputRef","Label","label","localized","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","size","t1","style","value","width","undefined","i18n","t","showPassword","setShowPassword","t2","t3","t4","filter","Boolean","t5","join","t6","t7","Symbol","for","_temp","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","ref","type","onClick","active","prev"],"sources":["../../../src/fields/Password/input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useState } from 'react'\n\nimport type { PasswordInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { EyeIcon } from '../../icons/Eye/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst baseClass = 'password'\n\nexport const PasswordInput: React.FC<PasswordInputProps> = (props) => {\n const {\n AfterInput,\n autoComplete = 'off',\n BeforeInput,\n className,\n description,\n Description,\n Error,\n inputRef,\n Label,\n label,\n localized,\n onChange,\n onKeyDown,\n path,\n placeholder,\n readOnly,\n required,\n rtl,\n showError,\n size = 'large',\n style,\n value,\n width,\n } = props\n\n const { i18n, t } = useTranslation()\n const [showPassword, setShowPassword] = useState(false)\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n data-size={size}\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 <div className=\"password__input-wrap\">\n {BeforeInput}\n <input\n aria-label={getTranslation(label, i18n)}\n autoComplete={autoComplete}\n className=\"form-input\"\n data-rtl={rtl}\n disabled={readOnly}\n id={`field-${path.replace(/\\./g, '__')}`}\n name={path}\n onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n onKeyDown={onKeyDown}\n placeholder={getTranslation(placeholder, i18n)}\n ref={inputRef}\n type={showPassword ? 'text' : 'password'}\n value={value \|\| ''}\n />\n <button\n aria-label={t(showPassword ? 'fields:hidePassword' : 'fields:showPassword')}\n className=\"password__toggle-button\"\n disabled={readOnly}\n onClick={() => setShowPassword((prev) => !prev)}\n type=\"button\"\n >\n <EyeIcon active={showPassword} size={24} />\n </button>\n {AfterInput}\n </div>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Password/types.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import type { FieldBaseClient, PasswordFieldValidation, StaticDescription, TextFieldClient } from 'payload';
+import type { BrowserAutoComplete, FieldBaseClient, PasswordFieldValidation, StaticDescription, TextFieldClient } from 'payload';
 import type { ChangeEvent, CSSProperties } from 'react';
 import type React from 'react';
 import type { MarkOptional } from 'ts-essentials';
 export type PasswordFieldProps = {
-    readonly autoComplete?: string;
+    readonly autoComplete?: BrowserAutoComplete;
     readonly field: MarkOptional<TextFieldClient, 'type'>;
     /**
      * @default ''
@@ -30,7 +30,7 @@ export type PasswordFieldProps = {
 };
 export type PasswordInputProps = {
     readonly AfterInput?: React.ReactNode;
-    readonly autoComplete?: string;
+    readonly autoComplete?: BrowserAutoComplete;
     readonly BeforeInput?: React.ReactNode;
     readonly className?: string;
     readonly description?: StaticDescription;
@@ -49,6 +49,10 @@ export type PasswordInputProps = {
     readonly required?: boolean;
     readonly rtl?: boolean;
     readonly showError?: boolean;
+    /**
+     * Controls the height of the input. Defaults to `'large'`.
+     */
+    readonly size?: 'large' | 'medium';
     readonly style?: React.CSSProperties;
     readonly value?: string;
     readonly width?: CSSProperties['width'];

package/dist/fields/Password/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EAChB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,~~MAAM~~,CAAA;~~IAC9B~~,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;IACrD;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAClC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,~~MAAM~~,CAAA;~~IAC9B~~,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;CACxC,CAAA"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/types.ts"],"names":[],"mappings":"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"}

package/dist/fields/Password/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Password/types.ts"],"sourcesContent":["import type {\n FieldBaseClient,\n PasswordFieldValidation,\n StaticDescription,\n TextFieldClient,\n} from 'payload'\nimport type { ChangeEvent, CSSProperties } from 'react'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nexport type PasswordFieldProps = {\n readonly autoComplete?: ~~string~~\n readonly field: MarkOptional<TextFieldClient, 'type'>\n /*\n @default ''\n /\n readonly indexPath?: string\n readonly inputRef?: React.RefObject<HTMLInputElement>\n /\n @default ''\n /\n readonly parentPath?: string\n /\n @default ''\n /\n readonly parentSchemaPath?: string\n /\n @default field.name\n /\n readonly path: string\n /\n @default field.name\n */\n readonly schemaPath?: string\n readonly validate?: PasswordFieldValidation\n}\n\nexport type PasswordInputProps = {\n readonly AfterInput?: React.ReactNode\n readonly autoComplete?: ~~string~~\n readonly BeforeInput?: React.ReactNode\n readonly className?: string\n readonly description?: StaticDescription\n readonly Description?: React.ReactNode\n readonly Error?: React.ReactNode\n readonly field?: MarkOptional<TextFieldClient, 'type'>\n readonly inputRef?: React.RefObject<HTMLInputElement>\n readonly Label?: React.ReactNode\n readonly label: FieldBaseClient['label']\n readonly localized?: boolean\n readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n readonly path: string\n readonly placeholder?: Record<string, string> \| string\n readonly readOnly?: boolean\n readonly required?: boolean\n readonly rtl?: boolean\n readonly showError?: boolean\n readonly style?: React.CSSProperties\n readonly value?: string\n readonly width?: CSSProperties['width']\n}\n"],"mappings":"~~AAqCA~~","ignoreList":[]}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Password/types.ts"],"sourcesContent":["import type {\n BrowserAutoComplete,\n FieldBaseClient,\n PasswordFieldValidation,\n StaticDescription,\n TextFieldClient,\n} from 'payload'\nimport type { ChangeEvent, CSSProperties } from 'react'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nexport type PasswordFieldProps = {\n readonly autoComplete?: BrowserAutoComplete\n readonly field: MarkOptional<TextFieldClient, 'type'>\n /*\n @default ''\n /\n readonly indexPath?: string\n readonly inputRef?: React.RefObject<HTMLInputElement>\n /\n @default ''\n /\n readonly parentPath?: string\n /\n @default ''\n /\n readonly parentSchemaPath?: string\n /\n @default field.name\n /\n readonly path: string\n /\n @default field.name\n /\n readonly schemaPath?: string\n readonly validate?: PasswordFieldValidation\n}\n\nexport type PasswordInputProps = {\n readonly AfterInput?: React.ReactNode\n readonly autoComplete?: BrowserAutoComplete\n readonly BeforeInput?: React.ReactNode\n readonly className?: string\n readonly description?: StaticDescription\n readonly Description?: React.ReactNode\n readonly Error?: React.ReactNode\n readonly field?: MarkOptional<TextFieldClient, 'type'>\n readonly inputRef?: React.RefObject<HTMLInputElement>\n readonly Label?: React.ReactNode\n readonly label: FieldBaseClient['label']\n readonly localized?: boolean\n readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n readonly path: string\n readonly placeholder?: Record<string, string> \| string\n readonly readOnly?: boolean\n readonly required?: boolean\n readonly rtl?: boolean\n readonly showError?: boolean\n /\n Controls the height of the input. Defaults to `'large'`.\n */\n readonly size?: 'large' \| 'medium'\n readonly style?: React.CSSProperties\n readonly value?: string\n readonly width?: CSSProperties['width']\n}\n"],"mappings":"AAsCA","ignoreList":[]}

package/dist/fields/Point/index.d.ts CHANGED Viewed

@@ -1,11 +1,6 @@
-import type { PointFieldClientComponent, PointFieldValidation } from 'payload';
+import type { PointFieldClientProps } from 'payload';
 import React from 'react';
 import './index.css';
-export declare const PointFieldComponent: PointFieldClientComponent;
-export declare const PointField: React.FC<{
-    readonly path: string;
-    readonly validate?: PointFieldValidation;
-} & {
-    readonly field: Omit<import("payload").PointFieldClient, "type"> & Partial<Pick<import("payload").PointFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
+export declare const PointFieldComponent: React.FC<PointFieldClientProps>;
+export declare const PointField: React.FC<PointFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Point/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Point/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,~~yBAAyB~~,~~EAAE~~,~~oBAAoB,EAAE,~~MAAM,SAAS,CAAA;~~AAG9E~~,OAAO,KAA+B,MAAM,OAAO,CAAA;AAWnD,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,mBAAmB,EAAE,~~yBAyKjC~~,CAAA;AAED,eAAO,MAAM,UAAU~~;;;;;+EAAqC~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Point/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAwB,MAAM,SAAS,CAAA;AAG1E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAWnD,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyK/D,CAAA;AAED,eAAO,MAAM,UAAU,iCAAqC,CAAA"}

package/dist/fields/Point/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","InputStepper","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","PointFieldComponent","props","field","admin","className","description","placeholder","step","label","localized","required","path","pathFromProps","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","handleStep","direction","stepValue","currentValue","newValue","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","name","onChange","onDecrement","onIncrement","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldClientComponent, PointFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { InputStepper } from '../../elements/InputStepper/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.css'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'point'\n\nexport const PointFieldComponent: PointFieldClientComponent = (props) => {\n const {\n field,\n field: {\n admin: { className, description, placeholder, step } = {},\n label,\n localized,\n required,\n },\n path: pathFromProps,\n readOnly,\n validate,\n } = props\n\n const { i18n, t } = useTranslation()\n\n const memoizedValidate: PointFieldValidation = useCallback(\n (value, options) => {\n if (typeof validate === 'function') {\n return validate(value, { ...options, required })\n }\n },\n [validate, required],\n )\n\n const {\n customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n disabled,\n path,\n setValue,\n showError,\n value = [null, null],\n } = useField<[number, number]>({\n potentiallyStalePath: pathFromProps,\n validate: memoizedValidate,\n })\n\n const handleChange = useCallback(\n (e, index: 0 \| 1) => {\n let val = parseFloat(e.target.value)\n if (Number.isNaN(val)) {\n val = e.target.value\n }\n const coordinates = [...value]\n coordinates[index] = val\n setValue(coordinates)\n },\n [setValue, value],\n )\n\n const handleStep = useCallback(\n (index: 0 \| 1, direction: 'down' \| 'up') => {\n if (readOnly \|\| disabled) {\n return\n }\n const stepValue = step ?? 1\n const currentValue = typeof value[index] === 'number' ? value[index] : 0\n const newValue = direction === 'up' ? currentValue + stepValue : currentValue - stepValue\n const coordinates = [...value]\n coordinates[index] = newValue\n setValue(coordinates)\n },\n [disabled, readOnly, setValue, step, value],\n )\n\n const getCoordinateFieldLabel = (type: 'latitude' \| 'longitude') => {\n const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude')\n const fieldLabel = label ? getTranslation(label, i18n) : ''\n\n return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`\n }\n\n const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n (readOnly \|\| disabled) && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n style={styles}\n >\n <ul className={`${baseClass}__wrap`}>\n <li>\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel\n label={getCoordinateFieldLabel('longitude')}\n localized={localized}\n path={path}\n required={required}\n />\n }\n />\n {BeforeInput}\n <div className=\"form-input-group\">\n {/* disable eslint rule because the label is dynamic /}\n {/ eslint-disable-next-line jsx-a11y/control-has-associated-label /}\n <input\n className=\"form-input\"\n disabled={readOnly \|\| disabled}\n id={`field-longitude-${path?.replace(/\\./g, '__')}`}\n name={`${path}.longitude`}\n onChange={(e) => handleChange(e, 0)}\n placeholder={getTranslation(placeholder, i18n)}\n step={step}\n type=\"number\"\n value={value && typeof value[0] === 'number' ? value[0] : ''}\n />\n <InputStepper\n disabled={readOnly \|\| disabled}\n onDecrement={() => handleStep(0, 'down')}\n onIncrement={() => handleStep(0, 'up')}\n />\n </div>\n {AfterInput}\n </li>\n <li>\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel\n label={getCoordinateFieldLabel('latitude')}\n localized={localized}\n path={path}\n required={required}\n />\n }\n />\n <div className=\"form-input-group\">\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n {BeforeInput}\n {/ disable eslint rule because the label is dynamic /}\n {/ eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n <input\n className=\"form-input\"\n disabled={readOnly \|\| disabled}\n id={`field-latitude-${path?.replace(/\\./g, '__')}`}\n name={`${path}.latitude`}\n onChange={(e) => handleChange(e, 1)}\n placeholder={getTranslation(placeholder, i18n)}\n step={step}\n type=\"number\"\n value={value && typeof value[1] === 'number' ? value[1] : ''}\n />\n <InputStepper\n disabled={readOnly \|\| disabled}\n onDecrement={() => handleStep(1, 'down')}\n onIncrement={() => handleStep(1, 'up')}\n />\n </div>\n {AfterInput}\n </li>\n </ul>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n )\n}\n\nexport const PointField = withCondition(PointFieldComponent)\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","InputStepper","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","PointFieldComponent","props","field","admin","className","description","placeholder","step","label","localized","required","path","pathFromProps","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","handleStep","direction","stepValue","currentValue","newValue","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","name","onChange","onDecrement","onIncrement","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldClientProps, PointFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { InputStepper } from '../../elements/InputStepper/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.css'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'point'\n\nexport const PointFieldComponent: React.FC<PointFieldClientProps> = (props) => {\n const {\n field,\n field: {\n admin: { className, description, placeholder, step } = {},\n label,\n localized,\n required,\n },\n path: pathFromProps,\n readOnly,\n validate,\n } = props\n\n const { i18n, t } = useTranslation()\n\n const memoizedValidate: PointFieldValidation = useCallback(\n (value, options) => {\n if (typeof validate === 'function') {\n return validate(value, { ...options, required })\n }\n },\n [validate, required],\n )\n\n const {\n customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n disabled,\n path,\n setValue,\n showError,\n value = [null, null],\n } = useField<[number, number]>({\n potentiallyStalePath: pathFromProps,\n validate: memoizedValidate,\n })\n\n const handleChange = useCallback(\n (e, index: 0 \| 1) => {\n let val = parseFloat(e.target.value)\n if (Number.isNaN(val)) {\n val = e.target.value\n }\n const coordinates = [...value]\n coordinates[index] = val\n setValue(coordinates)\n },\n [setValue, value],\n )\n\n const handleStep = useCallback(\n (index: 0 \| 1, direction: 'down' \| 'up') => {\n if (readOnly \|\| disabled) {\n return\n }\n const stepValue = step ?? 1\n const currentValue = typeof value[index] === 'number' ? value[index] : 0\n const newValue = direction === 'up' ? currentValue + stepValue : currentValue - stepValue\n const coordinates = [...value]\n coordinates[index] = newValue\n setValue(coordinates)\n },\n [disabled, readOnly, setValue, step, value],\n )\n\n const getCoordinateFieldLabel = (type: 'latitude' \| 'longitude') => {\n const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude')\n const fieldLabel = label ? getTranslation(label, i18n) : ''\n\n return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`\n }\n\n const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n (readOnly \|\| disabled) && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n style={styles}\n >\n <ul className={`${baseClass}__wrap`}>\n <li>\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel\n label={getCoordinateFieldLabel('longitude')}\n localized={localized}\n path={path}\n required={required}\n />\n }\n />\n {BeforeInput}\n <div className=\"form-input-group\">\n {/* disable eslint rule because the label is dynamic /}\n {/ eslint-disable-next-line jsx-a11y/control-has-associated-label /}\n <input\n className=\"form-input\"\n disabled={readOnly \|\| disabled}\n id={`field-longitude-${path?.replace(/\\./g, '__')}`}\n name={`${path}.longitude`}\n onChange={(e) => handleChange(e, 0)}\n placeholder={getTranslation(placeholder, i18n)}\n step={step}\n type=\"number\"\n value={value && typeof value[0] === 'number' ? value[0] : ''}\n />\n <InputStepper\n disabled={readOnly \|\| disabled}\n onDecrement={() => handleStep(0, 'down')}\n onIncrement={() => handleStep(0, 'up')}\n />\n </div>\n {AfterInput}\n </li>\n <li>\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel\n label={getCoordinateFieldLabel('latitude')}\n localized={localized}\n path={path}\n required={required}\n />\n }\n />\n <div className=\"form-input-group\">\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n {BeforeInput}\n {/ disable eslint rule because the label is dynamic /}\n {/ eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n <input\n className=\"form-input\"\n disabled={readOnly \|\| disabled}\n id={`field-latitude-${path?.replace(/\\./g, '__')}`}\n name={`${path}.latitude`}\n onChange={(e) => handleChange(e, 1)}\n placeholder={getTranslation(placeholder, i18n)}\n step={step}\n type=\"number\"\n value={value && typeof value[1] === 'number' ? value[1] : ''}\n />\n <InputStepper\n disabled={readOnly \|\| disabled}\n onDecrement={() => handleStep(1, 'down')}\n onIncrement={() => handleStep(1, 'up')}\n />\n </div>\n {AfterInput}\n </li>\n </ul>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n )\n}\n\nexport const PointField = withCondition(PointFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/RadioGroup/index.css CHANGED Viewed

@@ -10,13 +10,6 @@
       gap: var(--spacer-2);
     }
-    .tooltip:not([aria-hidden='true']) {
-      right: auto;
-      position: static;
-      margin-bottom: 0.2em;
-      max-width: fit-content;
-    }
     ul {
       list-style: none;
       padding: 0;

package/dist/fields/RadioGroup/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["optionIsObject","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useField","withCondition","mergeFieldStyles","fieldBaseClass","Radio","baseClass","RadioGroupFieldComponent","props","disableModifyingForm","disableModifyingFormFromProps","field","admin","className","description","layout","label","localized","options","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","value","valueFromProps","uuid","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","valueFromContext","potentiallyStalePath","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","alignCaret","id","replace","map","option","optionValue","isSelected","String","RadioGroupField"],"sources":["../../../src/fields/RadioGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { ~~RadioFieldClientComponent,~~ RadioFieldClientProps } from 'payload'\n\nimport { optionIsObject } from 'payload/shared'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.css'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { Radio } from './Radio/index.js'\n\nconst baseClass = 'radio-group'\n\nconst RadioGroupFieldComponent: ~~RadioFieldClientComponent~~ = (props) => {\n const {\n disableModifyingForm: disableModifyingFormFromProps,\n field,\n field: {\n admin: {\n className,\n description,\n layout = 'horizontal',\n } = {} as RadioFieldClientProps['field']['admin'],\n label,\n localized,\n options = [],\n required,\n } = {} as RadioFieldClientProps['field'],\n onChange: onChangeFromProps,\n path: pathFromProps,\n readOnly,\n validate,\n value: valueFromProps,\n } = props\n\n const { uuid } = useForm()\n\n const memoizedValidate = useCallback(\n (value, validationOptions) => {\n if (typeof validate === 'function') {\n return validate(value, { ...validationOptions, options, required })\n }\n },\n [validate, options, required],\n )\n\n const {\n customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n disabled,\n path,\n setValue,\n showError,\n value: valueFromContext,\n } = useField<string>({\n potentiallyStalePath: pathFromProps,\n validate: memoizedValidate,\n })\n\n const value = valueFromContext \|\| valueFromProps\n\n const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n `${baseClass}--layout-${layout}`,\n showError && 'error',\n (readOnly \|\| disabled) && `${baseClass}--read-only`,\n ]\n .filter(Boolean)\n .join(' ')}\n style={styles}\n >\n <div>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError alignCaret=\"left\" path={path} showError={showError} />}\n />\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel label={label} localized={localized} path={path} required={required} />\n }\n />\n </div>\n <div className={`${fieldBaseClass}__wrap`}>\n {BeforeInput}\n <ul className={`${baseClass}--group`} id={`field-${path.replace(/\\./g, '__')}`}>\n {options.map((option) => {\n let optionValue = ''\n\n if (optionIsObject(option)) {\n optionValue = option.value\n } else {\n optionValue = option\n }\n\n const isSelected = String(optionValue) === String(value)\n\n const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`\n\n return (\n <li key={`${path} - ${optionValue}`}>\n <Radio\n id={id}\n isSelected={isSelected}\n onChange={() => {\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(optionValue)\n }\n\n if (!(readOnly \|\| disabled)) {\n setValue(optionValue, !!disableModifyingFormFromProps)\n }\n }}\n option={optionIsObject(option) ? option : { label: option, value: option }}\n path={path}\n readOnly={readOnly \|\| disabled}\n uuid={uuid}\n />\n </li>\n )\n })}\n </ul>\n {AfterInput}\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n </div>\n )\n}\n\nexport const RadioGroupField: any = withCondition(RadioGroupFieldComponent)\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,gBAAgB,QAAQ;AACjC,OAAO;AACP,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,QAAQ;AAEtB,MAAMC,SAAA,GAAY;AAElB,MAAMC,wBAAA,~~GAAuDC~~,KAAA;~~EAC3D~~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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["optionIsObject","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useField","withCondition","mergeFieldStyles","fieldBaseClass","Radio","baseClass","RadioGroupFieldComponent","props","disableModifyingForm","disableModifyingFormFromProps","field","admin","className","description","layout","label","localized","options","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","value","valueFromProps","uuid","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","valueFromContext","potentiallyStalePath","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","alignCaret","id","replace","map","option","optionValue","isSelected","String","RadioGroupField"],"sources":["../../../src/fields/RadioGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { RadioFieldClientProps } from 'payload'\n\nimport { optionIsObject } from 'payload/shared'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.css'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { Radio } from './Radio/index.js'\n\nconst baseClass = 'radio-group'\n\nconst RadioGroupFieldComponent: React.FC<RadioFieldClientProps> = (props) => {\n const {\n disableModifyingForm: disableModifyingFormFromProps,\n field,\n field: {\n admin: {\n className,\n description,\n layout = 'horizontal',\n } = {} as RadioFieldClientProps['field']['admin'],\n label,\n localized,\n options = [],\n required,\n } = {} as RadioFieldClientProps['field'],\n onChange: onChangeFromProps,\n path: pathFromProps,\n readOnly,\n validate,\n value: valueFromProps,\n } = props\n\n const { uuid } = useForm()\n\n const memoizedValidate = useCallback(\n (value, validationOptions) => {\n if (typeof validate === 'function') {\n return validate(value, { ...validationOptions, options, required })\n }\n },\n [validate, options, required],\n )\n\n const {\n customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n disabled,\n path,\n setValue,\n showError,\n value: valueFromContext,\n } = useField<string>({\n potentiallyStalePath: pathFromProps,\n validate: memoizedValidate,\n })\n\n const value = valueFromContext \|\| valueFromProps\n\n const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n `${baseClass}--layout-${layout}`,\n showError && 'error',\n (readOnly \|\| disabled) && `${baseClass}--read-only`,\n ]\n .filter(Boolean)\n .join(' ')}\n style={styles}\n >\n <div>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError alignCaret=\"left\" path={path} showError={showError} />}\n />\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel label={label} localized={localized} path={path} required={required} />\n }\n />\n </div>\n <div className={`${fieldBaseClass}__wrap`}>\n {BeforeInput}\n <ul className={`${baseClass}--group`} id={`field-${path.replace(/\\./g, '__')}`}>\n {options.map((option) => {\n let optionValue = ''\n\n if (optionIsObject(option)) {\n optionValue = option.value\n } else {\n optionValue = option\n }\n\n const isSelected = String(optionValue) === String(value)\n\n const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`\n\n return (\n <li key={`${path} - ${optionValue}`}>\n <Radio\n id={id}\n isSelected={isSelected}\n onChange={() => {\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(optionValue)\n }\n\n if (!(readOnly \|\| disabled)) {\n setValue(optionValue, !!disableModifyingFormFromProps)\n }\n }}\n option={optionIsObject(option) ? option : { label: option, value: option }}\n path={path}\n readOnly={readOnly \|\| disabled}\n uuid={uuid}\n />\n </li>\n )\n })}\n </ul>\n {AfterInput}\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n </div>\n )\n}\n\nexport const RadioGroupField: any = withCondition(RadioGroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Relationship/Input.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/Input.tsx"],"names":[],"mappings":"~~AAYA~~,OAAO,KAAwE,MAAM,OAAO,CAAA;AAK5F,OAAO,KAAK,EAA6B,sBAAsB,EAAiB,MAAM,YAAY,CAAA;AAuBlG,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,~~CA63B9D~~,CAAA"}
1	+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/Input.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAK5F,OAAO,KAAK,EAA6B,sBAAsB,EAAiB,MAAM,YAAY,CAAA;AAuBlG,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA05B9D,CAAA"}

package/dist/fields/Relationship/Input.js CHANGED Viewed

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
 import { dequal } from 'dequal/lite';
 import { formatAdminURL, wordBoundariesRegex } from 'payload/shared';
 import * as qs from 'qs-esm';
@@ -57,6 +58,7 @@ export const RelationshipInput = props => {
     relationTo,
     required,
     showError,
+    size = 'large',
     sortOptions,
     style,
     value
@@ -78,9 +80,8 @@ export const RelationshipInput = props => {
   const {
     permissions
   } = useAuth();
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState({
     id: undefined,
     collectionSlug: undefined,
@@ -404,13 +405,31 @@ export const RelationshipInput = props => {
     if (!value) {
       return false;
     }
-    const docID = mostRecentUpdate_0.doc.id;
+    // Delete events only carry the deleted `id` (no `doc`), whereas create/update events
+    // carry the full `doc`. Resolve from both so the delete branch below can match.
+    const docID = mostRecentUpdate_0.doc?.id ?? mostRecentUpdate_0.id;
+    // A document referenced by this field, deleted elsewhere (e.g. via the DeleteDocument
+    // event), should be removed from the value — otherwise it keeps showing as if it existed.
+    if (mostRecentUpdate_0.operation === 'delete') {
+      if (hasMany === true) {
+        const currentValue = Array.isArray(value) ? value : [value];
+        const valuesToSet = currentValue.filter(option_0 => {
+          return !(option_0.value === docID && option_0.relationTo === mostRecentUpdate_0.entitySlug);
+        });
+        if (valuesToSet.length !== currentValue.length) {
+          onChange(valuesToSet);
+        }
+      } else if (hasMany === false && value?.value === docID && value?.relationTo === mostRecentUpdate_0.entitySlug) {
+        onChange(null);
+      }
+      return;
+    }
     let isMatchingUpdate = false;
     if (mostRecentUpdate_0.operation === 'update') {
       if (hasMany === true) {
-        const currentValue = Array.isArray(value) ? value : [value];
-        isMatchingUpdate = currentValue.some(option_0 => {
-          return option_0.value === docID && option_0.relationTo === mostRecentUpdate_0.entitySlug;
+        const currentValue_0 = Array.isArray(value) ? value : [value];
+        isMatchingUpdate = currentValue_0.some(option_1 => {
+          return option_1.value === docID && option_1.relationTo === mostRecentUpdate_0.entitySlug;
         });
       } else if (hasMany === false) {
         isMatchingUpdate = value?.value === docID && value?.relationTo === mostRecentUpdate_0.entitySlug;
@@ -435,14 +454,14 @@ export const RelationshipInput = props => {
       i18n
     });
     if (hasMany) {
-      const currentValue_0 = value ? Array.isArray(value) ? value : [value] : [];
-      const valuesToSet = currentValue_0.map(option_1 => {
+      const currentValue_1 = value ? Array.isArray(value) ? value : [value] : [];
+      const valuesToSet_0 = currentValue_1.map(option_2 => {
         return {
-          relationTo: option_1.value === docID ? mostRecentUpdate_0.entitySlug : option_1.relationTo,
-          value: option_1.value
+          relationTo: option_2.value === docID ? mostRecentUpdate_0.entitySlug : option_2.relationTo,
+          value: option_2.value
         };
       });
-      onChange(valuesToSet);
+      onChange(valuesToSet_0);
     } else if (hasMany === false) {
       onChange({
         relationTo: mostRecentUpdate_0.entitySlug,
@@ -492,8 +511,8 @@ export const RelationshipInput = props => {
       i18n
     });
     if (hasMany) {
-      onChange(value ? value.filter(option_2 => {
-        return option_2.value !== args_0.id;
+      onChange(value ? value.filter(option_3 => {
+        return option_3.value !== args_0.id;
       }) : null);
     } else {
       onChange(null);
@@ -630,6 +649,7 @@ export const RelationshipInput = props => {
   }
   return /*#__PURE__*/_jsxs("div", {
     className: [fieldBaseClass, baseClass, className, showError && 'error', errorLoading && 'error-loading', readOnly && `${baseClass}--read-only`, !readOnly && allowCreate && `${baseClass}--allow-create`].filter(Boolean).join(' '),
+    "data-size": size,
     id: `field-${path.replace(/\./g, '__')}`,
     style: style,
     children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
@@ -656,6 +676,7 @@ export const RelationshipInput = props => {
               showError: showError
             })
           }), /*#__PURE__*/_jsx(ReactSelect, {
+            "aria-label": getTranslation(label, i18n),
             backspaceRemovesValue: !(isDrawerOpen || isListDrawerOpen),
             components: {
               MultiValueLabel,
@@ -671,11 +692,11 @@ export const RelationshipInput = props => {
             },
             disabled: readOnly || isDrawerOpen || isListDrawerOpen,
             filterOption: enableWordBoundarySearch ? filterOption : undefined,
-            getOptionValue: option_3 => {
-              if (!option_3) {
+            getOptionValue: option_4 => {
+              if (!option_4) {
                 return undefined;
               }
-              return hasMany && Array.isArray(relationTo) ? `${option_3.relationTo}_${option_3.value}` : option_3.value;
+              return hasMany && Array.isArray(relationTo) ? `${option_4.relationTo}_${option_4.value}` : option_4.value;
             },
             isLoading: appearance === 'select' && isLoading,
             isMulti: hasMany,