@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["c","_c","getTranslation","React","RenderComponent","useTranslation","FieldError","FieldLabel","fieldBaseClass","PasswordInput","props","$","Description","Error","Label","afterInput","autoComplete","t0","beforeInput","className","errorProps","field","inputRef","label","labelProps","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","width","undefined","i18n","t1","t2","t3","filter","Boolean","t4","join","t5","t6","t7","_jsxs","children","_jsx","htmlFor","replace","CustomError","mappedComponent","disabled","id","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 { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const PasswordInput: React.FC<PasswordInputProps> = (props) => {\n  const {\n    Description,\n    Error,\n    Label,\n    afterInput,\n    autoComplete = 'off',\n    beforeInput,\n    className,\n    errorProps,\n    field,\n    inputRef,\n    label,\n    labelProps,\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      <FieldLabel\n        Label={Label}\n        field={field}\n        htmlFor={`field-${path.replace(/\\./g, '__')}`}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\n        <div>\n          <RenderComponent mappedComponent={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          <RenderComponent mappedComponent={afterInput} />\n        </div>\n        <RenderComponent mappedComponent={Description} />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"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.d.ts

@@ -1,30 +1,46 @@
-import type { FieldBaseClient, FieldDescriptionClientProps, FieldErrorClientProps, FieldLabelClientProps, FormFieldBase, MappedComponent, PasswordFieldValidation, StaticDescription, TextFieldClient } from 'payload';
-import type { ChangeEvent } from 'react';
+import type { 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 descriptionProps?: FieldDescriptionClientProps<MarkOptional<TextFieldClient, 'type'>>;
-    readonly errorProps?: FieldErrorClientProps<MarkOptional<TextFieldClient, 'type'>>;
     readonly field: MarkOptional<TextFieldClient, 'type'>;
+    /**
+     * @default ''
+     */
+    readonly indexPath?: string;
     readonly inputRef?: React.RefObject<HTMLInputElement>;
-    readonly labelProps?: FieldLabelClientProps<MarkOptional<TextFieldClient, 'type'>>;
+    /**
+     * @default ''
+     */
+    readonly parentPath?: string;
+    /**
+     * @default ''
+     */
+    readonly parentSchemaPath?: string;
+    /**
+     * @default field.name
+     */
+    readonly path?: string;
+    /**
+     * @default field.name
+     */
+    readonly schemaPath?: string;
     readonly validate?: PasswordFieldValidation;
-} & FormFieldBase;
+};
 export type PasswordInputProps = {
-    readonly Description?: MappedComponent;
-    readonly Error?: MappedComponent;
-    readonly Label?: MappedComponent;
-    readonly afterInput?: MappedComponent[];
+    readonly AfterInput?: React.ReactNode;
     readonly autoComplete?: string;
-    readonly beforeInput?: MappedComponent[];
+    readonly BeforeInput?: React.ReactNode;
     readonly className?: string;
     readonly description?: StaticDescription;
-    readonly errorProps: FieldErrorClientProps<MarkOptional<TextFieldClient, 'type'>>;
+    readonly Description?: React.ReactNode;
+    readonly Error?: React.ReactNode;
     readonly field?: MarkOptional<TextFieldClient, 'type'>;
     readonly inputRef?: React.RefObject<HTMLInputElement>;
+    readonly Label?: React.ReactNode;
     readonly label: FieldBaseClient['label'];
-    readonly labelProps: FieldLabelClientProps<MarkOptional<TextFieldClient, 'type'>>;
+    readonly localized?: boolean;
     readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     readonly path: string;
@@ -35,6 +51,6 @@ export type PasswordInputProps = {
     readonly showError?: boolean;
     readonly style?: React.CSSProperties;
     readonly value?: string;
-    readonly width?: string;
+    readonly width?: CSSProperties['width'];
 };
 //# sourceMappingURL=types.d.ts.map

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":"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"}
+{"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,CAAC,EAAE,MAAM,CAAA;IACtB;;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"}

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  FieldDescriptionClientProps,\n  FieldErrorClientProps,\n  FieldLabelClientProps,\n  FormFieldBase,\n  MappedComponent,\n  PasswordFieldValidation,\n  StaticDescription,\n  TextFieldClient,\n} from 'payload'\nimport type { ChangeEvent } from 'react'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nexport type PasswordFieldProps = {\n  readonly autoComplete?: string\n  readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<TextFieldClient, 'type'>>\n  readonly errorProps?: FieldErrorClientProps<MarkOptional<TextFieldClient, 'type'>>\n  readonly field: MarkOptional<TextFieldClient, 'type'>\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<TextFieldClient, 'type'>>\n  readonly validate?: PasswordFieldValidation\n} & FormFieldBase\n\nexport type PasswordInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  readonly afterInput?: MappedComponent[]\n  readonly autoComplete?: string\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly errorProps: FieldErrorClientProps<MarkOptional<TextFieldClient, 'type'>>\n  readonly field?: MarkOptional<TextFieldClient, 'type'>\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly label: FieldBaseClient['label']\n  readonly labelProps: FieldLabelClientProps<MarkOptional<TextFieldClient, 'type'>>\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?: string\n}\n"],"mappings":"AAyBA","ignoreList":[]}
+{"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.d.ts

@@ -1,6 +1,11 @@
-import type { PointFieldProps } from 'payload';
+import type { PointFieldClientComponent, PointFieldValidation } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const PointFieldComponent: React.FC<PointFieldProps>;
-export declare const PointField: React.FC<PointFieldProps>;
+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">>;
 //# 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,eAAe,EAAwB,MAAM,SAAS,CAAA;AAGpE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAM1C,OAAO,cAAc,CAAA;AAUrB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsJzD,CAAA;AAED,eAAO,MAAM,UAAU,2BAAqC,CAAA"}
+{"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,KAAsB,MAAM,OAAO,CAAA;AAU1C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,mBAAmB,EAAE,yBA8IjC,CAAA;AAED,eAAO,MAAM,UAAU;;;;;+EAAqC,CAAA"}

package/dist/fields/Point/index.js

@@ -4,33 +4,29 @@ 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, { useCallback } from 'react';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { FieldDescription } from '../../fields/FieldDescription/index.js';
+import { FieldError } from '../../fields/FieldError/index.js';
+import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 const baseClass = 'point';
-import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
-import { FieldDescription } from '../FieldDescription/index.js';
-import { FieldError } from '../FieldError/index.js';
-import { FieldLabel } from '../FieldLabel/index.js';
 export const PointFieldComponent = props => {
-  const $ = _c(46);
+  const $ = _c(48);
   const {
-    descriptionProps,
-    errorProps,
-    field,
     field: t0,
-    labelProps,
-    readOnly: readOnlyFromTopLevelProps,
+    path: pathFromProps,
+    readOnly,
     validate
   } = props;
   const {
     name,
-    _path: pathFromProps,
     admin: t1,
     label,
+    localized,
     required
   } = t0;
   let t2;
@@ -45,12 +41,11 @@ export const PointFieldComponent = props => {
     className,
     description,
     placeholder,
-    readOnly: readOnlyFromAdmin,
     step,
     style,
     width
   } = t2;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const path = pathFromProps ?? name;
   const {
     i18n,
     t
@@ -72,42 +67,51 @@ export const PointFieldComponent = props => {
     t3 = $[4];
   }
   const memoizedValidate = t3;
-  const {
-    path: pathFromContext,
-    readOnly: readOnlyFromContext
-  } = useFieldProps();
-  const readOnly = readOnlyFromProps || readOnlyFromContext;
-  const t4 = pathFromContext ?? pathFromProps ?? name;
-  let t5;
-  if ($[5] !== t4 || $[6] !== memoizedValidate) {
-    t5 = {
-      path: t4,
+  let t4;
+  if ($[5] !== path || $[6] !== memoizedValidate) {
+    t4 = {
+      path,
       validate: memoizedValidate
     };
-    $[5] = t4;
+    $[5] = path;
     $[6] = memoizedValidate;
-    $[7] = t5;
+    $[7] = t4;
   } else {
-    t5 = $[7];
+    t4 = $[7];
   }
   const {
-    path,
+    customComponents: t5,
     setValue,
     showError,
     value: t6
-  } = useField(t5);
+  } = useField(t4);
   let t7;
-  if ($[8] !== t6) {
-    t7 = t6 === undefined ? [null, null] : t6;
-    $[8] = t6;
+  if ($[8] !== t5) {
+    t7 = t5 === undefined ? {} : t5;
+    $[8] = t5;
     $[9] = t7;
   } else {
     t7 = $[9];
   }
-  const value_0 = t7;
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t7;
   let t8;
-  if ($[10] !== value_0 || $[11] !== setValue) {
-    t8 = (e, index) => {
+  if ($[10] !== t6) {
+    t8 = t6 === undefined ? [null, null] : t6;
+    $[10] = t6;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  const value_0 = t8;
+  let t9;
+  if ($[12] !== value_0 || $[13] !== setValue) {
+    t9 = (e, index) => {
       let val = parseFloat(e.target.value);
       if (Number.isNaN(val)) {
         val = e.target.value;
@@ -116,81 +120,61 @@ export const PointFieldComponent = props => {
       coordinates[index] = val;
       setValue(coordinates);
     };
-    $[10] = value_0;
-    $[11] = setValue;
-    $[12] = t8;
+    $[12] = value_0;
+    $[13] = setValue;
+    $[14] = t9;
   } else {
-    t8 = $[12];
+    t9 = $[14];
   }
-  const handleChange = t8;
-  let t9;
-  if ($[13] !== t || $[14] !== label || $[15] !== i18n || $[16] !== labelProps) {
-    t9 = type => {
+  const handleChange = t9;
+  let t10;
+  if ($[15] !== t || $[16] !== label || $[17] !== i18n) {
+    t10 = type => {
       const suffix = type === "longitude" ? t("fields:longitude") : t("fields:latitude");
       const fieldLabel = label ? getTranslation(label, i18n) : "";
-      return {
-        ...labelProps,
-        label: `${fieldLabel}${fieldLabel ? " - " : ""}${suffix}`
-      };
+      return `${fieldLabel}${fieldLabel ? " - " : ""}${suffix}`;
     };
-    $[13] = t;
-    $[14] = label;
-    $[15] = i18n;
-    $[16] = labelProps;
-    $[17] = t9;
+    $[15] = t;
+    $[16] = label;
+    $[17] = i18n;
+    $[18] = t10;
   } else {
-    t9 = $[17];
+    t10 = $[18];
   }
-  const getCoordinateFieldLabel = t9;
-  const t10 = showError && "error";
-  const t11 = readOnly && "read-only";
-  let t12;
-  if ($[18] !== className || $[19] !== t10 || $[20] !== t11) {
-    t12 = [fieldBaseClass, baseClass, className, t10, t11].filter(Boolean);
-    $[18] = className;
-    $[19] = t10;
+  const getCoordinateFieldLabel = t10;
+  const t11 = showError && "error";
+  const t12 = readOnly && "read-only";
+  let t13;
+  if ($[19] !== className || $[20] !== t11 || $[21] !== t12) {
+    t13 = [fieldBaseClass, baseClass, className, t11, t12].filter(Boolean);
+    $[19] = className;
     $[20] = t11;
     $[21] = t12;
+    $[22] = t13;
   } else {
-    t12 = $[21];
+    t13 = $[22];
   }
-  const t13 = t12.join(" ");
-  let t14;
-  if ($[22] !== style || $[23] !== width || $[24] !== field || $[25] !== getCoordinateFieldLabel || $[26] !== path || $[27] !== handleChange || $[28] !== placeholder || $[29] !== i18n || $[30] !== value_0 || $[31] !== readOnly || $[32] !== step || $[33] !== errorProps || $[34] !== descriptionProps || $[35] !== description || $[36] !== t13) {
-    let t15;
-    if ($[38] !== handleChange) {
-      t15 = e_0 => handleChange(e_0, 0);
-      $[38] = handleChange;
-      $[39] = t15;
-    } else {
-      t15 = $[39];
-    }
+  const t14 = t13.join(" ");
+  let t15;
+  if ($[23] !== style || $[24] !== width || $[25] !== getCoordinateFieldLabel || $[26] !== localized || $[27] !== path || $[28] !== required || $[29] !== Label || $[30] !== handleChange || $[31] !== placeholder || $[32] !== i18n || $[33] !== value_0 || $[34] !== readOnly || $[35] !== step || $[36] !== BeforeInput || $[37] !== AfterInput || $[38] !== showError || $[39] !== Error || $[40] !== description || $[41] !== Description || $[42] !== t14) {
     let t16;
-    if ($[40] !== errorProps) {
-      t16 = errorProps || {};
-      $[40] = errorProps;
-      $[41] = t16;
+    if ($[44] !== handleChange) {
+      t16 = e_0 => handleChange(e_0, 0);
+      $[44] = handleChange;
+      $[45] = t16;
     } else {
-      t16 = $[41];
+      t16 = $[45];
     }
     let t17;
-    if ($[42] !== handleChange) {
+    if ($[46] !== handleChange) {
       t17 = e_1 => handleChange(e_1, 1);
-      $[42] = handleChange;
-      $[43] = t17;
-    } else {
-      t17 = $[43];
-    }
-    let t18;
-    if ($[44] !== descriptionProps) {
-      t18 = descriptionProps || {};
-      $[44] = descriptionProps;
-      $[45] = t18;
+      $[46] = handleChange;
+      $[47] = t17;
     } else {
-      t18 = $[45];
+      t17 = $[47];
     }
-    t14 = _jsxs("div", {
-      className: t13,
+    t15 = _jsxs("div", {
+      className: t14,
       style: {
         ...style,
         width
@@ -198,81 +182,89 @@ export const PointFieldComponent = props => {
       children: [_jsxs("ul", {
         className: `${baseClass}__wrap`,
         children: [_jsxs("li", {
-          children: [_jsx(FieldLabel, {
-            Label: field?.admin?.components?.Label,
-            ...getCoordinateFieldLabel("longitude")
+          children: [_jsx(RenderCustomComponent, {
+            CustomComponent: Label,
+            Fallback: _jsx(FieldLabel, {
+              label: getCoordinateFieldLabel("longitude"),
+              localized,
+              path,
+              required
+            })
           }), _jsxs("div", {
             className: "input-wrapper",
-            children: [_jsx(RenderComponent, {
-              mappedComponent: field?.admin?.components?.beforeInput
-            }), _jsx("input", {
+            children: [BeforeInput, _jsx("input", {
               disabled: readOnly,
-              id: `field-longitude-${path.replace(/\./g, "__")}`,
+              id: `field-longitude-${path?.replace(/\./g, "__")}`,
               name: `${path}.longitude`,
-              onChange: t15,
+              onChange: t16,
               placeholder: getTranslation(placeholder, i18n),
               step,
               type: "number",
               value: value_0 && typeof value_0[0] === "number" ? value_0[0] : ""
-            }), _jsx(RenderComponent, {
-              mappedComponent: field?.admin?.components?.afterInput
-            })]
+            }), AfterInput]
           })]
         }), _jsxs("li", {
-          children: [_jsx(FieldLabel, {
-            Label: field?.admin?.components?.Label,
-            field,
-            ...getCoordinateFieldLabel("latitude")
+          children: [_jsx(RenderCustomComponent, {
+            CustomComponent: Label,
+            Fallback: _jsx(FieldLabel, {
+              label: getCoordinateFieldLabel("latitude"),
+              localized,
+              path,
+              required
+            })
           }), _jsxs("div", {
             className: "input-wrapper",
-            children: [_jsx(FieldError, {
-              CustomError: field?.admin?.components?.Error,
-              field,
-              path,
-              ...t16
-            }), _jsx(RenderComponent, {
-              mappedComponent: field?.admin?.components?.beforeInput
-            }), _jsx("input", {
+            children: [_jsx(RenderCustomComponent, {
+              CustomComponent: Error,
+              Fallback: _jsx(FieldError, {
+                path,
+                showError
+              })
+            }), BeforeInput, _jsx("input", {
               disabled: readOnly,
-              id: `field-latitude-${path.replace(/\./g, "__")}`,
+              id: `field-latitude-${path?.replace(/\./g, "__")}`,
               name: `${path}.latitude`,
               onChange: t17,
               placeholder: getTranslation(placeholder, i18n),
               step,
               type: "number",
               value: value_0 && typeof value_0[1] === "number" ? value_0[1] : ""
-            }), _jsx(RenderComponent, {
-              mappedComponent: field?.admin?.components?.afterInput
-            })]
+            }), AfterInput]
           })]
         })]
-      }), _jsx(FieldDescription, {
-        Description: field?.admin?.components?.Description,
-        description,
-        field,
-        ...t18
+      }), _jsx(RenderCustomComponent, {
+        CustomComponent: Description,
+        Fallback: _jsx(FieldDescription, {
+          description,
+          path
+        })
       })]
     });
-    $[22] = style;
-    $[23] = width;
-    $[24] = field;
+    $[23] = style;
+    $[24] = width;
     $[25] = getCoordinateFieldLabel;
-    $[26] = path;
-    $[27] = handleChange;
-    $[28] = placeholder;
-    $[29] = i18n;
-    $[30] = value_0;
-    $[31] = readOnly;
-    $[32] = step;
-    $[33] = errorProps;
-    $[34] = descriptionProps;
-    $[35] = description;
-    $[36] = t13;
-    $[37] = t14;
+    $[26] = localized;
+    $[27] = path;
+    $[28] = required;
+    $[29] = Label;
+    $[30] = handleChange;
+    $[31] = placeholder;
+    $[32] = i18n;
+    $[33] = value_0;
+    $[34] = readOnly;
+    $[35] = step;
+    $[36] = BeforeInput;
+    $[37] = AfterInput;
+    $[38] = showError;
+    $[39] = Error;
+    $[40] = description;
+    $[41] = Description;
+    $[42] = t14;
+    $[43] = t15;
   } else {
-    t14 = $[37];
+    t15 = $[43];
   }
-  return t14;
+  return t15;
 };
 export const PointField = withCondition(PointFieldComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useField","withCondition","useTranslation","fieldBaseClass","baseClass","useFieldProps","RenderComponent","FieldDescription","FieldError","FieldLabel","PointFieldComponent","props","$","descriptionProps","errorProps","field","t0","labelProps","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t1","label","required","t2","undefined","className","description","placeholder","readOnlyFromAdmin","step","style","width","readOnlyFromProps","i18n","t","t3","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t4","t5","setValue","showError","t6","t7","value_0","t8","e","index","val","parseFloat","target","Number","isNaN","coordinates","handleChange","t9","type","suffix","fieldLabel","getCoordinateFieldLabel","t10","t11","t12","filter","Boolean","t13","join","t14","t15","e_0","t16","t17","e_1","t18","_jsxs","children","_jsx","Label","components","mappedComponent","beforeInput","disabled","id","replace","onChange","afterInput","CustomError","Error","Description","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldProps, PointFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'point'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\n\nexport const PointFieldComponent: React.FC<PointFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        step,\n        style,\n        width,\n      } = {},\n      label,\n      required,\n    },\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\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 { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const {\n    path,\n    setValue,\n    showError,\n    value = [null, null],\n  } = useField<[number, number]>({\n    path: pathFromContext ?? pathFromProps ?? name,\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 {\n      ...labelProps,\n      label: `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`,\n    }\n  }\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      <ul className={`${baseClass}__wrap`}>\n        <li>\n          <FieldLabel\n            Label={field?.admin?.components?.Label}\n            {...getCoordinateFieldLabel('longitude')}\n          />\n          <div className=\"input-wrapper\">\n            <RenderComponent mappedComponent={field?.admin?.components?.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}\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            <RenderComponent mappedComponent={field?.admin?.components?.afterInput} />\n          </div>\n        </li>\n        <li>\n          <FieldLabel\n            Label={field?.admin?.components?.Label}\n            field={field}\n            {...getCoordinateFieldLabel('latitude')}\n          />\n          <div className=\"input-wrapper\">\n            <FieldError\n              CustomError={field?.admin?.components?.Error}\n              field={field}\n              path={path}\n              {...(errorProps || {})}\n            />\n            <RenderComponent mappedComponent={field?.admin?.components?.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}\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            <RenderComponent mappedComponent={field?.admin?.components?.afterInput} />\n          </div>\n        </li>\n      </ul>\n      <FieldDescription\n        Description={field?.admin?.components?.Description}\n        description={description}\n        field={field}\n        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n\nexport const PointField = withCondition(PointFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","fieldBaseClass","baseClass","PointFieldComponent","props","$","field","t0","path","pathFromProps","readOnly","validate","name","admin","t1","label","localized","required","t2","undefined","className","description","placeholder","step","style","width","i18n","t","t3","value","options","memoizedValidate","t4","customComponents","t5","setValue","showError","t6","t7","AfterInput","BeforeInput","Description","Error","Label","t8","value_0","t9","e","index","val","parseFloat","target","Number","isNaN","coordinates","handleChange","t10","type","suffix","fieldLabel","getCoordinateFieldLabel","t11","t12","t13","filter","Boolean","t14","join","t15","t16","e_0","t17","e_1","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","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 } 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 { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'point'\n\nexport const PointFieldComponent: PointFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, placeholder, step, style, width } = {},\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const path = pathFromProps ?? name\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    setValue,\n    showError,\n    value = [null, null],\n  } = useField<[number, number]>({\n    path,\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  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      <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}\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}\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":[]}