@payloadcms/ui 3.0.0-canary.ff8c8fd → 3.0.0

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,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"}

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,KAA+B,MAAM,OAAO,CAAA;AAUnD,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,mBAAmB,EAAE,yBA4IjC,CAAA;AAED,eAAO,MAAM,UAAU;;;;;+EAAqC,CAAA"}

package/dist/fields/Point/index.js

@@ -1,278 +1,143 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { FieldDescription } from '../../fields/FieldDescription/index.js';
+import { FieldError } from '../../fields/FieldError/index.js';
+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 { mergeFieldStyles } from '../mergeFieldStyles.js';
 import './index.scss';
+import { fieldBaseClass } from '../shared/index.js';
 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 {
-    descriptionProps,
-    errorProps,
     field,
-    field: t0,
-    labelProps,
-    readOnly: readOnlyFromTopLevelProps,
+    field: {
+      admin: {
+        className,
+        description,
+        placeholder,
+        step
+      } = {},
+      label,
+      localized,
+      required
+    },
+    path,
+    readOnly,
     validate
   } = props;
-  const {
-    name,
-    _path: pathFromProps,
-    admin: t1,
-    label,
-    required
-  } = t0;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = t1 === undefined ? {} : t1;
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const {
-    className,
-    description,
-    placeholder,
-    readOnly: readOnlyFromAdmin,
-    step,
-    style,
-    width
-  } = t2;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
   const {
     i18n,
     t
   } = useTranslation();
-  let t3;
-  if ($[2] !== validate || $[3] !== required) {
-    t3 = (value, options) => {
-      if (typeof validate === "function") {
-        return validate(value, {
-          ...options,
-          required
-        });
-      }
-    };
-    $[2] = validate;
-    $[3] = required;
-    $[4] = t3;
-  } else {
-    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,
-      validate: memoizedValidate
-    };
-    $[5] = t4;
-    $[6] = memoizedValidate;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
+  const memoizedValidate = useCallback((value, options) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...options,
+        required
+      });
+    }
+  }, [validate, required]);
   const {
-    path,
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
     setValue,
     showError,
-    value: t6
-  } = useField(t5);
-  let t7;
-  if ($[8] !== t6) {
-    t7 = t6 === undefined ? [null, null] : t6;
-    $[8] = t6;
-    $[9] = t7;
-  } else {
-    t7 = $[9];
-  }
-  const value_0 = t7;
-  let t8;
-  if ($[10] !== value_0 || $[11] !== setValue) {
-    t8 = (e, index) => {
-      let val = parseFloat(e.target.value);
-      if (Number.isNaN(val)) {
-        val = e.target.value;
-      }
-      const coordinates = [...value_0];
-      coordinates[index] = val;
-      setValue(coordinates);
-    };
-    $[10] = value_0;
-    $[11] = setValue;
-    $[12] = t8;
-  } else {
-    t8 = $[12];
-  }
-  const handleChange = t8;
-  let t9;
-  if ($[13] !== t || $[14] !== label || $[15] !== i18n || $[16] !== labelProps) {
-    t9 = type => {
-      const suffix = type === "longitude" ? t("fields:longitude") : t("fields:latitude");
-      const fieldLabel = label ? getTranslation(label, i18n) : "";
-      return {
-        ...labelProps,
-        label: `${fieldLabel}${fieldLabel ? " - " : ""}${suffix}`
-      };
-    };
-    $[13] = t;
-    $[14] = label;
-    $[15] = i18n;
-    $[16] = labelProps;
-    $[17] = t9;
-  } else {
-    t9 = $[17];
-  }
-  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;
-    $[20] = t11;
-    $[21] = t12;
-  } else {
-    t12 = $[21];
-  }
-  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];
-    }
-    let t16;
-    if ($[40] !== errorProps) {
-      t16 = errorProps || {};
-      $[40] = errorProps;
-      $[41] = t16;
-    } else {
-      t16 = $[41];
-    }
-    let t17;
-    if ($[42] !== 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;
-    } else {
-      t18 = $[45];
+    value: value_0 = [null, null]
+  } = useField({
+    path,
+    validate: memoizedValidate
+  });
+  const handleChange = useCallback((e, index) => {
+    let val = parseFloat(e.target.value);
+    if (Number.isNaN(val)) {
+      val = e.target.value;
     }
-    t14 = _jsxs("div", {
-      className: t13,
-      style: {
-        ...style,
-        width
-      },
-      children: [_jsxs("ul", {
-        className: `${baseClass}__wrap`,
-        children: [_jsxs("li", {
-          children: [_jsx(FieldLabel, {
-            Label: field?.admin?.components?.Label,
-            ...getCoordinateFieldLabel("longitude")
-          }), _jsxs("div", {
-            className: "input-wrapper",
-            children: [_jsx(RenderComponent, {
-              mappedComponent: field?.admin?.components?.beforeInput
-            }), _jsx("input", {
-              disabled: readOnly,
-              id: `field-longitude-${path.replace(/\./g, "__")}`,
-              name: `${path}.longitude`,
-              onChange: t15,
-              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
-            })]
-          })]
-        }), _jsxs("li", {
-          children: [_jsx(FieldLabel, {
-            Label: field?.admin?.components?.Label,
-            field,
-            ...getCoordinateFieldLabel("latitude")
-          }), _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", {
-              disabled: readOnly,
-              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
-            })]
-          })]
+    const coordinates = [...value_0];
+    coordinates[index] = val;
+    setValue(coordinates);
+  }, [setValue, value_0]);
+  const getCoordinateFieldLabel = type => {
+    const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude');
+    const fieldLabel = label ? getTranslation(label, i18n) : '';
+    return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`;
+  };
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, baseClass, className, showError && 'error', readOnly && 'read-only'].filter(Boolean).join(' '),
+    style: styles,
+    children: [/*#__PURE__*/_jsxs("ul", {
+      className: `${baseClass}__wrap`,
+      children: [/*#__PURE__*/_jsxs("li", {
+        children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+          CustomComponent: Label,
+          Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+            label: getCoordinateFieldLabel('longitude'),
+            localized: localized,
+            path: path,
+            required: required
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "input-wrapper",
+          children: [BeforeInput, /*#__PURE__*/_jsx("input", {
+            disabled: readOnly,
+            id: `field-longitude-${path?.replace(/\./g, '__')}`,
+            name: `${path}.longitude`,
+            onChange: e_0 => handleChange(e_0, 0),
+            placeholder: getTranslation(placeholder, i18n),
+            step: step,
+            type: "number",
+            value: value_0 && typeof value_0[0] === 'number' ? value_0[0] : ''
+          }), AfterInput]
+        })]
+      }), /*#__PURE__*/_jsxs("li", {
+        children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+          CustomComponent: Label,
+          Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+            label: getCoordinateFieldLabel('latitude'),
+            localized: localized,
+            path: path,
+            required: required
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "input-wrapper",
+          children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+            CustomComponent: Error,
+            Fallback: /*#__PURE__*/_jsx(FieldError, {
+              path: path,
+              showError: showError
+            })
+          }), BeforeInput, /*#__PURE__*/_jsx("input", {
+            disabled: readOnly,
+            id: `field-latitude-${path?.replace(/\./g, '__')}`,
+            name: `${path}.latitude`,
+            onChange: e_1 => handleChange(e_1, 1),
+            placeholder: getTranslation(placeholder, i18n),
+            step: step,
+            type: "number",
+            value: value_0 && typeof value_0[1] === 'number' ? value_0[1] : ''
+          }), AfterInput]
         })]
-      }), _jsx(FieldDescription, {
-        Description: field?.admin?.components?.Description,
-        description,
-        field,
-        ...t18
       })]
-    });
-    $[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;
-    $[37] = t14;
-  } else {
-    t14 = $[37];
-  }
-  return t14;
+    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Description,
+      Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+        description: description,
+        path: path
+      })
+    })]
+  });
 };
 export const PointField = withCondition(PointFieldComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","PointFieldComponent","props","field","admin","className","description","placeholder","step","label","localized","required","path","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","disabled","id","replace","name","onChange","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldClientComponent, PointFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'point'\n\nexport const PointFieldComponent: PointFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, step } = {},\n      label,\n      localized,\n      required,\n    },\n    path,\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    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  const styles = useMemo(() => mergeFieldStyles(field), [field])\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={styles}\n    >\n      <ul className={`${baseClass}__wrap`}>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('longitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"input-wrapper\">\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n            <input\n              disabled={readOnly}\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":[]}

package/dist/fields/Point/index.scss

@@ -1,47 +1,49 @@
 @import '../../scss/styles.scss';
 
-.point {
-  position: relative;
-
-  & .input-wrapper {
+@layer payload-default {
+  .point {
     position: relative;
-  }
 
-  &__wrap {
-    display: flex;
-    width: calc(100% + #{base(1)});
-    margin: 0;
-    margin-left: base(-0.5);
-    margin-right: base(-0.5);
-    list-style: none;
-    padding: 0;
+    & .input-wrapper {
+      position: relative;
+    }
+
+    &__wrap {
+      display: flex;
+      width: calc(100% + #{base(1)});
+      margin: 0;
+      margin-left: base(-0.5);
+      margin-right: base(-0.5);
+      list-style: none;
+      padding: 0;
 
-    li {
-      padding: 0 base(0.5);
-      width: 50%;
+      li {
+        padding: 0 base(0.5);
+        width: 50%;
+      }
     }
-  }
 
-  input {
-    @include formInput;
+    input {
+      @include formInput;
+    }
   }
-}
 
-html[data-theme='light'] {
-  .point {
-    &.error {
-      input {
-        @include lightInputError;
+  html[data-theme='light'] {
+    .point {
+      &.error {
+        input {
+          @include lightInputError;
+        }
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .point {
-    &.error {
-      input {
-        @include darkInputError;
+  html[data-theme='dark'] {
+    .point {
+      &.error {
+        input {
+          @include darkInputError;
+        }
       }
     }
   }

package/dist/fields/RadioGroup/Radio/index.d.ts

@@ -1,10 +1,10 @@
-import type { OptionObject, RadioFieldProps } from 'payload';
+import type { OptionObject, RadioFieldClientProps } from 'payload';
 import React from 'react';
 import './index.scss';
 export declare const Radio: React.FC<{
     id: string;
     isSelected: boolean;
-    onChange: RadioFieldProps['onChange'];
+    onChange: RadioFieldClientProps['onChange'];
     option: OptionObject;
     path: string;
     readOnly?: boolean;

package/dist/fields/RadioGroup/Radio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/RadioGroup/Radio/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAiCA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/RadioGroup/Radio/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAGlE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAA;IAC3C,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAiCA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEditDepth","useTranslation","baseClass","Radio","props","$","isSelected","onChange","option","path","readOnly","uuid","i18n","editDepth","id","value","t0","t1","filter","Boolean","t2","join","t3","t4","label","t5","_jsx","checked","disabled","name","type","t6","t7","htmlFor","children","_jsxs","className"],"sources":["../../../../src/fields/RadioGroup/Radio/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, RadioFieldProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'radio-input'\n\nexport const Radio: React.FC<{\n  id: string\n  isSelected: boolean\n  onChange: RadioFieldProps['onChange']\n  option: OptionObject\n  path: string\n  readOnly?: boolean\n  uuid?: string\n}> = (props) => {\n  const { isSelected, onChange, option, path, readOnly, uuid } = props\n  const { i18n } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`\n\n  return (\n    <label htmlFor={id}>\n      <div\n        className={[baseClass, isSelected && `${baseClass}--is-selected`].filter(Boolean).join(' ')}\n      >\n        <input\n          checked={isSelected}\n          disabled={readOnly}\n          id={id}\n          name={path}\n          onChange={() => (typeof onChange === 'function' ? onChange(option.value) : null)}\n          type=\"radio\"\n        />\n        <span\n          className={[\n            `${baseClass}__styled-radio`,\n            readOnly && `${baseClass}__styled-radio--disabled`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        />\n        <span className={`${baseClass}__label`}>{getTranslation(option.label, i18n)}</span>\n      </div>\n    </label>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,KAAA,GAQRC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACH;IAAAS,UAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAA+DP,KAAA;EAC/D;IAAAQ;EAAA,IAAiBX,cAAA;EAEjB,MAAAY,SAAA,GAAkBb,YAAA;EAElB,MAAAc,EAAA,GAAW,SAASL,IAAA,IAAQD,MAAA,CAAAO,KAAA,GAAeF,SAAA,IAAY,GAAI,IAAIA,SAAA,EAAW,GAAG,KAAKF,IAAA,GAAO,IAAIA,IAAA,EAAM,GAAG,IAAI;EAK7E,MAAAK,EAAA,GAAAV,UAAA,IAAc,GAAAJ,SAAA,eAA2B;EAAA,IAAAe,EAAA;EAAA,IAAAZ,CAAA,QAAAW,EAAA;IAArDC,EAAA,IAAAf,SAAA,EAAYc,EAAyC,EAAAE,MAAA,CAAAC,OAAS;IAAAd,CAAA,MAAAW,EAAA;IAAAX,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAA9D,MAAAe,EAAA,GAAAH,EAA8D,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAjB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAO,KAAA;IAO3EO,EAAA,GAAAA,CAAA,KAAO,OAAOf,QAAA,KAAa,aAAaA,QAAA,CAASC,MAAA,CAAAO,KAAY,QAAI;IAAAV,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,MAAA,CAAAO,KAAA;IAAAV,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,SAAAG,MAAA,CAAAgB,KAAA,IAAAnB,CAAA,SAAAO,IAAA,IAAAP,CAAA,SAAAe,EAAA;IAL7E,MAAAK,EAAA,GAAAC,IAAA,CAAC;MAAAC,OAAA,EACUrB,UAAA;MAAAsB,QAAA,EACClB,QAAA;MAAAI,EAAA;MAAAe,IAAA,EAEJpB,IAAA;MAAAF,QAAA,EACIe,EAAiE;MAAAQ,IAAA,EACtE;IAAA,C;IAKH,MAAAC,EAAA,GAAArB,QAAA,IAAY,GAAAR,SAAA,0BAAsC;IAAA,IAAA8B,EAAA;IAAA,IAAA3B,CAAA,SAAA0B,EAAA;MAFzCC,EAAA,IACT,GAAA9B,SAAA,gBAA4B,EAC5B6B,EAAkD,EAAAb,MAAA,CAAAC,OAE1C;MAAAd,CAAA,OAAA0B,EAAA;MAAA1B,CAAA,OAAA2B,EAAA;IAAA;MAAAA,EAAA,GAAA3B,CAAA;IAAA;IAjBhBkB,EAAA,GAAAG,IAAA,CAAC;MAAAO,OAAA,EAAenB,EAAA;MAAAoB,QAAA,EACdC,KAAA,CAAC;QAAAC,SAAA,EACYhB,EAA4E;QAAAc,QAAA,GAEvFT,E,EAQAC,IAAA,CAAC;UAAAU,SAAA,EACYJ,EAID,CAAAX,IAAA,CACF;QAAA,C,GAEVK,IAAA,CAAC;UAAAU,SAAA,EAAgB,GAAAlC,SAAA,SAAqB;UAAAgC,QAAA,EAAGpC,cAAA,CAAeU,MAAA,CAAAgB,KAAA,EAAcZ,IAAA;QAAA,C;;;;;;;;;;;;;;;SApB1EW,E;CAwBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEditDepth","useTranslation","baseClass","Radio","props","$","isSelected","onChange","option","path","readOnly","uuid","i18n","editDepth","id","value","t0","t1","filter","Boolean","t2","join","t3","t4","label","t5","_jsx","checked","disabled","name","type","t6","t7","htmlFor","children","_jsxs","className"],"sources":["../../../../src/fields/RadioGroup/Radio/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, RadioFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'radio-input'\n\nexport const Radio: React.FC<{\n  id: string\n  isSelected: boolean\n  onChange: RadioFieldClientProps['onChange']\n  option: OptionObject\n  path: string\n  readOnly?: boolean\n  uuid?: string\n}> = (props) => {\n  const { isSelected, onChange, option, path, readOnly, uuid } = props\n  const { i18n } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`\n\n  return (\n    <label htmlFor={id}>\n      <div\n        className={[baseClass, isSelected && `${baseClass}--is-selected`].filter(Boolean).join(' ')}\n      >\n        <input\n          checked={isSelected}\n          disabled={readOnly}\n          id={id}\n          name={path}\n          onChange={() => (typeof onChange === 'function' ? onChange(option.value) : null)}\n          type=\"radio\"\n        />\n        <span\n          className={[\n            `${baseClass}__styled-radio`,\n            readOnly && `${baseClass}__styled-radio--disabled`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        />\n        <span className={`${baseClass}__label`}>{getTranslation(option.label, i18n)}</span>\n      </div>\n    </label>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,KAAA,GAQRC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACH;IAAAS,UAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAA+DP,KAAA;EAC/D;IAAAQ;EAAA,IAAiBX,cAAA;EAEjB,MAAAY,SAAA,GAAkBb,YAAA;EAElB,MAAAc,EAAA,GAAW,SAASL,IAAA,IAAQD,MAAA,CAAAO,KAAA,GAAeF,SAAA,IAAY,GAAI,IAAIA,SAAA,EAAW,GAAG,KAAKF,IAAA,GAAO,IAAIA,IAAA,EAAM,GAAG,IAAI;EAK7E,MAAAK,EAAA,GAAAV,UAAA,IAAc,GAAAJ,SAAA,eAA2B;EAAA,IAAAe,EAAA;EAAA,IAAAZ,CAAA,QAAAW,EAAA;IAArDC,EAAA,IAAAf,SAAA,EAAYc,EAAyC,EAAAE,MAAA,CAAAC,OAAS;IAAAd,CAAA,MAAAW,EAAA;IAAAX,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAA9D,MAAAe,EAAA,GAAAH,EAA8D,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAjB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAO,KAAA;IAO3EO,EAAA,GAAAA,CAAA,KAAO,OAAOf,QAAA,KAAa,aAAaA,QAAA,CAASC,MAAA,CAAAO,KAAY,QAAI;IAAAV,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,MAAA,CAAAO,KAAA;IAAAV,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,SAAAG,MAAA,CAAAgB,KAAA,IAAAnB,CAAA,SAAAO,IAAA,IAAAP,CAAA,SAAAe,EAAA;IAL7E,MAAAK,EAAA,GAAAC,IAAA,CAAC;MAAAC,OAAA,EACUrB,UAAA;MAAAsB,QAAA,EACClB,QAAA;MAAAI,EAAA;MAAAe,IAAA,EAEJpB,IAAA;MAAAF,QAAA,EACIe,EAAiE;MAAAQ,IAAA,EACtE;IAAA,C;IAKH,MAAAC,EAAA,GAAArB,QAAA,IAAY,GAAAR,SAAA,0BAAsC;IAAA,IAAA8B,EAAA;IAAA,IAAA3B,CAAA,SAAA0B,EAAA;MAFzCC,EAAA,IACT,GAAA9B,SAAA,gBAA4B,EAC5B6B,EAAkD,EAAAb,MAAA,CAAAC,OAE1C;MAAAd,CAAA,OAAA0B,EAAA;MAAA1B,CAAA,OAAA2B,EAAA;IAAA;MAAAA,EAAA,GAAA3B,CAAA;IAAA;IAjBhBkB,EAAA,GAAAG,IAAA,CAAC;MAAAO,OAAA,EAAenB,EAAA;MAAAoB,QAAA,EACdC,KAAA,CAAC;QAAAC,SAAA,EACYhB,EAA4E;QAAAc,QAAA,GAEvFT,E,EAQAC,IAAA,CAAC;UAAAU,SAAA,EACYJ,EAID,CAAAX,IAAA,CACF;QAAA,C,GAEVK,IAAA,CAAC;UAAAU,SAAA,EAAgB,GAAAlC,SAAA,SAAqB;UAAAgC,QAAA,EAAGpC,cAAA,CAAeU,MAAA,CAAAgB,KAAA,EAAcZ,IAAA;QAAA,C;;;;;;;;;;;;;;;SApB1EW,E;CAwBJ","ignoreList":[]}