@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

package/dist/fields/Email/index.js

@@ -4,26 +4,21 @@ 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 { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { FieldDescription } from '../../fields/FieldDescription/index.js';
+import { FieldError } from '../../fields/FieldError/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { FieldDescription } from '../FieldDescription/index.js';
-import { FieldError } from '../FieldError/index.js';
 import { FieldLabel } from '../FieldLabel/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 const EmailFieldComponent = props => {
-  const $ = _c(38);
+  const $ = _c(37);
   const {
-    autoComplete,
-    descriptionProps,
-    errorProps,
     field: t0,
-    field,
-    labelProps,
-    readOnly: readOnlyFromTopLevelProps,
+    path: pathFromProps,
+    readOnly,
     validate
   } = props;
   let t1;
@@ -36,9 +31,9 @@ const EmailFieldComponent = props => {
   }
   const {
     name,
-    _path: pathFromProps,
     admin: t2,
     label,
+    localized,
     required
   } = t1;
   let t3;
@@ -50,14 +45,14 @@ const EmailFieldComponent = props => {
     t3 = $[3];
   }
   const {
-    readOnly: readOnlyFromAdmin,
+    autoComplete,
     className,
     description,
     placeholder,
     style,
     width
   } = t3;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const path = pathFromProps ?? name;
   const {
     i18n
   } = useTranslation();
@@ -78,95 +73,79 @@ const EmailFieldComponent = props => {
     t4 = $[6];
   }
   const memoizedValidate = t4;
-  const {
-    path: pathFromContext,
-    readOnly: readOnlyFromContext
-  } = useFieldProps();
-  const t5 = pathFromContext ?? pathFromProps ?? name;
-  let t6;
-  if ($[7] !== t5 || $[8] !== memoizedValidate) {
-    t6 = {
-      path: t5,
+  let t5;
+  if ($[7] !== path || $[8] !== memoizedValidate) {
+    t5 = {
+      path,
       validate: memoizedValidate
     };
-    $[7] = t5;
+    $[7] = path;
     $[8] = memoizedValidate;
-    $[9] = t6;
+    $[9] = t5;
   } else {
-    t6 = $[9];
+    t5 = $[9];
   }
   const {
-    formInitializing,
-    formProcessing,
-    path,
+    customComponents: t6,
     setValue,
     showError,
     value: value_0
-  } = useField(t6);
-  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
-  const t7 = showError && "error";
-  const t8 = disabled && "read-only";
-  let t9;
-  if ($[10] !== className || $[11] !== t7 || $[12] !== t8) {
-    t9 = [fieldBaseClass, "email", className, t7, t8].filter(Boolean);
-    $[10] = className;
+  } = useField(t5);
+  let t7;
+  if ($[10] !== t6) {
+    t7 = t6 === undefined ? {} : t6;
+    $[10] = t6;
     $[11] = t7;
-    $[12] = t8;
-    $[13] = t9;
   } else {
-    t9 = $[13];
+    t7 = $[11];
   }
-  const t10 = t9.join(" ");
-  let t11;
-  if ($[14] !== style || $[15] !== width || $[16] !== field || $[17] !== labelProps || $[18] !== label || $[19] !== required || $[20] !== errorProps || $[21] !== path || $[22] !== placeholder || $[23] !== i18n || $[24] !== value_0 || $[25] !== autoComplete || $[26] !== disabled || $[27] !== setValue || $[28] !== descriptionProps || $[29] !== description || $[30] !== t10) {
-    let t12;
-    if ($[32] !== labelProps) {
-      t12 = labelProps || {};
-      $[32] = labelProps;
-      $[33] = t12;
-    } else {
-      t12 = $[33];
-    }
-    let t13;
-    if ($[34] !== errorProps) {
-      t13 = errorProps || {};
-      $[34] = errorProps;
-      $[35] = t13;
-    } else {
-      t13 = $[35];
-    }
-    let t14;
-    if ($[36] !== descriptionProps) {
-      t14 = descriptionProps || {};
-      $[36] = descriptionProps;
-      $[37] = t14;
-    } else {
-      t14 = $[37];
-    }
-    t11 = _jsxs("div", {
-      className: t10,
+  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(FieldLabel, {
-        Label: field?.admin?.components?.Label,
-        field,
-        label,
-        required,
-        ...t12
+      children: [_jsx(RenderCustomComponent, {
+        CustomComponent: Label,
+        Fallback: _jsx(FieldLabel, {
+          label,
+          localized,
+          path,
+          required
+        })
       }), _jsxs("div", {
         className: `${fieldBaseClass}__wrap`,
-        children: [_jsx(FieldError, {
-          CustomError: field?.admin?.components?.Error,
-          field,
-          path,
-          ...t13
-        }), _jsx(RenderComponent, {
-          mappedComponent: field?.admin?.components?.beforeInput
-        }), _jsx("input", {
+        children: [_jsx(RenderCustomComponent, {
+          CustomComponent: Error,
+          Fallback: _jsx(FieldError, {
+            path,
+            showError
+          })
+        }), BeforeInput, _jsx("input", {
           autoComplete,
-          disabled,
+          disabled: readOnly,
           id: `field-${path.replace(/\./g, "__")}`,
           name: path,
           onChange: setValue,
@@ -174,38 +153,40 @@ const EmailFieldComponent = props => {
           required,
           type: "email",
           value: value_0 || ""
-        }), _jsx(RenderComponent, {
-          mappedComponent: field?.admin?.components?.afterInput
-        })]
-      }), _jsx(FieldDescription, {
-        Description: field?.admin?.components?.Description,
-        description,
-        field,
-        ...t14
+        }), AfterInput]
+      }), _jsx(RenderCustomComponent, {
+        CustomComponent: Description,
+        Fallback: _jsx(FieldDescription, {
+          description,
+          path
+        })
       })]
     });
-    $[14] = style;
-    $[15] = width;
-    $[16] = field;
-    $[17] = labelProps;
+    $[16] = style;
+    $[17] = width;
     $[18] = label;
-    $[19] = required;
-    $[20] = errorProps;
-    $[21] = path;
-    $[22] = placeholder;
-    $[23] = i18n;
-    $[24] = value_0;
-    $[25] = autoComplete;
-    $[26] = disabled;
-    $[27] = setValue;
-    $[28] = descriptionProps;
-    $[29] = description;
-    $[30] = t10;
-    $[31] = t11;
+    $[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 {
-    t11 = $[31];
+    t12 = $[36];
   }
-  return t11;
+  return t12;
 };
 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","useFieldProps","useField","withCondition","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","EmailFieldComponent","props","$","autoComplete","descriptionProps","errorProps","field","t0","labelProps","readOnly","readOnlyFromTopLevelProps","validate","t1","undefined","name","_path","pathFromProps","admin","t2","label","required","t3","readOnlyFromAdmin","className","description","placeholder","style","width","readOnlyFromProps","i18n","t4","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t5","t6","formInitializing","formProcessing","setValue","showError","value_0","disabled","t7","t8","t9","filter","Boolean","t10","join","t11","t12","t13","t14","_jsxs","children","_jsx","Label","components","CustomError","Error","mappedComponent","beforeInput","id","replace","onChange","type","afterInput","Description","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type { EmailFieldProps, EmailFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst EmailFieldComponent: React.FC<EmailFieldProps> = (props) => {\n  const {\n    autoComplete,\n    descriptionProps,\n    errorProps,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        readOnly: readOnlyFromAdmin,\n\n        className,\n        description,\n        placeholder,\n        style,\n        width,\n      } = {} as EmailFieldProps['field']['admin'],\n      label,\n      required,\n    } = {} as EmailFieldProps['field'],\n    field,\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\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 { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  return (\n    <div\n      className={[fieldBaseClass, 'email', className, showError && 'error', disabled && 'read-only']\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={field?.admin?.components?.Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError\n          CustomError={field?.admin?.components?.Error}\n          field={field}\n          path={path}\n          {...(errorProps || {})}\n        />\n        <RenderComponent mappedComponent={field?.admin?.components?.beforeInput} />\n        {/* disable eslint here because the label is dynamic */}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          autoComplete={autoComplete}\n          disabled={disabled}\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        <RenderComponent mappedComponent={field?.admin?.components?.afterInput} />\n      </div>\n      <FieldDescription\n        Description={field?.admin?.components?.Description}\n        description={description}\n        field={field}\n        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n\nexport const EmailField = withCondition(EmailFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","RenderCustomComponent","FieldDescription","FieldError","useField","withCondition","useTranslation","FieldLabel","fieldBaseClass","EmailFieldComponent","props","$","field","t0","path","pathFromProps","readOnly","validate","t1","undefined","name","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","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: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const path = pathFromProps ?? name\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":"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","ignoreList":[]}

package/dist/fields/Email/index.scss

@@ -1,34 +1,36 @@
 @import '../../scss/styles.scss';
 
-.field-type.email {
-  position: relative;
-
-  input {
-    @include formInput;
-  }
+@layer payload-default {
+  .field-type.email {
+    position: relative;
 
-  &.error {
     input {
-      background-color: var(--theme-error-200);
+      @include formInput;
     }
-  }
-}
 
-html[data-theme='light'] {
-  .field-type.email {
     &.error {
       input {
-        @include lightInputError;
+        background-color: var(--theme-error-200);
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .field-type.email {
-    &.error {
-      input {
-        @include darkInputError;
+  html[data-theme='light'] {
+    .field-type.email {
+      &.error {
+        input {
+          @include lightInputError;
+        }
+      }
+    }
+  }
+
+  html[data-theme='dark'] {
+    .field-type.email {
+      &.error {
+        input {
+          @include darkInputError;
+        }
       }
     }
   }

package/dist/fields/FieldDescription/index.d.ts

@@ -1,4 +1,5 @@
-import type { FieldDescriptionClientComponent } from 'payload';
+import type { GenericDescriptionProps } from 'payload';
+import React from 'react';
 import './index.scss';
-export declare const FieldDescription: FieldDescriptionClientComponent;
+export declare const FieldDescription: React.FC<GenericDescriptionProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldDescription/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,+BAA+B,EAA2B,MAAM,SAAS,CAAA;AAQvF,OAAO,cAAc,CAAA;AA+BrB,eAAO,MAAM,gBAAgB,EAAE,+BAQ9B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldDescription/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuB9D,CAAA"}

package/dist/fields/FieldDescription/index.js

@@ -4,26 +4,22 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
-import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'field-description';
-const DefaultFieldDescription = props => {
+export const FieldDescription = props => {
   const $ = _c(8);
   const {
     className,
     description,
-    marginPlacement
-  } = props;
-  const {
+    marginPlacement,
     path
-  } = useFieldProps();
+  } = props;
   const {
     i18n
   } = useTranslation();
   if (description) {
-    const t0 = `field-description-${path.replace(/\./g, "__")}`;
+    const t0 = `field-description-${path?.replace(/\./g, "__")}`;
     const t1 = marginPlacement && `${baseClass}--margin-${marginPlacement}`;
     let t2;
     if ($[0] !== className || $[1] !== t0 || $[2] !== t1) {
@@ -53,19 +49,4 @@ const DefaultFieldDescription = props => {
   }
   return null;
 };
-export const FieldDescription = props => {
-  const {
-    Description,
-    ...rest
-  } = props;
-  if (Description) {
-    return /*#__PURE__*/_jsx(RenderComponent, {
-      clientProps: rest,
-      mappedComponent: Description
-    });
-  }
-  return /*#__PURE__*/_jsx(DefaultFieldDescription, {
-    ...rest
-  });
-};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useFieldProps","RenderComponent","useTranslation","baseClass","DefaultFieldDescription","props","$","className","description","marginPlacement","path","i18n","t0","replace","t1","t2","filter","Boolean","t3","join","t4","_jsx","children","FieldDescription","Description","rest","clientProps","mappedComponent"],"sources":["../../../src/fields/FieldDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldDescriptionClientComponent, GenericDescriptionProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'field-description'\n\nconst DefaultFieldDescription: React.FC<GenericDescriptionProps> = (props) => {\n  const { className, description, marginPlacement } = props\n\n  const { path } = useFieldProps()\n\n  const { i18n } = useTranslation()\n\n  if (description) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          `field-description-${path.replace(/\\./g, '__')}`,\n          marginPlacement && `${baseClass}--margin-${marginPlacement}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {getTranslation(description, i18n)}\n      </div>\n    )\n  }\n\n  return null\n}\n\nexport const FieldDescription: FieldDescriptionClientComponent = (props) => {\n  const { Description, ...rest } = props\n\n  if (Description) {\n    return <RenderComponent clientProps={rest} mappedComponent={Description} />\n  }\n\n  return <DefaultFieldDescription {...rest} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,uBAAA,GAA6DC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACjE;IAAAU,SAAA;IAAAC,WAAA;IAAAC;EAAA,IAAoDJ,KAAA;EAEpD;IAAAK;EAAA,IAAiBV,aAAA;EAEjB;IAAAW;EAAA,IAAiBT,cAAA;EAAA,IAEbM,WAAA;IAMI,MAAAI,EAAA,wBAAqBF,IAAA,CAAAG,OAAA,QAAoB,OAAO;IAChD,MAAAC,EAAA,GAAAL,eAAA,IAAmB,GAAAN,SAAA,YAAwBM,eAAA,EAAiB;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAQ,EAAA;MAJnDC,EAAA,IAAAZ,SAAA,EAETI,SAAA,EACAK,EAAgD,EAChDE,EAA4D,EAAAE,MAAA,CAAAC,OAEpD;MAAAX,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAM,EAAA;MAAAN,CAAA,MAAAQ,EAAA;MAAAR,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IANC,MAAAY,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAd,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAY,EAAA;MARVE,EAAA,GAAAC,IAAA,CAAC;QAAAd,SAAA,EACYW,EAOH;QAAAI,QAAA,EAEPxB,cAAA,CAAeU,WAAA,EAAaG,IAAA;MAAA,C;;;;;;;;WAV/BS,E;;;CAgBN;AAEA,OAAO,MAAMG,gBAAA,GAAqDlB,KAAA;EAChE,MAAM;IAAEmB,WAAW;IAAE,GAAGC;EAAA,CAAM,GAAGpB,KAAA;EAEjC,IAAImB,WAAA,EAAa;IACf,oBAAOH,IAAA,CAACpB,eAAA;MAAgByB,WAAA,EAAaD,IAAA;MAAME,eAAA,EAAiBH;;EAC9D;EAEA,oBAAOH,IAAA,CAACjB,uBAAA;IAAyB,GAAGqB;;AACtC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","baseClass","FieldDescription","props","$","className","description","marginPlacement","path","i18n","t0","replace","t1","t2","filter","Boolean","t3","join","t4","_jsx","children"],"sources":["../../../src/fields/FieldDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { GenericDescriptionProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'field-description'\n\nexport const FieldDescription: React.FC<GenericDescriptionProps> = (props) => {\n  const { className, description, marginPlacement, path } = props\n\n  const { i18n } = useTranslation()\n\n  if (description) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          `field-description-${path?.replace(/\\./g, '__')}`,\n          marginPlacement && `${baseClass}--margin-${marginPlacement}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {getTranslation(description, i18n)}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAAsDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACjE;IAAAQ,SAAA;IAAAC,WAAA;IAAAC,eAAA;IAAAC;EAAA,IAA0DL,KAAA;EAE1D;IAAAM;EAAA,IAAiBT,cAAA;EAAA,IAEbM,WAAA;IAMI,MAAAI,EAAA,wBAAqBF,IAAA,EAAAG,OAAA,QAAqB,OAAO;IACjD,MAAAC,EAAA,GAAAL,eAAA,IAAmB,GAAAN,SAAA,YAAwBM,eAAA,EAAiB;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAQ,EAAA;MAJnDC,EAAA,IAAAZ,SAAA,EAETI,SAAA,EACAK,EAAiD,EACjDE,EAA4D,EAAAE,MAAA,CAAAC,OAEpD;MAAAX,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAM,EAAA;MAAAN,CAAA,MAAAQ,EAAA;MAAAR,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IANC,MAAAY,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAd,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAY,EAAA;MARVE,EAAA,GAAAC,IAAA,CAAC;QAAAd,SAAA,EACYW,EAOH;QAAAI,QAAA,EAEPtB,cAAA,CAAeQ,WAAA,EAAaG,IAAA;MAAA,C;;;;;;;;WAV/BS,E;;;CAgBN","ignoreList":[]}

package/dist/fields/FieldDescription/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles.scss';
 
-.field-description {
-  display: flex;
-  color: var(--theme-elevation-400);
-  margin-top: calc(var(--base) / 4);
+@layer payload-default {
+  .field-description {
+    display: flex;
+    color: var(--theme-elevation-400);
+    margin-top: calc(var(--base) / 4);
 
-  &--margin-bottom {
-    margin-top: 0;
-    margin-bottom: calc(var(--base) / 2);
+    &--margin-bottom {
+      margin-top: 0;
+      margin-bottom: calc(var(--base) / 2);
+    }
   }
 }

package/dist/fields/FieldError/index.d.ts

@@ -1,4 +1,5 @@
-import type { FieldErrorClientComponent } from 'payload';
+import type { GenericErrorProps } from 'payload';
+import React from 'react';
 import './index.scss';
-export declare const FieldError: FieldErrorClientComponent;
+export declare const FieldError: React.FC<GenericErrorProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldError/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,SAAS,CAAA;AAQ3E,OAAO,cAAc,CAAA;AAkCrB,eAAO,MAAM,UAAU,EAAE,yBAQxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldError/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyBlD,CAAA"}

package/dist/fields/FieldError/index.js

@@ -4,24 +4,18 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { Tooltip } from '../../elements/Tooltip/index.js';
-import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { useFormFields, useFormSubmitted } from '../../forms/Form/context.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import './index.scss';
 const baseClass = 'field-error';
-const DefaultFieldError = props => {
+export const FieldError = props => {
   const $ = _c(7);
   const {
     alignCaret: t0,
     message: messageFromProps,
-    path: pathFromProps,
+    path,
     showError: showErrorFromProps
   } = props;
   const alignCaret = t0 === undefined ? "right" : t0;
-  const {
-    path: pathFromContext
-  } = useFieldProps();
-  const path = pathFromContext ?? pathFromProps;
   const hasSubmitted = useFormSubmitted();
   let t1;
   if ($[0] !== path) {
@@ -69,19 +63,4 @@ const DefaultFieldError = props => {
   }
   return null;
 };
-export const FieldError = props => {
-  const {
-    CustomError,
-    ...rest
-  } = props;
-  if (CustomError) {
-    return /*#__PURE__*/_jsx(RenderComponent, {
-      clientProps: rest,
-      mappedComponent: CustomError
-    });
-  }
-  return /*#__PURE__*/_jsx(DefaultFieldError, {
-    ...rest
-  });
-};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Tooltip","useFieldProps","useFormFields","useFormSubmitted","RenderComponent","baseClass","DefaultFieldError","props","$","alignCaret","t0","message","messageFromProps","path","pathFromProps","showError","showErrorFromProps","undefined","pathFromContext","hasSubmitted","t1","t2","fields","field","errorMessage","valid","showMessage","length","t3","_jsx","className","delay","staticPositioning","children","FieldError","CustomError","rest","clientProps","mappedComponent"],"sources":["../../../src/fields/FieldError/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldErrorClientComponent, GenericErrorProps } from 'payload'\n\nimport React from 'react'\n\nimport { Tooltip } from '../../elements/Tooltip/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useFormFields, useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport './index.scss'\n\nconst baseClass = 'field-error'\n\nconst DefaultFieldError: React.FC<GenericErrorProps> = (props) => {\n  const {\n    alignCaret = 'right',\n    message: messageFromProps,\n    path: pathFromProps,\n    showError: showErrorFromProps,\n  } = props\n\n  const { path: pathFromContext } = useFieldProps()\n  const path = pathFromContext ?? pathFromProps\n\n  const hasSubmitted = useFormSubmitted()\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { errorMessage, valid } = field || {}\n\n  const message = messageFromProps || errorMessage\n  const showMessage = showErrorFromProps || (hasSubmitted && valid === false)\n\n  if (showMessage && message?.length) {\n    return (\n      <Tooltip alignCaret={alignCaret} className={baseClass} delay={0} staticPositioning>\n        {message}\n      </Tooltip>\n    )\n  }\n\n  return null\n}\n\nexport const FieldError: FieldErrorClientComponent = (props) => {\n  const { CustomError, ...rest } = props\n\n  if (CustomError) {\n    return <RenderComponent clientProps={rest} mappedComponent={CustomError} />\n  }\n\n  return <DefaultFieldError {...rest} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,aAAa,QAAQ;AAC9B,SAASC,aAAa,EAAEC,gBAAgB,QAAQ;AAChD,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAAiDC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACrD;IAAAW,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC,SAAA,EAAAC;EAAA,IAKIT,KAAA;EAJF,MAAAE,UAAA,GAAAC,EAAoB,KAAAO,SAAA,GAAP,OAAO,GAApBP,EAAoB;EAMtB;IAAAG,IAAA,EAAAK;EAAA,IAAkCjB,aAAA;EAClC,MAAAY,IAAA,GAAaK,eAAA,IAAmBJ,aAAA;EAEhC,MAAAK,YAAA,GAAqBhB,gBAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAZ,CAAA,QAAAK,IAAA;IACOO,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAAST,IAAA,CAAK,QAAK;IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAxE,MAAAe,KAAA,GAAcrB,aAAA,CAAckB,EAA4C;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAe,KAAA;IAExCF,EAAA,GAAAE,KAAA,MAAU;IAAAf,CAAA,MAAAe,KAAA;IAAAf,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAA1C;IAAAgB,YAAA;IAAAC;EAAA,IAAgCJ,EAAU;EAE1C,MAAAV,OAAA,GAAgBC,gBAAA,IAAoBY,YAAA;EACpC,MAAAE,WAAA,GAAoBV,kBAAA,IAAuBG,YAAA,IAAgBM,KAAA,UAAU;EAAA,IAEjEC,WAAA,IAAef,OAAA,EAAAgB,MAAS;IAAA,IAAAC,EAAA;IAAA,IAAApB,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAG,OAAA;MAExBiB,EAAA,GAAAC,IAAA,CAAA7B,OAAA;QAAAS,UAAA;QAAAqB,SAAA,EAAAzB,SAAA;QAAA0B,KAAA;QAAAC,iBAAA;QAAAC,QAAA,EACGtB;MAAA,C;;;;;;;WADHiB,E;;;CAON;AAEA,OAAO,MAAMM,UAAA,GAAyC3B,KAAA;EACpD,MAAM;IAAE4B,WAAW;IAAE,GAAGC;EAAA,CAAM,GAAG7B,KAAA;EAEjC,IAAI4B,WAAA,EAAa;IACf,oBAAON,IAAA,CAACzB,eAAA;MAAgBiC,WAAA,EAAaD,IAAA;MAAME,eAAA,EAAiBH;;EAC9D;EAEA,oBAAON,IAAA,CAACvB,iBAAA;IAAmB,GAAG8B;;AAChC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Tooltip","useFormFields","useFormSubmitted","baseClass","FieldError","props","$","alignCaret","t0","message","messageFromProps","path","showError","showErrorFromProps","undefined","hasSubmitted","t1","t2","fields","field","errorMessage","valid","showMessage","length","t3","_jsx","className","delay","staticPositioning","children"],"sources":["../../../src/fields/FieldError/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericErrorProps } from 'payload'\n\nimport React from 'react'\n\nimport { Tooltip } from '../../elements/Tooltip/index.js'\nimport { useFormFields, useFormSubmitted } from '../../forms/Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'field-error'\n\nexport const FieldError: React.FC<GenericErrorProps> = (props) => {\n  const {\n    alignCaret = 'right',\n    message: messageFromProps,\n    path,\n    showError: showErrorFromProps,\n  } = props\n\n  const hasSubmitted = useFormSubmitted()\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { errorMessage, valid } = field || {}\n\n  const message = messageFromProps || errorMessage\n  const showMessage = showErrorFromProps || (hasSubmitted && valid === false)\n\n  if (showMessage && message?.length) {\n    return (\n      <Tooltip alignCaret={alignCaret} className={baseClass} delay={0} staticPositioning>\n        {message}\n      </Tooltip>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,aAAa,EAAEC,gBAAgB,QAAQ;AAChD,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACrD;IAAAS,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,IAAA;IAAAC,SAAA,EAAAC;EAAA,IAKIR,KAAA;EAJF,MAAAE,UAAA,GAAAC,EAAoB,KAAAM,SAAA,GAAP,OAAO,GAApBN,EAAoB;EAMtB,MAAAO,YAAA,GAAqBb,gBAAA;EAAA,IAAAc,EAAA;EAAA,IAAAV,CAAA,QAAAK,IAAA;IACOK,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAASP,IAAA,CAAK,QAAK;IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAxE,MAAAa,KAAA,GAAclB,aAAA,CAAce,EAA4C;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAa,KAAA;IAExCF,EAAA,GAAAE,KAAA,MAAU;IAAAb,CAAA,MAAAa,KAAA;IAAAb,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAA1C;IAAAc,YAAA;IAAAC;EAAA,IAAgCJ,EAAU;EAE1C,MAAAR,OAAA,GAAgBC,gBAAA,IAAoBU,YAAA;EACpC,MAAAE,WAAA,GAAoBT,kBAAA,IAAuBE,YAAA,IAAgBM,KAAA,UAAU;EAAA,IAEjEC,WAAA,IAAeb,OAAA,EAAAc,MAAS;IAAA,IAAAC,EAAA;IAAA,IAAAlB,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAG,OAAA;MAExBe,EAAA,GAAAC,IAAA,CAAAzB,OAAA;QAAAO,UAAA;QAAAmB,SAAA,EAAAvB,SAAA;QAAAwB,KAAA;QAAAC,iBAAA;QAAAC,QAAA,EACGpB;MAAA,C;;;;;;;WADHe,E;;;CAON","ignoreList":[]}

package/dist/fields/FieldError/index.scss

@@ -1,16 +1,18 @@
 @import '../../scss/styles';
 
-.field-error.tooltip {
-  font-family: var(--font-body);
-  left: auto;
-  max-width: 75%;
-  right: 0;
-  transform: translateY(calc(var(--caret-size) * -1));
-  color: var(--theme-error-950);
-  background-color: var(--theme-error-300);
+@layer payload-default {
+  .field-error.tooltip {
+    font-family: var(--font-body);
+    left: auto;
+    max-width: 75%;
+    right: 0;
+    transform: translateY(calc(var(--caret-size) * -1));
+    color: var(--theme-error-950);
+    background-color: var(--theme-error-300);
 
-  &::after {
-    border-top-color: var(--theme-error-300);
-    border-bottom-color: var(--theme-error-300);
+    &::after {
+      border-top-color: var(--theme-error-300);
+      border-bottom-color: var(--theme-error-300);
+    }
   }
 }

package/dist/fields/FieldLabel/index.d.ts

@@ -1,4 +1,5 @@
-import type { FieldLabelClientComponent } from 'payload';
+import type { GenericLabelProps } from 'payload';
+import React from 'react';
 import './index.scss';
-export declare const FieldLabel: FieldLabelClientComponent;
+export declare const FieldLabel: React.FC<GenericLabelProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,SAAS,CAAA;AAW3E,OAAO,cAAc,CAAA;AA8BrB,eAAO,MAAM,UAAU,EAAE,yBAQxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiClD,CAAA"}