@payloadcms/ui 3.0.0-beta.133 → 3.0.0-beta.135

package/dist/fields/DateTime/index.js

@@ -1,9 +1,8 @@
 '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 { DatePickerField } from '../../elements/DatePicker/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
@@ -12,182 +11,93 @@ 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 = 'date-time-field';
 const DateTimeFieldComponent = props => {
-  const $ = _c(38);
   const {
-    field: t0,
+    field,
+    field: {
+      admin: {
+        className,
+        date: datePickerProps,
+        description,
+        placeholder
+      } = {},
+      label,
+      localized,
+      required
+    },
     path,
     readOnly,
     validate
   } = props;
-  const {
-    admin: t1,
-    label,
-    localized,
-    required
-  } = t0;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = t1 === undefined ? {} : t1;
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const {
-    className,
-    date: datePickerProps,
-    description,
-    placeholder,
-    style,
-    width
-  } = t2;
   const {
     i18n
   } = 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 memoizedValidate = useCallback((value, options) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...options,
+        required
+      });
+    }
+  }, [validate, required]);
   const {
-    customComponents: t5,
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
     setValue,
     showError,
     value: value_0
-  } = useField(t4);
-  let t6;
-  if ($[8] !== t5) {
-    t6 = t5 === undefined ? {} : t5;
-    $[8] = t5;
-    $[9] = t6;
-  } else {
-    t6 = $[9];
-  }
-  const {
-    AfterInput,
-    BeforeInput,
-    Description,
-    Error,
-    Label
-  } = t6;
-  const t7 = showError && `${baseClass}--has-error`;
-  const t8 = readOnly && "read-only";
-  let t9;
-  if ($[10] !== className || $[11] !== t7 || $[12] !== t8) {
-    t9 = [fieldBaseClass, baseClass, className, t7, t8].filter(Boolean);
-    $[10] = className;
-    $[11] = t7;
-    $[12] = t8;
-    $[13] = t9;
-  } else {
-    t9 = $[13];
-  }
-  const t10 = t9.join(" ");
-  let t11;
-  if ($[14] !== style || $[15] !== width || $[16] !== label || $[17] !== localized || $[18] !== required || $[19] !== Label || $[20] !== path || $[21] !== showError || $[22] !== Error || $[23] !== readOnly || $[24] !== setValue || $[25] !== placeholder || $[26] !== i18n || $[27] !== datePickerProps || $[28] !== value_0 || $[29] !== BeforeInput || $[30] !== AfterInput || $[31] !== description || $[32] !== Description || $[33] !== t10) {
-    let t12;
-    if ($[35] !== readOnly || $[36] !== setValue) {
-      t12 = incomingDate => {
-        if (!readOnly) {
-          setValue(incomingDate?.toISOString() || null);
-        }
-      };
-      $[35] = readOnly;
-      $[36] = setValue;
-      $[37] = t12;
-    } else {
-      t12 = $[37];
-    }
-    t11 = _jsxs("div", {
-      className: t10,
-      style: {
-        ...style,
-        width
-      },
-      children: [_jsx(RenderCustomComponent, {
-        CustomComponent: Label,
-        Fallback: _jsx(FieldLabel, {
-          label,
-          localized,
-          required
-        })
-      }), _jsxs("div", {
-        className: `${fieldBaseClass}__wrap`,
-        id: `field-${path.replace(/\./g, "__")}`,
-        children: [_jsx(RenderCustomComponent, {
-          CustomComponent: Error,
-          Fallback: _jsx(FieldError, {
-            path,
-            showError
-          })
-        }), BeforeInput, _jsx(DatePickerField, {
-          ...datePickerProps,
-          onChange: t12,
-          placeholder: getTranslation(placeholder, i18n),
-          readOnly,
-          value: value_0
-        }), AfterInput]
-      }), _jsx(RenderCustomComponent, {
-        CustomComponent: Description,
-        Fallback: _jsx(FieldDescription, {
-          description,
-          path
+  } = useField({
+    path,
+    validate: memoizedValidate
+  });
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, baseClass, className, showError && `${baseClass}--has-error`, readOnly && 'read-only'].filter(Boolean).join(' '),
+    style: styles,
+    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Label,
+      Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+        label: label,
+        localized: localized,
+        required: required
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${fieldBaseClass}__wrap`,
+      id: `field-${path.replace(/\./g, '__')}`,
+      children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+        CustomComponent: Error,
+        Fallback: /*#__PURE__*/_jsx(FieldError, {
+          path: path,
+          showError: showError
         })
-      })]
-    });
-    $[14] = style;
-    $[15] = width;
-    $[16] = label;
-    $[17] = localized;
-    $[18] = required;
-    $[19] = Label;
-    $[20] = path;
-    $[21] = showError;
-    $[22] = Error;
-    $[23] = readOnly;
-    $[24] = setValue;
-    $[25] = placeholder;
-    $[26] = i18n;
-    $[27] = datePickerProps;
-    $[28] = value_0;
-    $[29] = BeforeInput;
-    $[30] = AfterInput;
-    $[31] = description;
-    $[32] = Description;
-    $[33] = t10;
-    $[34] = t11;
-  } else {
-    t11 = $[34];
-  }
-  return t11;
+      }), BeforeInput, /*#__PURE__*/_jsx(DatePickerField, {
+        ...datePickerProps,
+        onChange: incomingDate => {
+          if (!readOnly) {
+            setValue(incomingDate?.toISOString() || null);
+          }
+        },
+        placeholder: getTranslation(placeholder, i18n),
+        readOnly: readOnly,
+        value: value_0
+      }), AfterInput]
+    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Description,
+      Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+        description: description,
+        path: path
+      })
+    })]
+  });
 };
 export const DateTimeField = withCondition(DateTimeFieldComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","DatePickerField","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","fieldBaseClass","baseClass","DateTimeFieldComponent","props","$","field","t0","path","readOnly","validate","admin","t1","label","localized","required","t2","undefined","className","date","datePickerProps","description","placeholder","style","width","i18n","t3","value","options","memoizedValidate","t4","customComponents","t5","setValue","showError","value_0","t6","AfterInput","BeforeInput","Description","Error","Label","t7","t8","t9","filter","Boolean","t10","join","t11","t12","incomingDate","toISOString","_jsxs","children","_jsx","CustomComponent","Fallback","id","replace","onChange","DateTimeField"],"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClientComponent, DateFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\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 = 'date-time-field'\n\nconst DateTimeFieldComponent: DateFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, date: datePickerProps, description, placeholder, style, width } = {},\n      label,\n      localized,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: DateFieldValidation = 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,\n  } = useField<Date>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-error`,\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={<FieldLabel label={label} localized={localized} required={required} />}\n      />\n      <div className={`${fieldBaseClass}__wrap`} id={`field-${path.replace(/\\./g, '__')}`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={(incomingDate) => {\n            if (!readOnly) {\n              setValue(incomingDate?.toISOString() || null)\n            }\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly}\n          value={value}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const DateTimeField = withCondition(DateTimeFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","DatePickerField","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","DateTimeFieldComponent","props","field","admin","className","date","datePickerProps","description","placeholder","label","localized","required","path","readOnly","validate","i18n","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","onChange","incomingDate","toISOString","DateTimeField"],"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClientComponent, DateFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\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 = 'date-time-field'\n\nconst DateTimeFieldComponent: DateFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, date: datePickerProps, description, placeholder } = {},\n      label,\n      localized,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: DateFieldValidation = 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,\n  } = useField<Date>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-error`,\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={<FieldLabel label={label} localized={localized} required={required} />}\n      />\n      <div className={`${fieldBaseClass}__wrap`} id={`field-${path.replace(/\\./g, '__')}`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={(incomingDate) => {\n            if (!readOnly) {\n              setValue(incomingDate?.toISOString() || null)\n            }\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly}\n          value={value}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const DateTimeField = withCondition(DateTimeFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Email/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Email/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,OAAO,cAAc,CAAA;AAyFrB,eAAO,MAAM,UAAU;;;;;+EAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Email/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAA+B,MAAM,OAAO,CAAA;AAUnD,OAAO,cAAc,CAAA;AAuFrB,eAAO,MAAM,UAAU;;;;;+EAAqC,CAAA"}

package/dist/fields/Email/index.js

@@ -1,9 +1,8 @@
 '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';
@@ -11,180 +10,92 @@ import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { FieldLabel } from '../FieldLabel/index.js';
-import { fieldBaseClass } from '../shared/index.js';
+import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import './index.scss';
+import { fieldBaseClass } from '../shared/index.js';
 const EmailFieldComponent = props => {
-  const $ = _c(37);
   const {
-    field: t0,
+    field,
+    field: {
+      admin: {
+        autoComplete,
+        className,
+        description,
+        placeholder
+      } = {},
+      label,
+      localized,
+      required
+    } = {},
     path,
     readOnly,
     validate
   } = props;
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    admin: t2,
-    label,
-    localized,
-    required
-  } = t1;
-  let t3;
-  if ($[2] !== t2) {
-    t3 = t2 === undefined ? {} : t2;
-    $[2] = t2;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const {
-    autoComplete,
-    className,
-    description,
-    placeholder,
-    style,
-    width
-  } = t3;
   const {
     i18n
   } = useTranslation();
-  let t4;
-  if ($[4] !== validate || $[5] !== required) {
-    t4 = (value, options) => {
-      if (typeof validate === "function") {
-        return validate(value, {
-          ...options,
-          required
-        });
-      }
-    };
-    $[4] = validate;
-    $[5] = required;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  const memoizedValidate = t4;
-  let t5;
-  if ($[7] !== path || $[8] !== memoizedValidate) {
-    t5 = {
-      path,
-      validate: memoizedValidate
-    };
-    $[7] = path;
-    $[8] = memoizedValidate;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
+  const memoizedValidate = useCallback((value, options) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...options,
+        required
+      });
+    }
+  }, [validate, required]);
   const {
-    customComponents: t6,
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
     setValue,
     showError,
     value: value_0
-  } = useField(t5);
-  let t7;
-  if ($[10] !== t6) {
-    t7 = t6 === undefined ? {} : t6;
-    $[10] = t6;
-    $[11] = t7;
-  } else {
-    t7 = $[11];
-  }
-  const {
-    AfterInput,
-    BeforeInput,
-    Description,
-    Error,
-    Label
-  } = t7;
-  const t8 = showError && "error";
-  const t9 = readOnly && "read-only";
-  let t10;
-  if ($[12] !== className || $[13] !== t8 || $[14] !== t9) {
-    t10 = [fieldBaseClass, "email", className, t8, t9].filter(Boolean);
-    $[12] = className;
-    $[13] = t8;
-    $[14] = t9;
-    $[15] = t10;
-  } else {
-    t10 = $[15];
-  }
-  const t11 = t10.join(" ");
-  let t12;
-  if ($[16] !== style || $[17] !== width || $[18] !== label || $[19] !== localized || $[20] !== path || $[21] !== required || $[22] !== Label || $[23] !== showError || $[24] !== Error || $[25] !== placeholder || $[26] !== i18n || $[27] !== value_0 || $[28] !== autoComplete || $[29] !== readOnly || $[30] !== setValue || $[31] !== BeforeInput || $[32] !== AfterInput || $[33] !== description || $[34] !== Description || $[35] !== t11) {
-    t12 = _jsxs("div", {
-      className: t11,
-      style: {
-        ...style,
-        width
-      },
-      children: [_jsx(RenderCustomComponent, {
-        CustomComponent: Label,
-        Fallback: _jsx(FieldLabel, {
-          label,
-          localized,
-          path,
-          required
-        })
-      }), _jsxs("div", {
-        className: `${fieldBaseClass}__wrap`,
-        children: [_jsx(RenderCustomComponent, {
-          CustomComponent: Error,
-          Fallback: _jsx(FieldError, {
-            path,
-            showError
-          })
-        }), BeforeInput, _jsx("input", {
-          autoComplete,
-          disabled: readOnly,
-          id: `field-${path.replace(/\./g, "__")}`,
-          name: path,
-          onChange: setValue,
-          placeholder: getTranslation(placeholder, i18n),
-          required,
-          type: "email",
-          value: value_0 || ""
-        }), AfterInput]
-      }), _jsx(RenderCustomComponent, {
-        CustomComponent: Description,
-        Fallback: _jsx(FieldDescription, {
-          description,
-          path
+  } = useField({
+    path,
+    validate: memoizedValidate
+  });
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, 'email', className, showError && 'error', readOnly && 'read-only'].filter(Boolean).join(' '),
+    style: styles,
+    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Label,
+      Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+        label: label,
+        localized: localized,
+        path: path,
+        required: required
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${fieldBaseClass}__wrap`,
+      children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+        CustomComponent: Error,
+        Fallback: /*#__PURE__*/_jsx(FieldError, {
+          path: path,
+          showError: showError
         })
-      })]
-    });
-    $[16] = style;
-    $[17] = width;
-    $[18] = label;
-    $[19] = localized;
-    $[20] = path;
-    $[21] = required;
-    $[22] = Label;
-    $[23] = showError;
-    $[24] = Error;
-    $[25] = placeholder;
-    $[26] = i18n;
-    $[27] = value_0;
-    $[28] = autoComplete;
-    $[29] = readOnly;
-    $[30] = setValue;
-    $[31] = BeforeInput;
-    $[32] = AfterInput;
-    $[33] = description;
-    $[34] = Description;
-    $[35] = t11;
-    $[36] = t12;
-  } else {
-    t12 = $[36];
-  }
-  return t12;
+      }), BeforeInput, /*#__PURE__*/_jsx("input", {
+        autoComplete: autoComplete,
+        disabled: readOnly,
+        id: `field-${path.replace(/\./g, '__')}`,
+        name: path,
+        onChange: setValue,
+        placeholder: getTranslation(placeholder, i18n),
+        required: required,
+        type: "email",
+        value: value_0 || ''
+      }), AfterInput]
+    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Description,
+      Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+        description: description,
+        path: path
+      })
+    })]
+  });
 };
 export const EmailField = withCondition(EmailFieldComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","RenderCustomComponent","FieldDescription","FieldError","useField","withCondition","useTranslation","FieldLabel","fieldBaseClass","EmailFieldComponent","props","$","field","t0","path","readOnly","validate","t1","undefined","admin","t2","label","localized","required","t3","autoComplete","className","description","placeholder","style","width","i18n","t4","value","options","memoizedValidate","t5","customComponents","t6","setValue","showError","value_0","t7","AfterInput","BeforeInput","Description","Error","Label","t8","t9","t10","filter","Boolean","t11","join","t12","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","onChange","type","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  EmailFieldClientComponent,\n  EmailFieldClientProps,\n  EmailFieldValidation,\n} 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 { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst EmailFieldComponent: EmailFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: {\n        autoComplete,\n        className,\n        description,\n        placeholder,\n        style,\n        width,\n      } = {} as EmailFieldClientProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as EmailFieldClientProps['field'],\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: EmailFieldValidation = 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,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'email', className, showError && 'error', readOnly && 'read-only']\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {/* disable eslint here because the label is dynamic */}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          autoComplete={autoComplete}\n          disabled={readOnly}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          required={required}\n          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const EmailField = withCondition(EmailFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAOA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,mBAAA,GAAiDC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACrD;IAAAe,KAAA,EAAAC,EAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAkBIN,KAAA;EAAA,IAAAO,EAAA;EAAA,IAAAN,CAAA,QAAAE,EAAA;IAjBKI,EAAA,GAAAJ,EAaiC,KAAAK,SAAA,QAbjCL,EAaiC;IAAAF,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAbjC;IAAAQ,KAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAaiC;EAAA,IAAAO,EAAA;EAAA,IAAAb,CAAA,QAAAS,EAAA;IAX/BI,EAAA,GAAAJ,EAO0C,KAAAF,SAAA,QAP1CE,EAO0C;IAAAT,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAP1C;IAAAc,YAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAN,EAO0C;EAUrD;IAAAO;EAAA,IAAiBzB,cAAA;EAAA,IAAA0B,EAAA;EAAA,IAAArB,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAY,QAAA;IAGfS,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;MAAA,IACM,OAAOlB,QAAA,KAAa;QAAA,OACfA,QAAA,CAASiB,KAAA;UAAA,GAAYC,OAAO;UAAAX;QAAA,CAAW;MAAA;IAAA;IAElDZ,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAY,QAAA;IAAAZ,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EALF,MAAAwB,gBAAA,GAA+CH,EAMzB;EAAA,IAAAI,EAAA;EAAA,IAAAzB,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAwB,gBAAA;IAQTC,EAAA;MAAAtB,IAAA;MAAAE,QAAA,EAEDmB;IAAA;IACZxB,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAwB,gBAAA;IAAAxB,CAAA,MAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EARA;IAAA0B,gBAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAP,KAAA,EAAAQ;EAAA,IAKIrC,QAAA,CAASgC,EAGb;EAAA,IAAAM,EAAA;EAAA,IAAA/B,CAAA,SAAA2B,EAAA;IAPoBI,EAAA,GAAAJ,EAA2D,KAAApB,SAAA,QAA3DoB,EAA2D;IAAA3B,CAAA,OAAA2B,EAAA;IAAA3B,CAAA,OAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EAA3D;IAAAgC,UAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAA2D;EAW3B,MAAAM,EAAA,GAAAR,SAAA,IAAa;EAAS,MAAAS,EAAA,GAAAlC,QAAA,IAAY;EAAA,IAAAmC,GAAA;EAAA,IAAAvC,CAAA,SAAAe,SAAA,IAAAf,CAAA,SAAAqC,EAAA,IAAArC,CAAA,SAAAsC,EAAA;IAAvEC,GAAA,IAAA1C,cAAA,EAAiB,SAASkB,SAAA,EAAWsB,EAAa,EAASC,EAAY,EAAAE,MAAA,CAAAC,OACxE;IAAAzC,CAAA,OAAAe,SAAA;IAAAf,CAAA,OAAAqC,EAAA;IAAArC,CAAA,OAAAsC,EAAA;IAAAtC,CAAA,OAAAuC,GAAA;EAAA;IAAAA,GAAA,GAAAvC,CAAA;EAAA;EADC,MAAA0C,GAAA,GAAAH,GACD,CAAAI,IAAA,CACF;EAAA,IAAAC,GAAA;EAAA,IAAA5C,CAAA,SAAAkB,KAAA,IAAAlB,CAAA,SAAAmB,KAAA,IAAAnB,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAG,IAAA,IAAAH,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAoC,KAAA,IAAApC,CAAA,SAAA6B,SAAA,IAAA7B,CAAA,SAAAmC,KAAA,IAAAnC,CAAA,SAAAiB,WAAA,IAAAjB,CAAA,SAAAoB,IAAA,IAAApB,CAAA,SAAA8B,OAAA,IAAA9B,CAAA,SAAAc,YAAA,IAAAd,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAA4B,QAAA,IAAA5B,CAAA,SAAAiC,WAAA,IAAAjC,CAAA,SAAAgC,UAAA,IAAAhC,CAAA,SAAAgB,WAAA,IAAAhB,CAAA,SAAAkC,WAAA,IAAAlC,CAAA,SAAA0C,GAAA;IAHVE,GAAA,GAAAC,KAAA,CAAC;MAAA9B,SAAA,EACY2B,GAEH;MAAAxB,KAAA;QAAA,GAEHA,KAAK;QAAAC;MAAA;MAAA2B,QAAA,GAIVC,IAAA,CAAAzD,qBAAA;QAAA0D,eAAA,EACmBZ,KAAA;QAAAa,QAAA,EAEfF,IAAA,CAAAnD,UAAA;UAAAc,KAAA;UAAAC,SAAA;UAAAR,IAAA;UAAAS;QAAA,C;UAGJiC,KAAA,CAAC;QAAA9B,SAAA,EAAe,GAAAlB,cAAA,QAAyB;QAAAiD,QAAA,GACvCC,IAAA,CAAAzD,qBAAA;UAAA0D,eAAA,EACmBb,KAAA;UAAAc,QAAA,EACPF,IAAA,CAAAvD,UAAA;YAAAW,IAAA;YAAA0B;UAAA,C;YAEXI,WAAA,EAGDc,IAAA,CAAC;UAAAjC,YAAA;UAAAoC,QAAA,EAEW9C,QAAA;UAAA+C,EAAA,EACN,SAAShD,IAAA,CAAAiD,OAAA,QAAoB,OAAO;UAAAC,IAAA,EAClClD,IAAA;UAAAmD,QAAA,EACI1B,QAAA;UAAAX,WAAA,EACG9B,cAAA,CAAe8B,WAAA,EAAaG,IAAA;UAAAR,QAAA;UAAA2C,IAAA,EAEpC;UAAAjC,KAAA,EACEA,OAAC,IAAoB;QAAA,C,GAE7BU,UAAA;MAAA,C,GAEHe,IAAA,CAAAzD,qBAAA;QAAA0D,eAAA,EACmBd,WAAA;QAAAe,QAAA,EACPF,IAAA,CAAAxD,gBAAA;UAAAyB,WAAA;UAAAb;QAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;SAtCdyC,G;CA0CJ;AAEA,OAAO,MAAMY,UAAA,GAAa9D,aAAA,CAAcI,mBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","useField","withCondition","useTranslation","FieldLabel","mergeFieldStyles","fieldBaseClass","EmailFieldComponent","props","field","admin","autoComplete","className","description","placeholder","label","localized","required","path","readOnly","validate","i18n","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","disabled","id","replace","name","onChange","type","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  EmailFieldClientComponent,\n  EmailFieldClientProps,\n  EmailFieldValidation,\n} 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 { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst EmailFieldComponent: EmailFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        autoComplete,\n        className,\n        description,\n        placeholder,\n      } = {} as EmailFieldClientProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as EmailFieldClientProps['field'],\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: EmailFieldValidation = 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,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[fieldBaseClass, 'email', className, showError && 'error', readOnly && 'read-only']\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {/* disable eslint here because the label is dynamic */}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          autoComplete={autoComplete}\n          disabled={readOnly}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          required={required}\n          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const EmailField = withCondition(EmailFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,yBAwFjC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU;;+EAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAetC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,yBAmFjC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU;;+EAAqC,CAAA"}