@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/fields/Password/input.js

@@ -1,5 +1,9 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
 import { FieldError } from '../../fields/FieldError/index.js';
@@ -7,30 +11,124 @@ import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
-export const PasswordInput = (props)=>{
-    const { AfterInput, autoComplete = 'off', BeforeInput, className, description, Description, Error, inputRef, Label, label, localized, onChange, onKeyDown, path, placeholder, readOnly, required, rtl, showError, style, value, width } = props;
-    const { i18n } = useTranslation();
-    return <div className={[
-        fieldBaseClass,
-        'password',
-        className,
-        showError && 'error',
-        readOnly && 'read-only'
-    ].filter(Boolean).join(' ')} style={{
+export const PasswordInput = props => {
+  const $ = _c(28);
+  const {
+    AfterInput,
+    autoComplete: t0,
+    BeforeInput,
+    className,
+    description,
+    Description,
+    Error,
+    inputRef,
+    Label,
+    label,
+    localized,
+    onChange,
+    onKeyDown,
+    path,
+    placeholder,
+    readOnly,
+    required,
+    rtl,
+    showError,
+    style,
+    value,
+    width
+  } = props;
+  const autoComplete = t0 === undefined ? "off" : t0;
+  const {
+    i18n
+  } = useTranslation();
+  const t1 = showError && "error";
+  const t2 = readOnly && "read-only";
+  let t3;
+  if ($[0] !== className || $[1] !== t1 || $[2] !== t2) {
+    t3 = [fieldBaseClass, "password", className, t1, t2].filter(Boolean);
+    $[0] = className;
+    $[1] = t1;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[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] !== style || $[24] !== t4 || $[25] !== value || $[26] !== width) {
+    t5 = _jsxs("div", {
+      className: t4,
+      style: {
         ...style,
         width
-    }}>
-      <RenderCustomComponent CustomComponent={Label} Fallback={<FieldLabel label={label} localized={localized} path={path} required={required}/>}/>
-      <div className={`${fieldBaseClass}__wrap`}>
-        <RenderCustomComponent CustomComponent={Error} Fallback={<FieldError path={path} showError={showError}/>}/>
-        <div>
-          {BeforeInput}
-          <input aria-label={getTranslation(label, i18n)} autoComplete={autoComplete} data-rtl={rtl} disabled={readOnly} id={`field-${path.replace(/\./g, '__')}`} name={path} onChange={onChange} onKeyDown={onKeyDown} placeholder={getTranslation(placeholder, i18n)} ref={inputRef} type="password" value={value || ''}/>
-          {AfterInput}
-        </div>
-        <RenderCustomComponent CustomComponent={Description} Fallback={<FieldDescription description={description} path={path}/>}/>
-      </div>
-    </div>;
+      },
+      children: [_jsx(RenderCustomComponent, {
+        CustomComponent: Label,
+        Fallback: _jsx(FieldLabel, {
+          label,
+          localized,
+          path,
+          required
+        })
+      }), _jsxs("div", {
+        className: `${fieldBaseClass}__wrap`,
+        children: [_jsx(RenderCustomComponent, {
+          CustomComponent: Error,
+          Fallback: _jsx(FieldError, {
+            path,
+            showError
+          })
+        }), _jsxs("div", {
+          children: [BeforeInput, _jsx("input", {
+            "aria-label": getTranslation(label, i18n),
+            autoComplete,
+            "data-rtl": rtl,
+            disabled: readOnly,
+            id: `field-${path.replace(/\./g, "__")}`,
+            name: path,
+            onChange,
+            onKeyDown,
+            placeholder: getTranslation(placeholder, i18n),
+            ref: inputRef,
+            type: "password",
+            value: value || ""
+          }), AfterInput]
+        }), _jsx(RenderCustomComponent, {
+          CustomComponent: Description,
+          Fallback: _jsx(FieldDescription, {
+            description,
+            path
+          })
+        })]
+      })]
+    });
+    $[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] = style;
+    $[24] = t4;
+    $[25] = value;
+    $[26] = width;
+    $[27] = t5;
+  } else {
+    t5 = $[27];
+  }
+  return t5;
 };
-
 //# sourceMappingURL=input.js.map

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","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;AAKzD,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,QACG2B,IACCpB,WAAW;QACTN;QACA;QACAM;QACAe,aAAa;QACbH,YAAY;KACb,CACES,MAAM,CAACC,SACPC,IAAI,CAAC,MACRP,OAAO;QACL,GAAGA,KAAK;QACRE;IACF,GACD;MACC,CAAC7B,sBACCmC,iBAAiBnB,OACjBoB,WACGjC,WAAWc,OAAOA,OAAOC,WAAWA,WAAWG,MAAMA,MAAMG,UAAUA,cAExE;MACF,CAACO,IAAIpB,WAAW,GAAGN,eAAe,MAAM,CAAC,EAAE;QACzC,CAACL,sBACCmC,iBAAiBrB,OACjBsB,WAAWlC,WAAWmB,MAAMA,MAAMK,WAAWA,eAC7C;QACF,CAACK,IAAI;UACH,CAACrB,YAAY;UACb,CAAC2B,MACCC,YAAYvC,eAAekB,OAAOa,OAClCrB,cAAcA,cACd8B,UAAUd,KACVe,UAAUjB,UACVkB,IAAI,CAAC,MAAM,EAAEpB,KAAKqB,OAAO,CAAC,OAAO,OAAO,EACxCC,MAAMtB,MACNF,UAAUA,UACVC,WAAWA,WACXE,aAAavB,eAAeuB,aAAaQ,OACzCc,KAAK7B,UACL8B,KAAK,WACLjB,OAAOA,SAAS,KAChB;UACF,CAACpB,WAAW;QACd,EAAEuB,IAAI;QACN,CAAC/B,sBACCmC,iBAAiBtB,aACjBuB,WAAWnC,iBAAiBW,aAAaA,aAAaS,MAAMA,UAC5D;MACJ,EAAEU,IAAI;IACR,EAAEA;AAEN,EAAC"}
+{"version":3,"file":"input.js","names":["c","_c","getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","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","t1","t2","t3","filter","Boolean","t4","join","t5","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","ref","type"],"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"],"mappings":"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","ignoreList":[]}

package/dist/fields/Password/types.js

@@ -1,13 +1,2 @@
-/**
-   * @default ''
-   */ /**
-   * @default ''
-   */ /**
-   * @default ''
-   */ /**
-   * @default field.name
-   */ /**
-   * @default field.name
-   */ export { };
-
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":[],"mappings":"AAaE;;GAEC,GAGD;;GAEC,GAED;;GAEC,GAED;;GAEC,GAED;;GAEC,GAKH,WAwBC"}
+{"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":[]}

package/dist/fields/Point/index.js

@@ -1,6 +1,8 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
 import { FieldError } from '../../fields/FieldError/index.js';
@@ -12,82 +14,132 @@ import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import './index.scss';
 import { fieldBaseClass } from '../shared/index.js';
 const baseClass = 'point';
-export const PointFieldComponent = (props)=>{
-    const { field, field: { admin: { className, description, placeholder, step } = {}, label, localized, required }, path: pathFromProps, readOnly, validate } = props;
-    const { i18n, t } = useTranslation();
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                required
-            });
-        }
-    }, [
-        validate,
-        required
-    ]);
-    const { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled, path, setValue, showError, value = [
-        null,
-        null
-    ] } = useField({
-        potentiallyStalePath: pathFromProps,
-        validate: memoizedValidate
-    });
-    const handleChange = useCallback((e, index)=>{
-        let val = parseFloat(e.target.value);
-        if (Number.isNaN(val)) {
-            val = e.target.value;
-        }
-        const coordinates = [
-            ...value
-        ];
-        coordinates[index] = val;
-        setValue(coordinates);
-    }, [
-        setValue,
-        value
-    ]);
-    const getCoordinateFieldLabel = (type)=>{
-        const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude');
-        const fieldLabel = label ? getTranslation(label, i18n) : '';
-        return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`;
-    };
-    const styles = useMemo(()=>mergeFieldStyles(field), [
-        field
-    ]);
-    return <div className={[
-        fieldBaseClass,
-        baseClass,
+export const PointFieldComponent = props => {
+  const {
+    field,
+    field: {
+      admin: {
         className,
-        showError && 'error',
-        (readOnly || disabled) && 'read-only'
-    ].filter(Boolean).join(' ')} style={styles}>
-      <ul className={`${baseClass}__wrap`}>
-        <li>
-          <RenderCustomComponent CustomComponent={Label} Fallback={<FieldLabel label={getCoordinateFieldLabel('longitude')} localized={localized} path={path} required={required}/>}/>
-          <div className="input-wrapper">
-            {BeforeInput}
-            {}
-            {}
-            <input disabled={readOnly || disabled} id={`field-longitude-${path?.replace(/\./g, '__')}`} name={`${path}.longitude`} onChange={(e)=>handleChange(e, 0)} placeholder={getTranslation(placeholder, i18n)} step={step} type="number" value={value && typeof value[0] === 'number' ? value[0] : ''}/>
-            {AfterInput}
-          </div>
-        </li>
-        <li>
-          <RenderCustomComponent CustomComponent={Label} Fallback={<FieldLabel label={getCoordinateFieldLabel('latitude')} localized={localized} path={path} required={required}/>}/>
-          <div className="input-wrapper">
-            <RenderCustomComponent CustomComponent={Error} Fallback={<FieldError path={path} showError={showError}/>}/>
-            {BeforeInput}
-            {}
-            {}
-            <input disabled={readOnly || disabled} id={`field-latitude-${path?.replace(/\./g, '__')}`} name={`${path}.latitude`} onChange={(e)=>handleChange(e, 1)} placeholder={getTranslation(placeholder, i18n)} step={step} type="number" value={value && typeof value[1] === 'number' ? value[1] : ''}/>
-            {AfterInput}
-          </div>
-        </li>
-      </ul>
-      <RenderCustomComponent CustomComponent={Description} Fallback={<FieldDescription description={description} path={path}/>}/>
-    </div>;
+        description,
+        placeholder,
+        step
+      } = {},
+      label,
+      localized,
+      required
+    },
+    path: pathFromProps,
+    readOnly,
+    validate
+  } = props;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const memoizedValidate = useCallback((value, options) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...options,
+        required
+      });
+    }
+  }, [validate, required]);
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
+    disabled,
+    path,
+    setValue,
+    showError,
+    value: value_0 = [null, null]
+  } = useField({
+    potentiallyStalePath: pathFromProps,
+    validate: memoizedValidate
+  });
+  const handleChange = useCallback((e, index) => {
+    let val = parseFloat(e.target.value);
+    if (Number.isNaN(val)) {
+      val = e.target.value;
+    }
+    const coordinates = [...value_0];
+    coordinates[index] = val;
+    setValue(coordinates);
+  }, [setValue, value_0]);
+  const getCoordinateFieldLabel = type => {
+    const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude');
+    const fieldLabel = label ? getTranslation(label, i18n) : '';
+    return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`;
+  };
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, baseClass, className, showError && 'error', (readOnly || disabled) && 'read-only'].filter(Boolean).join(' '),
+    style: styles,
+    children: [/*#__PURE__*/_jsxs("ul", {
+      className: `${baseClass}__wrap`,
+      children: [/*#__PURE__*/_jsxs("li", {
+        children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+          CustomComponent: Label,
+          Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+            label: getCoordinateFieldLabel('longitude'),
+            localized: localized,
+            path: path,
+            required: required
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "input-wrapper",
+          children: [BeforeInput, /*#__PURE__*/_jsx("input", {
+            disabled: readOnly || disabled,
+            id: `field-longitude-${path?.replace(/\./g, '__')}`,
+            name: `${path}.longitude`,
+            onChange: e_0 => handleChange(e_0, 0),
+            placeholder: getTranslation(placeholder, i18n),
+            step: step,
+            type: "number",
+            value: value_0 && typeof value_0[0] === 'number' ? value_0[0] : ''
+          }), AfterInput]
+        })]
+      }), /*#__PURE__*/_jsxs("li", {
+        children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+          CustomComponent: Label,
+          Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+            label: getCoordinateFieldLabel('latitude'),
+            localized: localized,
+            path: path,
+            required: required
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "input-wrapper",
+          children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+            CustomComponent: Error,
+            Fallback: /*#__PURE__*/_jsx(FieldError, {
+              path: path,
+              showError: showError
+            })
+          }), BeforeInput, /*#__PURE__*/_jsx("input", {
+            disabled: readOnly || disabled,
+            id: `field-latitude-${path?.replace(/\./g, '__')}`,
+            name: `${path}.latitude`,
+            onChange: e_1 => handleChange(e_1, 1),
+            placeholder: getTranslation(placeholder, i18n),
+            step: step,
+            type: "number",
+            value: value_0 && typeof value_0[1] === 'number' ? value_0[1] : ''
+          }), AfterInput]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Description,
+      Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+        description: description,
+        path: path
+      })
+    })]
+  });
 };
 export const PointField = withCondition(PointFieldComponent);
-
 //# sourceMappingURL=index.js.map

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","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,"file":"index.js","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","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","name","onChange","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 { 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"],"mappings":"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","ignoreList":[]}

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

@@ -1,27 +1,90 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
 import { useEditDepth } from '../../../providers/EditDepth/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'radio-input';
-export const Radio = (props)=>{
-    const { isSelected, onChange, option, path, readOnly, uuid } = props;
-    const { i18n } = useTranslation();
-    const editDepth = useEditDepth();
-    const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`;
-    return <label htmlFor={id}>
-      <div className={[
-        baseClass,
-        isSelected && `${baseClass}--is-selected`
-    ].filter(Boolean).join(' ')}>
-        <input checked={isSelected} disabled={readOnly} id={id} name={path} onChange={()=>typeof onChange === 'function' ? onChange(option.value) : null} type="radio"/>
-        <span className={[
-        `${baseClass}__styled-radio`,
-        readOnly && `${baseClass}__styled-radio--disabled`
-    ].filter(Boolean).join(' ')}/>
-        <span className={`${baseClass}__label`}>{getTranslation(option.label, i18n)}</span>
-      </div>
-    </label>;
+export const Radio = props => {
+  const $ = _c(16);
+  const {
+    isSelected,
+    onChange,
+    option,
+    path,
+    readOnly,
+    uuid
+  } = props;
+  const {
+    i18n
+  } = useTranslation();
+  const editDepth = useEditDepth();
+  const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ""}${uuid ? `-${uuid}` : ""}`;
+  const t0 = isSelected && `${baseClass}--is-selected`;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = [baseClass, t0].filter(Boolean);
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = t1.join(" ");
+  let t3;
+  if ($[2] !== onChange || $[3] !== option.value) {
+    t3 = () => typeof onChange === "function" ? onChange(option.value) : null;
+    $[2] = onChange;
+    $[3] = option.value;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== i18n || $[6] !== id || $[7] !== isSelected || $[8] !== option.label || $[9] !== path || $[10] !== readOnly || $[11] !== t2 || $[12] !== t3) {
+    const t5 = _jsx("input", {
+      checked: isSelected,
+      disabled: readOnly,
+      id,
+      name: path,
+      onChange: t3,
+      type: "radio"
+    });
+    const t6 = readOnly && `${baseClass}__styled-radio--disabled`;
+    let t7;
+    if ($[14] !== t6) {
+      t7 = [`${baseClass}__styled-radio`, t6].filter(Boolean);
+      $[14] = t6;
+      $[15] = t7;
+    } else {
+      t7 = $[15];
+    }
+    t4 = _jsx("label", {
+      htmlFor: id,
+      children: _jsxs("div", {
+        className: t2,
+        children: [t5, _jsx("span", {
+          className: t7.join(" ")
+        }), _jsx("span", {
+          className: `${baseClass}__label`,
+          children: getTranslation(option.label, i18n)
+        })]
+      })
+    });
+    $[5] = i18n;
+    $[6] = id;
+    $[7] = isSelected;
+    $[8] = option.label;
+    $[9] = path;
+    $[10] = readOnly;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
 };
-
 //# sourceMappingURL=index.js.map