@payloadcms/ui 3.70.0 → 3.71.0-internal-debug.80dab4c

package/dist/fields/Point/index.js

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useMemo } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -14,132 +13,205 @@ import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import './index.scss';
 import { fieldBaseClass } from '../shared/index.js';
 const baseClass = 'point';
-export const PointFieldComponent = props => {
-  const {
-    field,
-    field: {
-      admin: {
-        className,
-        description,
-        placeholder,
-        step
-      } = {},
-      label,
-      localized,
-      required
-    },
-    path: pathFromProps,
-    readOnly,
-    validate
-  } = props;
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const memoizedValidate = useCallback((value, options) => {
-    if (typeof validate === 'function') {
-      return validate(value, {
-        ...options,
+export const PointFieldComponent = (props)=>{
+    const { field, field: { admin: { className, description, placeholder, step } = {}, label, localized, required }, path: pathFromProps, readOnly, validate } = props;
+    const { i18n, t } = useTranslation();
+    const memoizedValidate = useCallback((value, options)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...options,
+                required
+            });
+        }
+    }, [
+        validate,
         required
-      });
-    }
-  }, [validate, required]);
-  const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
-    disabled,
-    path,
-    setValue,
-    showError,
-    value: value_0 = [null, null]
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
-  const handleChange = useCallback((e, index) => {
-    let val = parseFloat(e.target.value);
-    if (Number.isNaN(val)) {
-      val = e.target.value;
-    }
-    const coordinates = [...value_0];
-    coordinates[index] = val;
-    setValue(coordinates);
-  }, [setValue, value_0]);
-  const getCoordinateFieldLabel = type => {
-    const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude');
-    const fieldLabel = label ? getTranslation(label, i18n) : '';
-    return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`;
-  };
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: [fieldBaseClass, baseClass, className, showError && 'error', (readOnly || disabled) && 'read-only'].filter(Boolean).join(' '),
-    style: styles,
-    children: [/*#__PURE__*/_jsxs("ul", {
-      className: `${baseClass}__wrap`,
-      children: [/*#__PURE__*/_jsxs("li", {
-        children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-          CustomComponent: Label,
-          Fallback: /*#__PURE__*/_jsx(FieldLabel, {
-            label: getCoordinateFieldLabel('longitude'),
-            localized: localized,
-            path: path,
-            required: required
-          })
-        }), /*#__PURE__*/_jsxs("div", {
-          className: "input-wrapper",
-          children: [BeforeInput, /*#__PURE__*/_jsx("input", {
-            disabled: readOnly || disabled,
-            id: `field-longitude-${path?.replace(/\./g, '__')}`,
-            name: `${path}.longitude`,
-            onChange: e_0 => handleChange(e_0, 0),
-            placeholder: getTranslation(placeholder, i18n),
-            step: step,
-            type: "number",
-            value: value_0 && typeof value_0[0] === 'number' ? value_0[0] : ''
-          }), AfterInput]
-        })]
-      }), /*#__PURE__*/_jsxs("li", {
-        children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-          CustomComponent: Label,
-          Fallback: /*#__PURE__*/_jsx(FieldLabel, {
-            label: getCoordinateFieldLabel('latitude'),
-            localized: localized,
-            path: path,
-            required: required
-          })
-        }), /*#__PURE__*/_jsxs("div", {
-          className: "input-wrapper",
-          children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-            CustomComponent: Error,
-            Fallback: /*#__PURE__*/_jsx(FieldError, {
-              path: path,
-              showError: showError
-            })
-          }), BeforeInput, /*#__PURE__*/_jsx("input", {
-            disabled: readOnly || disabled,
-            id: `field-latitude-${path?.replace(/\./g, '__')}`,
-            name: `${path}.latitude`,
-            onChange: e_1 => handleChange(e_1, 1),
-            placeholder: getTranslation(placeholder, i18n),
-            step: step,
-            type: "number",
-            value: value_0 && typeof value_0[1] === 'number' ? value_0[1] : ''
-          }), AfterInput]
-        })]
-      })]
-    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
-      CustomComponent: Description,
-      Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-        description: description,
-        path: path
-      })
-    })]
-  });
+    ]);
+    const { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled, path, setValue, showError, value = [
+        null,
+        null
+    ] } = useField({
+        potentiallyStalePath: pathFromProps,
+        validate: memoizedValidate
+    });
+    const handleChange = useCallback((e, index)=>{
+        let val = parseFloat(e.target.value);
+        if (Number.isNaN(val)) {
+            val = e.target.value;
+        }
+        const coordinates = [
+            ...value
+        ];
+        coordinates[index] = val;
+        setValue(coordinates);
+    }, [
+        setValue,
+        value
+    ]);
+    const getCoordinateFieldLabel = (type)=>{
+        const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude');
+        const fieldLabel = label ? getTranslation(label, i18n) : '';
+        return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`;
+    };
+    const styles = useMemo(()=>mergeFieldStyles(field), [
+        field
+    ]);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            fieldBaseClass,
+            baseClass,
+            className,
+            showError && 'error',
+            (readOnly || disabled) && 'read-only'
+        ].filter(Boolean).join(' '),
+        style: styles,
+        children: [
+            /*#__PURE__*/ _jsxDEV("ul", {
+                className: `${baseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("li", {
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                                CustomComponent: Label,
+                                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                                    label: getCoordinateFieldLabel('longitude'),
+                                    localized: localized,
+                                    path: path,
+                                    required: required
+                                }, void 0, false, {
+                                    fileName: "src/fields/Point/index.tsx",
+                                    lineNumber: 97,
+                                    columnNumber: 15
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/fields/Point/index.tsx",
+                                lineNumber: 94,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("div", {
+                                className: "input-wrapper",
+                                children: [
+                                    BeforeInput,
+                                    /* disable eslint rule because the label is dynamic */ /* eslint-disable-next-line jsx-a11y/control-has-associated-label */ /*#__PURE__*/ _jsxDEV("input", {
+                                        disabled: readOnly || disabled,
+                                        id: `field-longitude-${path?.replace(/\./g, '__')}`,
+                                        name: `${path}.longitude`,
+                                        onChange: (e)=>handleChange(e, 0),
+                                        placeholder: getTranslation(placeholder, i18n),
+                                        step: step,
+                                        type: "number",
+                                        value: value && typeof value[0] === 'number' ? value[0] : ''
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Point/index.tsx",
+                                        lineNumber: 109,
+                                        columnNumber: 13
+                                    }, this),
+                                    AfterInput
+                                ]
+                            }, void 0, true, {
+                                fileName: "src/fields/Point/index.tsx",
+                                lineNumber: 105,
+                                columnNumber: 11
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/fields/Point/index.tsx",
+                        lineNumber: 93,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("li", {
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                                CustomComponent: Label,
+                                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                                    label: getCoordinateFieldLabel('latitude'),
+                                    localized: localized,
+                                    path: path,
+                                    required: required
+                                }, void 0, false, {
+                                    fileName: "src/fields/Point/index.tsx",
+                                    lineNumber: 126,
+                                    columnNumber: 15
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/fields/Point/index.tsx",
+                                lineNumber: 123,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("div", {
+                                className: "input-wrapper",
+                                children: [
+                                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                                        CustomComponent: Error,
+                                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
+                                            path: path,
+                                            showError: showError
+                                        }, void 0, false, {
+                                            fileName: "src/fields/Point/index.tsx",
+                                            lineNumber: 137,
+                                            columnNumber: 25
+                                        }, void 0)
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Point/index.tsx",
+                                        lineNumber: 135,
+                                        columnNumber: 13
+                                    }, this),
+                                    BeforeInput,
+                                    /* disable eslint rule because the label is dynamic */ /* eslint-disable-next-line jsx-a11y/control-has-associated-label */ /*#__PURE__*/ _jsxDEV("input", {
+                                        disabled: readOnly || disabled,
+                                        id: `field-latitude-${path?.replace(/\./g, '__')}`,
+                                        name: `${path}.latitude`,
+                                        onChange: (e)=>handleChange(e, 1),
+                                        placeholder: getTranslation(placeholder, i18n),
+                                        step: step,
+                                        type: "number",
+                                        value: value && typeof value[1] === 'number' ? value[1] : ''
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Point/index.tsx",
+                                        lineNumber: 142,
+                                        columnNumber: 13
+                                    }, this),
+                                    AfterInput
+                                ]
+                            }, void 0, true, {
+                                fileName: "src/fields/Point/index.tsx",
+                                lineNumber: 134,
+                                columnNumber: 11
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/fields/Point/index.tsx",
+                        lineNumber: 122,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/fields/Point/index.tsx",
+                lineNumber: 92,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                CustomComponent: Description,
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
+                    description: description,
+                    path: path
+                }, void 0, false, {
+                    fileName: "src/fields/Point/index.tsx",
+                    lineNumber: 158,
+                    columnNumber: 19
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Point/index.tsx",
+                lineNumber: 156,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/fields/Point/index.tsx",
+        lineNumber: 80,
+        columnNumber: 5
+    }, this);
 };
 export const PointField = withCondition(PointFieldComponent);
+
 //# sourceMappingURL=index.js.map

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

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

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

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

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, 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,QAAAO,IAAA,IAAAP,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAG,MAAA,CAAAgB,KAAA,IAAAnB,CAAA,QAAAI,IAAA,IAAAJ,CAAA,SAAAK,QAAA,IAAAL,CAAA,SAAAe,EAAA,IAAAf,CAAA,SAAAiB,EAAA;IAL7E,MAAAG,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,"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"],"names":["getTranslation","React","useEditDepth","useTranslation","baseClass","Radio","props","isSelected","onChange","option","path","readOnly","uuid","i18n","editDepth","id","value","label","htmlFor","div","className","filter","Boolean","join","input","checked","disabled","name","type","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,QAQR,CAACC;IACJ,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGN;IAC/D,MAAM,EAAEO,IAAI,EAAE,GAAGV;IAEjB,MAAMW,YAAYZ;IAElB,MAAMa,KAAK,CAAC,MAAM,EAAEL,KAAK,CAAC,EAAED,OAAOO,KAAK,GAAGF,YAAY,IAAI,CAAC,CAAC,EAAEA,WAAW,GAAG,KAAKF,OAAO,CAAC,CAAC,EAAEA,MAAM,GAAG,IAAI;IAE1G,qBACE,QAACK;QAAMC,SAASH;kBACd,cAAA,QAACI;YACCC,WAAW;gBAAChB;gBAAWG,cAAc,GAAGH,UAAU,aAAa,CAAC;aAAC,CAACiB,MAAM,CAACC,SAASC,IAAI,CAAC;;8BAEvF,QAACC;oBACCC,SAASlB;oBACTmB,UAAUf;oBACVI,IAAIA;oBACJY,MAAMjB;oBACNF,UAAU,IAAO,OAAOA,aAAa,aAAaA,SAASC,OAAOO,KAAK,IAAI;oBAC3EY,MAAK;;;;;;8BAEP,QAACC;oBACCT,WAAW;wBACT,GAAGhB,UAAU,cAAc,CAAC;wBAC5BO,YAAY,GAAGP,UAAU,wBAAwB,CAAC;qBACnD,CACEiB,MAAM,CAACC,SACPC,IAAI,CAAC;;;;;;8BAEV,QAACM;oBAAKT,WAAW,GAAGhB,UAAU,OAAO,CAAC;8BAAGJ,eAAeS,OAAOQ,KAAK,EAAEJ;;;;;;;;;;;;;;;;;AAI9E,EAAC"}