@payloadcms/ui 3.0.0-canary.d6053cd → 3.0.0-canary.dc8b1fe

package/dist/fields/Point/index.js

@@ -1,139 +1,270 @@
 '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 { 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 { FieldDescription } from '../FieldDescription/index.js';
-import { FieldError } from '../FieldError/index.js';
-import { FieldLabel } from '../FieldLabel/index.js';
-export const _PointField = (props)=>{
-    const { name, AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, label, labelProps, path: pathFromProps, placeholder, readOnly: readOnlyFromProps, required, step, style, validate, width } = props;
-    const { i18n, t } = useTranslation();
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                required
-            });
-        }
-    }, [
-        validate,
-        required
-    ]);
-    const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
-    const readOnly = readOnlyFromProps || readOnlyFromContext;
-    const { path, setValue, showError, value = [
-        null,
-        null
-    ] } = useField({
-        path: pathFromContext ?? pathFromProps ?? name,
-        validate: memoizedValidate
-    });
-    const handleChange = useCallback((e, index)=>{
-        let val = parseFloat(e.target.value);
-        if (Number.isNaN(val)) {
-            val = e.target.value;
-        }
-        const coordinates = [
-            ...value
-        ];
-        coordinates[index] = val;
-        setValue(coordinates);
-    }, [
-        setValue,
-        value
-    ]);
-    const getCoordinateFieldLabel = (type)=>{
-        const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude');
-        const fieldLabel = label ? getTranslation(label, i18n) : '';
-        return {
-            ...labelProps,
-            label: `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`
-        };
+export const PointFieldComponent = props => {
+  const $ = _c(48);
+  const {
+    field: t0,
+    path: pathFromProps,
+    readOnly,
+    validate
+  } = props;
+  const {
+    name,
+    admin: t1,
+    label,
+    localized,
+    required
+  } = t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    className,
+    description,
+    placeholder,
+    step,
+    style,
+    width
+  } = t2;
+  const path = pathFromProps ?? name;
+  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;
+  let t4;
+  if ($[5] !== path || $[6] !== memoizedValidate) {
+    t4 = {
+      path,
+      validate: memoizedValidate
+    };
+    $[5] = path;
+    $[6] = memoizedValidate;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const {
+    customComponents: t5,
+    setValue,
+    showError,
+    value: t6
+  } = useField(t4);
+  let t7;
+  if ($[8] !== t5) {
+    t7 = t5 === undefined ? {} : t5;
+    $[8] = t5;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t7;
+  let t8;
+  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;
+      }
+      const coordinates = [...value_0];
+      coordinates[index] = val;
+      setValue(coordinates);
     };
-    return /*#__PURE__*/ _jsxs("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            className,
-            showError && 'error',
-            readOnly && 'read-only'
-        ].filter(Boolean).join(' '),
-        style: {
-            ...style,
-            width
-        },
-        children: [
-            /*#__PURE__*/ _jsxs("ul", {
-                className: `${baseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsxs("li", {
-                        children: [
-                            CustomLabel !== undefined ? CustomLabel : /*#__PURE__*/ _jsx(FieldLabel, {
-                                ...getCoordinateFieldLabel('longitude')
-                            }),
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: "input-wrapper",
-                                children: [
-                                    BeforeInput,
-                                    /*#__PURE__*/ _jsx("input", {
-                                        disabled: readOnly,
-                                        id: `field-longitude-${path.replace(/\./g, '__')}`,
-                                        name: `${path}.longitude`,
-                                        onChange: (e)=>handleChange(e, 0),
-                                        placeholder: getTranslation(placeholder, i18n),
-                                        step: step,
-                                        type: "number",
-                                        value: value && typeof value[0] === 'number' ? value[0] : ''
-                                    }),
-                                    AfterInput
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("li", {
-                        children: [
-                            CustomLabel !== undefined ? CustomLabel : /*#__PURE__*/ _jsx(FieldLabel, {
-                                ...getCoordinateFieldLabel('latitude')
-                            }),
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: "input-wrapper",
-                                children: [
-                                    /*#__PURE__*/ _jsx(FieldError, {
-                                        CustomError: CustomError,
-                                        path: path,
-                                        ...errorProps || {}
-                                    }),
-                                    BeforeInput,
-                                    /*#__PURE__*/ _jsx("input", {
-                                        disabled: readOnly,
-                                        id: `field-latitude-${path.replace(/\./g, '__')}`,
-                                        name: `${path}.latitude`,
-                                        onChange: (e)=>handleChange(e, 1),
-                                        placeholder: getTranslation(placeholder, i18n),
-                                        step: step,
-                                        type: "number",
-                                        value: value && typeof value[1] === 'number' ? value[1] : ''
-                                    }),
-                                    AfterInput
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            }),
-            CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
-                ...descriptionProps || {}
+    $[12] = value_0;
+    $[13] = setValue;
+    $[14] = t9;
+  } else {
+    t9 = $[14];
+  }
+  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 `${fieldLabel}${fieldLabel ? " - " : ""}${suffix}`;
+    };
+    $[15] = t;
+    $[16] = label;
+    $[17] = i18n;
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  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 {
+    t13 = $[22];
+  }
+  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 ($[44] !== handleChange) {
+      t16 = e_0 => handleChange(e_0, 0);
+      $[44] = handleChange;
+      $[45] = t16;
+    } else {
+      t16 = $[45];
+    }
+    let t17;
+    if ($[46] !== handleChange) {
+      t17 = e_1 => handleChange(e_1, 1);
+      $[46] = handleChange;
+      $[47] = t17;
+    } else {
+      t17 = $[47];
+    }
+    t15 = _jsxs("div", {
+      className: t14,
+      style: {
+        ...style,
+        width
+      },
+      children: [_jsxs("ul", {
+        className: `${baseClass}__wrap`,
+        children: [_jsxs("li", {
+          children: [_jsx(RenderCustomComponent, {
+            CustomComponent: Label,
+            Fallback: _jsx(FieldLabel, {
+              label: getCoordinateFieldLabel("longitude"),
+              localized,
+              path,
+              required
+            })
+          }), _jsxs("div", {
+            className: "input-wrapper",
+            children: [BeforeInput, _jsx("input", {
+              disabled: readOnly,
+              id: `field-longitude-${path?.replace(/\./g, "__")}`,
+              name: `${path}.longitude`,
+              onChange: t16,
+              placeholder: getTranslation(placeholder, i18n),
+              step,
+              type: "number",
+              value: value_0 && typeof value_0[0] === "number" ? value_0[0] : ""
+            }), AfterInput]
+          })]
+        }), _jsxs("li", {
+          children: [_jsx(RenderCustomComponent, {
+            CustomComponent: Label,
+            Fallback: _jsx(FieldLabel, {
+              label: getCoordinateFieldLabel("latitude"),
+              localized,
+              path,
+              required
             })
-        ]
+          }), _jsxs("div", {
+            className: "input-wrapper",
+            children: [_jsx(RenderCustomComponent, {
+              CustomComponent: Error,
+              Fallback: _jsx(FieldError, {
+                path,
+                showError
+              })
+            }), 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] : ""
+            }), AfterInput]
+          })]
+        })]
+      }), _jsx(RenderCustomComponent, {
+        CustomComponent: Description,
+        Fallback: _jsx(FieldDescription, {
+          description,
+          path
+        })
+      })]
     });
+    $[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;
+    $[43] = t15;
+  } else {
+    t15 = $[43];
+  }
+  return t15;
 };
-export const PointField = withCondition(_PointField);
-
+export const PointField = withCondition(PointFieldComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } 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 type { FormFieldBase } from '../shared/index.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\n\nexport type PointFieldProps = {\n  name?: string\n  path?: string\n  placeholder?: string\n  step?: number\n  width?: string\n} & FormFieldBase\n\nexport const _PointField: React.FC<PointFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    step,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate: ClientValidate = 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          {CustomLabel !== undefined ? (\n            CustomLabel\n          ) : (\n            <FieldLabel {...getCoordinateFieldLabel('longitude')} />\n          )}\n          <div className=\"input-wrapper\">\n            {BeforeInput}\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          {CustomLabel !== undefined ? (\n            CustomLabel\n          ) : (\n            <FieldLabel {...getCoordinateFieldLabel('latitude')} />\n          )}\n          <div className=\"input-wrapper\">\n            <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n            {BeforeInput}\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      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const PointField = withCondition(_PointField)\n"],"names":["getTranslation","React","useCallback","useField","withCondition","useTranslation","fieldBaseClass","baseClass","useFieldProps","FieldDescription","FieldError","FieldLabel","_PointField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","errorProps","label","labelProps","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","step","style","validate","width","i18n","t","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","setValue","showError","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","getCoordinateFieldLabel","type","suffix","fieldLabel","div","filter","Boolean","join","ul","li","undefined","input","disabled","id","replace","onChange","PointField"],"mappings":"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"}
+{"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":[]}

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,11 +1,10 @@
-import type { OptionObject } from 'payload';
+import type { OptionObject, RadioFieldClientProps } from 'payload';
 import React from 'react';
-import type { OnChange } from '../index.js';
 import './index.scss';
 export declare const Radio: React.FC<{
     id: string;
     isSelected: boolean;
-    onChange: 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,MAAM,SAAS,CAAA;AAG3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAI3C,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,QAAQ,CAAA;IAClB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CA0BA,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"}