@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Password/input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React 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 { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\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 } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'password',\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>\n          {BeforeInput}\n          <input\n            aria-label={getTranslation(label, i18n)}\n            autoComplete={autoComplete}\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=\"password\"\n            value={value || ''}\n          />\n          {AfterInput}\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","PasswordInput","props","AfterInput","autoComplete","BeforeInput","className","description","Description","Error","inputRef","Label","label","localized","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","width","i18n","div","filter","Boolean","join","CustomComponent","Fallback","input","aria-label","data-rtl","disabled","id","replace","name","ref","type"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,eAAe,KAAK,EACpBC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,GAAG,EACHC,SAAS,EACTC,KAAK,EACLC,KAAK,EACLC,KAAK,EACN,GAAGtB;IAEJ,MAAM,EAAEuB,IAAI,EAAE,GAAG1B;IAEjB,qBACE,MAAC2B;QACCpB,WAAW;YACTN;YACA;YACAM;YACAe,aAAa;YACbH,YAAY;SACb,CACES,MAAM,CAACC,SACPC,IAAI,CAAC;QACRP,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;;0BAEA,KAAC7B;gBACCmC,iBAAiBnB;gBACjBoB,wBACE,KAACjC;oBAAWc,OAAOA;oBAAOC,WAAWA;oBAAWG,MAAMA;oBAAMG,UAAUA;;;0BAG1E,MAACO;gBAAIpB,WAAW,GAAGN,eAAe,MAAM,CAAC;;kCACvC,KAACL;wBACCmC,iBAAiBrB;wBACjBsB,wBAAU,KAAClC;4BAAWmB,MAAMA;4BAAMK,WAAWA;;;kCAE/C,MAACK;;4BACErB;0CACD,KAAC2B;gCACCC,cAAYxC,eAAemB,OAAOa;gCAClCrB,cAAcA;gCACd8B,YAAUd;gCACVe,UAAUjB;gCACVkB,IAAI,CAAC,MAAM,EAAEpB,KAAKqB,OAAO,CAAC,OAAO,OAAO;gCACxCC,MAAMtB;gCACNF,UAAUA;gCACVC,WAAWA;gCACXE,aAAaxB,eAAewB,aAAaQ;gCACzCc,KAAK7B;gCACL8B,MAAK;gCACLjB,OAAOA,SAAS;;4BAEjBpB;;;kCAEH,KAACR;wBACCmC,iBAAiBtB;wBACjBuB,wBAAU,KAACnC;4BAAiBW,aAAaA;4BAAaS,MAAMA;;;;;;;AAKtE,EAAC"}
+{"version":3,"sources":["../../../src/fields/Password/input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React 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 { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\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 } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'password',\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>\n          {BeforeInput}\n          <input\n            aria-label={getTranslation(label, i18n)}\n            autoComplete={autoComplete}\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=\"password\"\n            value={value || ''}\n          />\n          {AfterInput}\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","PasswordInput","props","AfterInput","autoComplete","BeforeInput","className","description","Description","Error","inputRef","Label","label","localized","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","width","i18n","div","filter","Boolean","join","CustomComponent","Fallback","input","aria-label","data-rtl","disabled","id","replace","name","ref","type"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,eAAe,KAAK,EACpBC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,GAAG,EACHC,SAAS,EACTC,KAAK,EACLC,KAAK,EACLC,KAAK,EACN,GAAGtB;IAEJ,MAAM,EAAEuB,IAAI,EAAE,GAAG1B;IAEjB,qBACE,QAAC2B;QACCpB,WAAW;YACTN;YACA;YACAM;YACAe,aAAa;YACbH,YAAY;SACb,CACES,MAAM,CAACC,SACPC,IAAI,CAAC;QACRP,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;;0BAEA,QAAC7B;gBACCmC,iBAAiBnB;gBACjBoB,wBACE,QAACjC;oBAAWc,OAAOA;oBAAOC,WAAWA;oBAAWG,MAAMA;oBAAMG,UAAUA;;;;;;;;;;;0BAG1E,QAACO;gBAAIpB,WAAW,GAAGN,eAAe,MAAM,CAAC;;kCACvC,QAACL;wBACCmC,iBAAiBrB;wBACjBsB,wBAAU,QAAClC;4BAAWmB,MAAMA;4BAAMK,WAAWA;;;;;;;;;;;kCAE/C,QAACK;;4BACErB;0CACD,QAAC2B;gCACCC,cAAYxC,eAAemB,OAAOa;gCAClCrB,cAAcA;gCACd8B,YAAUd;gCACVe,UAAUjB;gCACVkB,IAAI,CAAC,MAAM,EAAEpB,KAAKqB,OAAO,CAAC,OAAO,OAAO;gCACxCC,MAAMtB;gCACNF,UAAUA;gCACVC,WAAWA;gCACXE,aAAaxB,eAAewB,aAAaQ;gCACzCc,KAAK7B;gCACL8B,MAAK;gCACLjB,OAAOA,SAAS;;;;;;4BAEjBpB;;;;;;;kCAEH,QAACR;wBACCmC,iBAAiBtB;wBACjBuB,wBAAU,QAACnC;4BAAiBW,aAAaA;4BAAaS,MAAMA;;;;;;;;;;;;;;;;;;;;;;;AAKtE,EAAC"}

package/dist/fields/Point/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useMemo } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -56,7 +56,7 @@ export const PointFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             baseClass,
@@ -66,25 +66,33 @@ export const PointFieldComponent = (props)=>{
         ].filter(Boolean).join(' '),
         style: styles,
         children: [
-            /*#__PURE__*/ _jsxs("ul", {
+            /*#__PURE__*/ _jsxDEV("ul", {
                 className: `${baseClass}__wrap`,
                 children: [
-                    /*#__PURE__*/ _jsxs("li", {
+                    /*#__PURE__*/ _jsxDEV("li", {
                         children: [
-                            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                                 CustomComponent: Label,
-                                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                                     label: getCoordinateFieldLabel('longitude'),
                                     localized: localized,
                                     path: path,
                                     required: required
-                                })
-                            }),
-                            /*#__PURE__*/ _jsxs("div", {
+                                }, void 0, false, {
+                                    fileName: "src/fields/Point/index.tsx",
+                                    lineNumber: 97,
+                                    columnNumber: 15
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/fields/Point/index.tsx",
+                                lineNumber: 94,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: "input-wrapper",
                                 children: [
                                     BeforeInput,
-                                    /* disable eslint rule because the label is dynamic */ /* eslint-disable-next-line jsx-a11y/control-has-associated-label */ /*#__PURE__*/ _jsx("input", {
+                                    /* disable eslint rule because the label is dynamic */ /* eslint-disable-next-line jsx-a11y/control-has-associated-label */ /*#__PURE__*/ _jsxDEV("input", {
                                         disabled: readOnly || disabled,
                                         id: `field-longitude-${path?.replace(/\./g, '__')}`,
                                         name: `${path}.longitude`,
@@ -93,35 +101,63 @@ export const PointFieldComponent = (props)=>{
                                         step: step,
                                         type: "number",
                                         value: value && typeof value[0] === 'number' ? value[0] : ''
-                                    }),
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Point/index.tsx",
+                                        lineNumber: 109,
+                                        columnNumber: 13
+                                    }, this),
                                     AfterInput
                                 ]
-                            })
+                            }, void 0, true, {
+                                fileName: "src/fields/Point/index.tsx",
+                                lineNumber: 105,
+                                columnNumber: 11
+                            }, this)
                         ]
-                    }),
-                    /*#__PURE__*/ _jsxs("li", {
+                    }, void 0, true, {
+                        fileName: "src/fields/Point/index.tsx",
+                        lineNumber: 93,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("li", {
                         children: [
-                            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                                 CustomComponent: Label,
-                                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                                     label: getCoordinateFieldLabel('latitude'),
                                     localized: localized,
                                     path: path,
                                     required: required
-                                })
-                            }),
-                            /*#__PURE__*/ _jsxs("div", {
+                                }, void 0, false, {
+                                    fileName: "src/fields/Point/index.tsx",
+                                    lineNumber: 126,
+                                    columnNumber: 15
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/fields/Point/index.tsx",
+                                lineNumber: 123,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: "input-wrapper",
                                 children: [
-                                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                                         CustomComponent: Error,
-                                        Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
                                             path: path,
                                             showError: showError
-                                        })
-                                    }),
+                                        }, void 0, false, {
+                                            fileName: "src/fields/Point/index.tsx",
+                                            lineNumber: 137,
+                                            columnNumber: 25
+                                        }, void 0)
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Point/index.tsx",
+                                        lineNumber: 135,
+                                        columnNumber: 13
+                                    }, this),
                                     BeforeInput,
-                                    /* disable eslint rule because the label is dynamic */ /* eslint-disable-next-line jsx-a11y/control-has-associated-label */ /*#__PURE__*/ _jsx("input", {
+                                    /* disable eslint rule because the label is dynamic */ /* eslint-disable-next-line jsx-a11y/control-has-associated-label */ /*#__PURE__*/ _jsxDEV("input", {
                                         disabled: readOnly || disabled,
                                         id: `field-latitude-${path?.replace(/\./g, '__')}`,
                                         name: `${path}.latitude`,
@@ -130,23 +166,51 @@ export const PointFieldComponent = (props)=>{
                                         step: step,
                                         type: "number",
                                         value: value && typeof value[1] === 'number' ? value[1] : ''
-                                    }),
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Point/index.tsx",
+                                        lineNumber: 142,
+                                        columnNumber: 13
+                                    }, this),
                                     AfterInput
                                 ]
-                            })
+                            }, void 0, true, {
+                                fileName: "src/fields/Point/index.tsx",
+                                lineNumber: 134,
+                                columnNumber: 11
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/fields/Point/index.tsx",
+                        lineNumber: 122,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            }, void 0, true, {
+                fileName: "src/fields/Point/index.tsx",
+                lineNumber: 92,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Description,
-                Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                     description: description,
                     path: path
-                })
-            })
+                }, void 0, false, {
+                    fileName: "src/fields/Point/index.tsx",
+                    lineNumber: 158,
+                    columnNumber: 19
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Point/index.tsx",
+                lineNumber: 156,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Point/index.tsx",
+        lineNumber: 80,
+        columnNumber: 5
+    }, this);
 };
 export const PointField = withCondition(PointFieldComponent);
 

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

@@ -1 +1 @@
-{"version":3,"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 { 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.scss'\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 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          <div className=\"input-wrapper\">\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              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            {AfterInput}\n          </div>\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=\"input-wrapper\">\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              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            {AfterInput}\n          </div>\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"],"names":["getTranslation","React","useCallback","useMemo","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","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","div","filter","Boolean","join","style","ul","li","CustomComponent","Fallback","input","id","replace","name","onChange","PointField"],"mappings":"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"}
+{"version":3,"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 { 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.scss'\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 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          <div className=\"input-wrapper\">\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              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            {AfterInput}\n          </div>\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=\"input-wrapper\">\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              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            {AfterInput}\n          </div>\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"],"names":["getTranslation","React","useCallback","useMemo","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","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","div","filter","Boolean","join","style","ul","li","CustomComponent","Fallback","input","id","replace","name","onChange","PointField"],"mappings":"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"}

package/dist/fields/RadioGroup/Radio/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useEditDepth } from '../../../providers/EditDepth/index.js';
@@ -11,35 +11,55 @@ export const Radio = (props)=>{
     const { i18n } = useTranslation();
     const editDepth = useEditDepth();
     const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`;
-    return /*#__PURE__*/ _jsx("label", {
+    return /*#__PURE__*/ _jsxDEV("label", {
         htmlFor: id,
-        children: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: [
                 baseClass,
                 isSelected && `${baseClass}--is-selected`
             ].filter(Boolean).join(' '),
             children: [
-                /*#__PURE__*/ _jsx("input", {
+                /*#__PURE__*/ _jsxDEV("input", {
                     checked: isSelected,
                     disabled: readOnly,
                     id: id,
                     name: path,
                     onChange: ()=>typeof onChange === 'function' ? onChange(option.value) : null,
                     type: "radio"
-                }),
-                /*#__PURE__*/ _jsx("span", {
+                }, void 0, false, {
+                    fileName: "src/fields/RadioGroup/Radio/index.tsx",
+                    lineNumber: 34,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("span", {
                     className: [
                         `${baseClass}__styled-radio`,
                         readOnly && `${baseClass}__styled-radio--disabled`
                     ].filter(Boolean).join(' ')
-                }),
-                /*#__PURE__*/ _jsx("span", {
+                }, void 0, false, {
+                    fileName: "src/fields/RadioGroup/Radio/index.tsx",
+                    lineNumber: 42,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("span", {
                     className: `${baseClass}__label`,
                     children: getTranslation(option.label, i18n)
-                })
+                }, void 0, false, {
+                    fileName: "src/fields/RadioGroup/Radio/index.tsx",
+                    lineNumber: 50,
+                    columnNumber: 9
+                }, this)
             ]
-        })
-    });
+        }, void 0, true, {
+            fileName: "src/fields/RadioGroup/Radio/index.tsx",
+            lineNumber: 31,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/RadioGroup/Radio/index.tsx",
+        lineNumber: 30,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/fields/RadioGroup/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/RadioGroup/Radio/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, RadioFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'radio-input'\n\nexport const Radio: React.FC<{\n  id: string\n  isSelected: boolean\n  onChange: RadioFieldClientProps['onChange']\n  option: OptionObject\n  path: string\n  readOnly?: boolean\n  uuid?: string\n}> = (props) => {\n  const { isSelected, onChange, option, path, readOnly, uuid } = props\n  const { i18n } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`\n\n  return (\n    <label htmlFor={id}>\n      <div\n        className={[baseClass, isSelected && `${baseClass}--is-selected`].filter(Boolean).join(' ')}\n      >\n        <input\n          checked={isSelected}\n          disabled={readOnly}\n          id={id}\n          name={path}\n          onChange={() => (typeof onChange === 'function' ? onChange(option.value) : null)}\n          type=\"radio\"\n        />\n        <span\n          className={[\n            `${baseClass}__styled-radio`,\n            readOnly && `${baseClass}__styled-radio--disabled`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        />\n        <span className={`${baseClass}__label`}>{getTranslation(option.label, i18n)}</span>\n      </div>\n    </label>\n  )\n}\n"],"names":["getTranslation","React","useEditDepth","useTranslation","baseClass","Radio","props","isSelected","onChange","option","path","readOnly","uuid","i18n","editDepth","id","value","label","htmlFor","div","className","filter","Boolean","join","input","checked","disabled","name","type","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,QAQR,CAACC;IACJ,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGN;IAC/D,MAAM,EAAEO,IAAI,EAAE,GAAGV;IAEjB,MAAMW,YAAYZ;IAElB,MAAMa,KAAK,CAAC,MAAM,EAAEL,KAAK,CAAC,EAAED,OAAOO,KAAK,GAAGF,YAAY,IAAI,CAAC,CAAC,EAAEA,WAAW,GAAG,KAAKF,OAAO,CAAC,CAAC,EAAEA,MAAM,GAAG,IAAI;IAE1G,qBACE,KAACK;QAAMC,SAASH;kBACd,cAAA,MAACI;YACCC,WAAW;gBAAChB;gBAAWG,cAAc,GAAGH,UAAU,aAAa,CAAC;aAAC,CAACiB,MAAM,CAACC,SAASC,IAAI,CAAC;;8BAEvF,KAACC;oBACCC,SAASlB;oBACTmB,UAAUf;oBACVI,IAAIA;oBACJY,MAAMjB;oBACNF,UAAU,IAAO,OAAOA,aAAa,aAAaA,SAASC,OAAOO,KAAK,IAAI;oBAC3EY,MAAK;;8BAEP,KAACC;oBACCT,WAAW;wBACT,GAAGhB,UAAU,cAAc,CAAC;wBAC5BO,YAAY,GAAGP,UAAU,wBAAwB,CAAC;qBACnD,CACEiB,MAAM,CAACC,SACPC,IAAI,CAAC;;8BAEV,KAACM;oBAAKT,WAAW,GAAGhB,UAAU,OAAO,CAAC;8BAAGJ,eAAeS,OAAOQ,KAAK,EAAEJ;;;;;AAI9E,EAAC"}
+{"version":3,"sources":["../../../../src/fields/RadioGroup/Radio/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, RadioFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'radio-input'\n\nexport const Radio: React.FC<{\n  id: string\n  isSelected: boolean\n  onChange: RadioFieldClientProps['onChange']\n  option: OptionObject\n  path: string\n  readOnly?: boolean\n  uuid?: string\n}> = (props) => {\n  const { isSelected, onChange, option, path, readOnly, uuid } = props\n  const { i18n } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`\n\n  return (\n    <label htmlFor={id}>\n      <div\n        className={[baseClass, isSelected && `${baseClass}--is-selected`].filter(Boolean).join(' ')}\n      >\n        <input\n          checked={isSelected}\n          disabled={readOnly}\n          id={id}\n          name={path}\n          onChange={() => (typeof onChange === 'function' ? onChange(option.value) : null)}\n          type=\"radio\"\n        />\n        <span\n          className={[\n            `${baseClass}__styled-radio`,\n            readOnly && `${baseClass}__styled-radio--disabled`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        />\n        <span className={`${baseClass}__label`}>{getTranslation(option.label, i18n)}</span>\n      </div>\n    </label>\n  )\n}\n"],"names":["getTranslation","React","useEditDepth","useTranslation","baseClass","Radio","props","isSelected","onChange","option","path","readOnly","uuid","i18n","editDepth","id","value","label","htmlFor","div","className","filter","Boolean","join","input","checked","disabled","name","type","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,QAQR,CAACC;IACJ,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGN;IAC/D,MAAM,EAAEO,IAAI,EAAE,GAAGV;IAEjB,MAAMW,YAAYZ;IAElB,MAAMa,KAAK,CAAC,MAAM,EAAEL,KAAK,CAAC,EAAED,OAAOO,KAAK,GAAGF,YAAY,IAAI,CAAC,CAAC,EAAEA,WAAW,GAAG,KAAKF,OAAO,CAAC,CAAC,EAAEA,MAAM,GAAG,IAAI;IAE1G,qBACE,QAACK;QAAMC,SAASH;kBACd,cAAA,QAACI;YACCC,WAAW;gBAAChB;gBAAWG,cAAc,GAAGH,UAAU,aAAa,CAAC;aAAC,CAACiB,MAAM,CAACC,SAASC,IAAI,CAAC;;8BAEvF,QAACC;oBACCC,SAASlB;oBACTmB,UAAUf;oBACVI,IAAIA;oBACJY,MAAMjB;oBACNF,UAAU,IAAO,OAAOA,aAAa,aAAaA,SAASC,OAAOO,KAAK,IAAI;oBAC3EY,MAAK;;;;;;8BAEP,QAACC;oBACCT,WAAW;wBACT,GAAGhB,UAAU,cAAc,CAAC;wBAC5BO,YAAY,GAAGP,UAAU,wBAAwB,CAAC;qBACnD,CACEiB,MAAM,CAACC,SACPC,IAAI,CAAC;;;;;;8BAEV,QAACM;oBAAKT,WAAW,GAAGhB,UAAU,OAAO,CAAC;8BAAGJ,eAAeS,OAAOQ,KAAK,EAAEJ;;;;;;;;;;;;;;;;;AAI9E,EAAC"}

package/dist/fields/RadioGroup/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { optionIsObject } from 'payload/shared';
 import React, { useCallback, useMemo } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -38,7 +38,7 @@ const RadioGroupFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             baseClass,
@@ -49,27 +49,43 @@ const RadioGroupFieldComponent = (props)=>{
         ].filter(Boolean).join(' '),
         style: styles,
         children: [
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Error,
-                Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
                     path: path,
                     showError: showError
-                })
-            }),
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                }, void 0, false, {
+                    fileName: "src/fields/RadioGroup/index.tsx",
+                    lineNumber: 86,
+                    columnNumber: 19
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/RadioGroup/index.tsx",
+                lineNumber: 84,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Label,
-                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                     label: label,
                     localized: localized,
                     path: path,
                     required: required
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/fields/RadioGroup/index.tsx",
+                    lineNumber: 91,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/RadioGroup/index.tsx",
+                lineNumber: 88,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${fieldBaseClass}__wrap`,
                 children: [
                     BeforeInput,
-                    /*#__PURE__*/ _jsx("ul", {
+                    /*#__PURE__*/ _jsxDEV("ul", {
                         className: `${baseClass}--group`,
                         id: `field-${path.replace(/\./g, '__')}`,
                         children: options.map((option)=>{
@@ -81,8 +97,8 @@ const RadioGroupFieldComponent = (props)=>{
                             }
                             const isSelected = String(optionValue) === String(value);
                             const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`;
-                            return /*#__PURE__*/ _jsx("li", {
-                                children: /*#__PURE__*/ _jsx(Radio, {
+                            return /*#__PURE__*/ _jsxDEV("li", {
+                                children: /*#__PURE__*/ _jsxDEV(Radio, {
                                     id: id,
                                     isSelected: isSelected,
                                     onChange: ()=>{
@@ -100,22 +116,50 @@ const RadioGroupFieldComponent = (props)=>{
                                     path: path,
                                     readOnly: readOnly || disabled,
                                     uuid: uuid
-                                })
-                            }, `${path} - ${optionValue}`);
+                                }, void 0, false, {
+                                    fileName: "src/fields/RadioGroup/index.tsx",
+                                    lineNumber: 112,
+                                    columnNumber: 17
+                                }, this)
+                            }, `${path} - ${optionValue}`, false, {
+                                fileName: "src/fields/RadioGroup/index.tsx",
+                                lineNumber: 111,
+                                columnNumber: 15
+                            }, this);
                         })
-                    }),
+                    }, void 0, false, {
+                        fileName: "src/fields/RadioGroup/index.tsx",
+                        lineNumber: 96,
+                        columnNumber: 9
+                    }, this),
                     AfterInput,
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Description,
-                        Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                             description: description,
                             path: path
-                        })
-                    })
+                        }, void 0, false, {
+                            fileName: "src/fields/RadioGroup/index.tsx",
+                            lineNumber: 136,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/RadioGroup/index.tsx",
+                        lineNumber: 134,
+                        columnNumber: 9
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/fields/RadioGroup/index.tsx",
+                lineNumber: 94,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/RadioGroup/index.tsx",
+        lineNumber: 71,
+        columnNumber: 5
+    }, this);
 };
 export const RadioGroupField = withCondition(RadioGroupFieldComponent);
 

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

@@ -1 +1 @@
-{"version":3,"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.scss'\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      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={<FieldError 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 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"],"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","div","filter","Boolean","join","style","CustomComponent","Fallback","ul","id","replace","map","option","optionValue","isSelected","String","li","RadioGroupField"],"mappings":"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"}
+{"version":3,"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.scss'\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      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={<FieldError 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 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"],"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","div","filter","Boolean","join","style","CustomComponent","Fallback","ul","id","replace","map","option","optionValue","isSelected","String","li","RadioGroupField"],"mappings":"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"}