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

package/dist/fields/RadioGroup/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 { optionIsObject } from 'payload/shared';
 import React, { useCallback, useMemo } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -15,120 +14,153 @@ import './index.scss';
 import { fieldBaseClass } from '../shared/index.js';
 import { Radio } from './Radio/index.js';
 const baseClass = 'radio-group';
-const RadioGroupFieldComponent = props => {
-  const {
-    disableModifyingForm: disableModifyingFormFromProps,
-    field,
-    field: {
-      admin: {
-        className,
-        description,
-        layout = 'horizontal'
-      } = {},
-      label,
-      localized,
-      options = [],
-      required
-    } = {},
-    onChange: onChangeFromProps,
-    path: pathFromProps,
-    readOnly,
-    validate,
-    value: valueFromProps
-  } = props;
-  const {
-    uuid
-  } = useForm();
-  const memoizedValidate = useCallback((value, validationOptions) => {
-    if (typeof validate === 'function') {
-      return validate(value, {
-        ...validationOptions,
+const RadioGroupFieldComponent = (props)=>{
+    const { disableModifyingForm: disableModifyingFormFromProps, field, field: { admin: { className, description, layout = 'horizontal' } = {}, label, localized, options = [], required } = {}, onChange: onChangeFromProps, path: pathFromProps, readOnly, validate, value: valueFromProps } = props;
+    const { uuid } = useForm();
+    const memoizedValidate = useCallback((value, validationOptions)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...validationOptions,
+                options,
+                required
+            });
+        }
+    }, [
+        validate,
         options,
         required
-      });
-    }
-  }, [validate, options, required]);
-  const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
-    disabled,
-    path,
-    setValue,
-    showError,
-    value: valueFromContext
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
-  const value_0 = valueFromContext || valueFromProps;
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: [fieldBaseClass, baseClass, className, `${baseClass}--layout-${layout}`, showError && 'error', (readOnly || disabled) && `${baseClass}--read-only`].filter(Boolean).join(' '),
-    style: styles,
-    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-      CustomComponent: Error,
-      Fallback: /*#__PURE__*/_jsx(FieldError, {
-        path: path,
-        showError: showError
-      })
-    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
-      CustomComponent: Label,
-      Fallback: /*#__PURE__*/_jsx(FieldLabel, {
-        label: label,
-        localized: localized,
-        path: path,
-        required: required
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${fieldBaseClass}__wrap`,
-      children: [BeforeInput, /*#__PURE__*/_jsx("ul", {
-        className: `${baseClass}--group`,
-        id: `field-${path.replace(/\./g, '__')}`,
-        children: options.map(option => {
-          let optionValue = '';
-          if (optionIsObject(option)) {
-            optionValue = option.value;
-          } else {
-            optionValue = option;
-          }
-          const isSelected = String(optionValue) === String(value_0);
-          const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`;
-          return /*#__PURE__*/_jsx("li", {
-            children: /*#__PURE__*/_jsx(Radio, {
-              id: id,
-              isSelected: isSelected,
-              onChange: () => {
-                if (typeof onChangeFromProps === 'function') {
-                  onChangeFromProps(optionValue);
-                }
-                if (!(readOnly || disabled)) {
-                  setValue(optionValue, !!disableModifyingFormFromProps);
-                }
-              },
-              option: optionIsObject(option) ? option : {
-                label: option,
-                value: option
-              },
-              path: path,
-              readOnly: readOnly || disabled,
-              uuid: uuid
-            })
-          }, `${path} - ${optionValue}`);
-        })
-      }), 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: valueFromContext } = useField({
+        potentiallyStalePath: pathFromProps,
+        validate: memoizedValidate
+    });
+    const value = valueFromContext || valueFromProps;
+    const styles = useMemo(()=>mergeFieldStyles(field), [
+        field
+    ]);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            fieldBaseClass,
+            baseClass,
+            className,
+            `${baseClass}--layout-${layout}`,
+            showError && 'error',
+            (readOnly || disabled) && `${baseClass}--read-only`
+        ].filter(Boolean).join(' '),
+        style: styles,
+        children: [
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                CustomComponent: Error,
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
+                    path: path,
+                    showError: showError
+                }, void 0, false, {
+                    fileName: "src/fields/RadioGroup/index.tsx",
+                    lineNumber: 86,
+                    columnNumber: 19
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/RadioGroup/index.tsx",
+                lineNumber: 84,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                CustomComponent: Label,
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                    label: label,
+                    localized: localized,
+                    path: path,
+                    required: required
+                }, void 0, false, {
+                    fileName: "src/fields/RadioGroup/index.tsx",
+                    lineNumber: 91,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/RadioGroup/index.tsx",
+                lineNumber: 88,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${fieldBaseClass}__wrap`,
+                children: [
+                    BeforeInput,
+                    /*#__PURE__*/ _jsxDEV("ul", {
+                        className: `${baseClass}--group`,
+                        id: `field-${path.replace(/\./g, '__')}`,
+                        children: options.map((option)=>{
+                            let optionValue = '';
+                            if (optionIsObject(option)) {
+                                optionValue = option.value;
+                            } else {
+                                optionValue = option;
+                            }
+                            const isSelected = String(optionValue) === String(value);
+                            const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`;
+                            return /*#__PURE__*/ _jsxDEV("li", {
+                                children: /*#__PURE__*/ _jsxDEV(Radio, {
+                                    id: id,
+                                    isSelected: isSelected,
+                                    onChange: ()=>{
+                                        if (typeof onChangeFromProps === 'function') {
+                                            onChangeFromProps(optionValue);
+                                        }
+                                        if (!(readOnly || disabled)) {
+                                            setValue(optionValue, !!disableModifyingFormFromProps);
+                                        }
+                                    },
+                                    option: optionIsObject(option) ? option : {
+                                        label: option,
+                                        value: option
+                                    },
+                                    path: path,
+                                    readOnly: readOnly || disabled,
+                                    uuid: uuid
+                                }, void 0, false, {
+                                    fileName: "src/fields/RadioGroup/index.tsx",
+                                    lineNumber: 112,
+                                    columnNumber: 17
+                                }, this)
+                            }, `${path} - ${optionValue}`, false, {
+                                fileName: "src/fields/RadioGroup/index.tsx",
+                                lineNumber: 111,
+                                columnNumber: 15
+                            }, this);
+                        })
+                    }, void 0, false, {
+                        fileName: "src/fields/RadioGroup/index.tsx",
+                        lineNumber: 96,
+                        columnNumber: 9
+                    }, this),
+                    AfterInput,
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                        CustomComponent: Description,
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
+                            description: description,
+                            path: path
+                        }, void 0, false, {
+                            fileName: "src/fields/RadioGroup/index.tsx",
+                            lineNumber: 136,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/RadioGroup/index.tsx",
+                        lineNumber: 134,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/fields/RadioGroup/index.tsx",
+                lineNumber: 94,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/fields/RadioGroup/index.tsx",
+        lineNumber: 71,
+        columnNumber: 5
+    }, this);
 };
 export const RadioGroupField = withCondition(RadioGroupFieldComponent);
+
 //# sourceMappingURL=index.js.map

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

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