@payloadcms/ui 4.0.0-internal.bc5cf8c → 4.0.0-internal.bf4bcce

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/fields/Point/index.js

@@ -8,9 +8,12 @@ import { RenderCustomComponent } from '../../elements/RenderCustomComponent/inde
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
 import { FieldError } from '../../fields/FieldError/index.js';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
+import { useForm } from '../../forms/Form/context.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { generateFieldID } from '../../utilities/generateFieldID.js';
 import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import './index.css';
 import { fieldBaseClass } from '../shared/index.js';
@@ -33,6 +36,10 @@ export const PointFieldComponent = props => {
     readOnly,
     validate
   } = props;
+  const {
+    uuid
+  } = useForm();
+  const editDepth = useEditDepth();
   const {
     i18n,
     t
@@ -97,6 +104,8 @@ export const PointFieldComponent = props => {
         children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
           CustomComponent: Label,
           Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+            hasRequiredAccessibleState: true,
+            htmlFor: generateFieldID(path, editDepth, uuid, 'field-longitude'),
             label: getCoordinateFieldLabel('longitude'),
             localized: localized,
             path: path,
@@ -105,9 +114,10 @@ export const PointFieldComponent = props => {
         }), BeforeInput, /*#__PURE__*/_jsxs("div", {
           className: "form-input-group",
           children: [/*#__PURE__*/_jsx("input", {
+            "aria-required": required || undefined,
             className: "form-input",
             disabled: readOnly || disabled,
-            id: `field-longitude-${path?.replace(/\./g, '__')}`,
+            id: generateFieldID(path, editDepth, uuid, 'field-longitude'),
             name: `${path}.longitude`,
             onChange: e_0 => handleChange(e_0, 0),
             placeholder: getTranslation(placeholder, i18n),
@@ -124,6 +134,8 @@ export const PointFieldComponent = props => {
         children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
           CustomComponent: Label,
           Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+            hasRequiredAccessibleState: true,
+            htmlFor: generateFieldID(path, editDepth, uuid, 'field-latitude'),
             label: getCoordinateFieldLabel('latitude'),
             localized: localized,
             path: path,
@@ -138,9 +150,10 @@ export const PointFieldComponent = props => {
               showError: showError
             })
           }), BeforeInput, /*#__PURE__*/_jsx("input", {
+            "aria-required": required || undefined,
             className: "form-input",
             disabled: readOnly || disabled,
-            id: `field-latitude-${path?.replace(/\./g, '__')}`,
+            id: generateFieldID(path, editDepth, uuid, 'field-latitude'),
             name: `${path}.latitude`,
             onChange: e_1 => handleChange(e_1, 1),
             placeholder: getTranslation(placeholder, i18n),

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

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

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

@@ -53,7 +53,6 @@
   }
 
   .radio-input__label {
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

package/dist/fields/RadioGroup/index.css

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

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

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

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

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

package/dist/fields/Relationship/Input.js

@@ -1,6 +1,7 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
 import { dequal } from 'dequal/lite';
 import { formatAdminURL, wordBoundariesRegex } from 'payload/shared';
 import * as qs from 'qs-esm';
@@ -32,6 +33,7 @@ import { SingleValue } from './select-components/SingleValue/index.js';
 const baseClass = 'relationship';
 export const RelationshipInput = props => {
   const {
+    AddNewRelationButton,
     AfterInput,
     allowCreate = true,
     allowEdit = true,
@@ -43,6 +45,7 @@ export const RelationshipInput = props => {
     Error,
     filterOptions,
     formatDisplayedOptions,
+    formatOptionLabel,
     hasMany,
     initialValue,
     isSortable = true,
@@ -56,7 +59,9 @@ export const RelationshipInput = props => {
     readOnly,
     relationTo,
     required,
+    selectOptionFields,
     showError,
+    size = 'large',
     sortOptions,
     style,
     value
@@ -78,9 +83,8 @@ export const RelationshipInput = props => {
   const {
     permissions
   } = useAuth();
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState({
     id: undefined,
     collectionSlug: undefined,
@@ -219,6 +223,7 @@ export const RelationshipInput = props => {
               locale,
               page: lastLoadedPageToUse,
               select: {
+                ...selectOptionFields,
                 [fieldToSearch]: true
               },
               sort: fieldToSort,
@@ -297,7 +302,7 @@ export const RelationshipInput = props => {
         }
       }
     });
-  }, [permissions, queueTask, relationTo, errorLoading, search, getEntityConfig, sortOptions, maxResultsPerRequest, locale, api, i18n, config, t]);
+  }, [permissions, queueTask, relationTo, errorLoading, search, getEntityConfig, selectOptionFields, sortOptions, maxResultsPerRequest, locale, api, i18n, config, t]);
   const updateSearch = useDebouncedCallback(({
     hasMany: hasManyArg_0,
     search: searchArg_0,
@@ -357,6 +362,7 @@ export const RelationshipInput = props => {
           limit: idsToLoad.length,
           locale,
           select: {
+            ...selectOptionFields,
             [fieldToSelect]: true
           },
           where: {
@@ -404,13 +410,31 @@ export const RelationshipInput = props => {
     if (!value) {
       return false;
     }
-    const docID = mostRecentUpdate_0.doc.id;
+    // Delete events only carry the deleted `id` (no `doc`), whereas create/update events
+    // carry the full `doc`. Resolve from both so the delete branch below can match.
+    const docID = mostRecentUpdate_0.doc?.id ?? mostRecentUpdate_0.id;
+    // A document referenced by this field, deleted elsewhere (e.g. via the DeleteDocument
+    // event), should be removed from the value — otherwise it keeps showing as if it existed.
+    if (mostRecentUpdate_0.operation === 'delete') {
+      if (hasMany === true) {
+        const currentValue = Array.isArray(value) ? value : [value];
+        const valuesToSet = currentValue.filter(option_0 => {
+          return !(option_0.value === docID && option_0.relationTo === mostRecentUpdate_0.entitySlug);
+        });
+        if (valuesToSet.length !== currentValue.length) {
+          onChange(valuesToSet);
+        }
+      } else if (hasMany === false && value?.value === docID && value?.relationTo === mostRecentUpdate_0.entitySlug) {
+        onChange(null);
+      }
+      return;
+    }
     let isMatchingUpdate = false;
     if (mostRecentUpdate_0.operation === 'update') {
       if (hasMany === true) {
-        const currentValue = Array.isArray(value) ? value : [value];
-        isMatchingUpdate = currentValue.some(option_0 => {
-          return option_0.value === docID && option_0.relationTo === mostRecentUpdate_0.entitySlug;
+        const currentValue_0 = Array.isArray(value) ? value : [value];
+        isMatchingUpdate = currentValue_0.some(option_1 => {
+          return option_1.value === docID && option_1.relationTo === mostRecentUpdate_0.entitySlug;
         });
       } else if (hasMany === false) {
         isMatchingUpdate = value?.value === docID && value?.relationTo === mostRecentUpdate_0.entitySlug;
@@ -435,14 +459,14 @@ export const RelationshipInput = props => {
       i18n
     });
     if (hasMany) {
-      const currentValue_0 = value ? Array.isArray(value) ? value : [value] : [];
-      const valuesToSet = currentValue_0.map(option_1 => {
+      const currentValue_1 = value ? Array.isArray(value) ? value : [value] : [];
+      const valuesToSet_0 = currentValue_1.map(option_2 => {
         return {
-          relationTo: option_1.value === docID ? mostRecentUpdate_0.entitySlug : option_1.relationTo,
-          value: option_1.value
+          relationTo: option_2.value === docID ? mostRecentUpdate_0.entitySlug : option_2.relationTo,
+          value: option_2.value
         };
       });
-      onChange(valuesToSet);
+      onChange(valuesToSet_0);
     } else if (hasMany === false) {
       onChange({
         relationTo: mostRecentUpdate_0.entitySlug,
@@ -492,8 +516,8 @@ export const RelationshipInput = props => {
       i18n
     });
     if (hasMany) {
-      onChange(value ? value.filter(option_2 => {
-        return option_2.value !== args_0.id;
+      onChange(value ? value.filter(option_3 => {
+        return option_3.value !== args_0.id;
       }) : null);
     } else {
       onChange(null);
@@ -625,11 +649,24 @@ export const RelationshipInput = props => {
     options,
     value
   });
+  const formatSelectOptionLabel = useMemo(() => {
+    if (typeof formatOptionLabel !== 'function') {
+      return undefined;
+    }
+    return (option_4, {
+      context
+    }) => formatOptionLabel({
+      context,
+      defaultLabel: option_4.label,
+      doc: option_4.doc
+    });
+  }, [formatOptionLabel]);
   if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {
     valueToRender.value = null;
   }
   return /*#__PURE__*/_jsxs("div", {
     className: [fieldBaseClass, baseClass, className, showError && 'error', errorLoading && 'error-loading', readOnly && `${baseClass}--read-only`, !readOnly && allowCreate && `${baseClass}--allow-create`].filter(Boolean).join(' '),
+    "data-size": size,
     id: `field-${path.replace(/\./g, '__')}`,
     style: style,
     children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
@@ -656,6 +693,7 @@ export const RelationshipInput = props => {
               showError: showError
             })
           }), /*#__PURE__*/_jsx(ReactSelect, {
+            "aria-label": getTranslation(label, i18n),
             backspaceRemovesValue: !(isDrawerOpen || isListDrawerOpen),
             components: {
               MultiValueLabel,
@@ -671,11 +709,12 @@ export const RelationshipInput = props => {
             },
             disabled: readOnly || isDrawerOpen || isListDrawerOpen,
             filterOption: enableWordBoundarySearch ? filterOption : undefined,
-            getOptionValue: option_3 => {
-              if (!option_3) {
+            formatOptionLabel: formatSelectOptionLabel,
+            getOptionValue: option_5 => {
+              if (!option_5) {
                 return undefined;
               }
-              return hasMany && Array.isArray(relationTo) ? `${option_3.relationTo}_${option_3.value}` : option_3.value;
+              return hasMany && Array.isArray(relationTo) ? `${option_5.relationTo}_${option_5.value}` : option_5.value;
             },
             isLoading: appearance === 'select' && isLoading,
             isMulti: hasMany,
@@ -764,19 +803,9 @@ export const RelationshipInput = props => {
             showError: showError,
             value: valueToRender ?? null
           })]
-        }), !readOnly && allowCreate && /*#__PURE__*/_jsx(AddNewRelation, {
-          path: path,
-          relationTo: relationTo,
-          ...(hasMany === true ? {
-            hasMany,
-            onChange,
-            value
-          } : {
-            hasMany,
-            onChange,
-            value
-          })
-        })]
+        }), AddNewRelationButton ?? (!readOnly && allowCreate ? /*#__PURE__*/_jsx(AddNewRelation, {
+          ...props
+        }) : null)]
       }), AfterInput, /*#__PURE__*/_jsx(RenderCustomComponent, {
         CustomComponent: Description,
         Fallback: /*#__PURE__*/_jsx(FieldDescription, {