@payloadcms/ui 3.0.0-canary.98cbdb9 → 3.0.0-canary.99cbde3

package/dist/fields/Email/index.js

@@ -1,92 +1,190 @@
 '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 { 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 { autoComplete, descriptionProps, errorProps, field, field: { name, _path: pathFromProps, admin: { readOnly: readOnlyFromAdmin, className, description, placeholder, style, width } = {}, label, required } = {}, labelProps, readOnly: readOnlyFromTopLevelProps, validate } = props;
-    const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
-    const { i18n } = useTranslation();
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                required
-            });
-        }
-    }, [
-        validate,
-        required
-    ]);
-    const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
-    const { formInitializing, formProcessing, path, setValue, showError, value } = useField({
-        path: pathFromContext ?? pathFromProps ?? name,
-        validate: memoizedValidate
-    });
-    const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
-    return /*#__PURE__*/ _jsxs("div", {
-        className: [
-            fieldBaseClass,
-            'email',
-            className,
-            showError && 'error',
-            disabled && 'read-only'
-        ].filter(Boolean).join(' '),
-        style: {
-            ...style,
-            width
-        },
-        children: [
-            /*#__PURE__*/ _jsx(FieldLabel, {
-                Label: field?.admin?.components?.Label,
-                label: label,
-                required: required,
-                ...labelProps || {}
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${fieldBaseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsx(FieldError, {
-                        CustomError: field?.admin?.components?.Error,
-                        path: path,
-                        ...errorProps || {}
-                    }),
-                    /*#__PURE__*/ _jsx(RenderComponent, {
-                        mappedComponent: field?.admin?.components?.beforeInput
-                    }),
-                    /*#__PURE__*/ _jsx("input", {
-                        autoComplete: autoComplete,
-                        disabled: disabled,
-                        id: `field-${path.replace(/\./g, '__')}`,
-                        name: path,
-                        onChange: setValue,
-                        placeholder: getTranslation(placeholder, i18n),
-                        required: required,
-                        type: "email",
-                        value: value || ''
-                    }),
-                    /*#__PURE__*/ _jsx(RenderComponent, {
-                        mappedComponent: field?.admin?.components?.afterInput
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx(FieldDescription, {
-                Description: field?.admin?.components?.Description,
-                description: description,
-                ...descriptionProps || {}
-            })
-        ]
+const EmailFieldComponent = props => {
+  const $ = _c(37);
+  const {
+    field: t0,
+    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 {
+    customComponents: t6,
+    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
+        })
+      })]
     });
+    $[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;
 };
 export const EmailField = withCondition(EmailFieldComponent);
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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    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    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\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        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError\n          CustomError={field?.admin?.components?.Error}\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        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n\nexport const EmailField = withCondition(EmailFieldComponent)\n"],"names":["getTranslation","React","useCallback","useFieldProps","useField","withCondition","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","EmailFieldComponent","props","autoComplete","descriptionProps","errorProps","field","name","_path","pathFromProps","admin","readOnly","readOnlyFromAdmin","className","description","placeholder","style","width","label","required","labelProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","i18n","memoizedValidate","value","options","path","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","div","filter","Boolean","join","Label","components","CustomError","Error","mappedComponent","beforeInput","input","id","replace","onChange","type","afterInput","Description","EmailField"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,eAAe,QAAQ,4CAA2C;AAC3E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,gBAAgB,QAAQ,+BAA8B;AAC/D,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AAErB,MAAMC,sBAAiD,CAACC;IACtD,MAAM,EACJC,YAAY,EACZC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLA,OAAO,EACLC,IAAI,EACJC,OAAOC,aAAa,EACpBC,OAAO,EACLC,UAAUC,iBAAiB,EAE3BC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,KAAK,EACN,GAAG,CAAC,CAAsC,EAC3CC,KAAK,EACLC,QAAQ,EACT,GAAG,CAAC,CAA6B,EAClCC,UAAU,EACVT,UAAUU,yBAAyB,EACnCC,QAAQ,EACT,GAAGpB;IACJ,MAAMqB,oBAAoBF,6BAA6BT;IAEvD,MAAM,EAAEY,IAAI,EAAE,GAAG5B;IAEjB,MAAM6B,mBAAyClC,YAC7C,CAACmC,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAER;YAAS;QAChD;IACF,GACA;QAACG;QAAUH;KAAS;IAGtB,MAAM,EAAES,MAAMC,eAAe,EAAElB,UAAUmB,mBAAmB,EAAE,GAAGtC;IAEjE,MAAM,EAAEuC,gBAAgB,EAAEC,cAAc,EAAEJ,IAAI,EAAEK,QAAQ,EAAEC,SAAS,EAAER,KAAK,EAAE,GAAGjC,SAAS;QACtFmC,MAAMC,mBAAmBpB,iBAAiBF;QAC1Ce,UAAUG;IACZ;IAEA,MAAMU,WAAWZ,qBAAqBO,uBAAuBE,kBAAkBD;IAE/E,qBACE,MAACK;QACCvB,WAAW;YAACb;YAAgB;YAASa;YAAWqB,aAAa;YAASC,YAAY;SAAY,CAC3FE,MAAM,CAACC,SACPC,IAAI,CAAC;QACRvB,OAAO;YACL,GAAGA,KAAK;YACRC;QACF;;0BAEA,KAAClB;gBACCyC,OAAOlC,OAAOI,OAAO+B,YAAYD;gBACjCtB,OAAOA;gBACPC,UAAUA;gBACT,GAAIC,cAAc,CAAC,CAAC;;0BAEvB,MAACgB;gBAAIvB,WAAW,CAAC,EAAEb,eAAe,MAAM,CAAC;;kCACvC,KAACF;wBACC4C,aAAapC,OAAOI,OAAO+B,YAAYE;wBACvCf,MAAMA;wBACL,GAAIvB,cAAc,CAAC,CAAC;;kCAEvB,KAACV;wBAAgBiD,iBAAiBtC,OAAOI,OAAO+B,YAAYI;;kCAG5D,KAACC;wBACC3C,cAAcA;wBACdgC,UAAUA;wBACVY,IAAI,CAAC,MAAM,EAAEnB,KAAKoB,OAAO,CAAC,OAAO,MAAM,CAAC;wBACxCzC,MAAMqB;wBACNqB,UAAUhB;wBACVlB,aAAa1B,eAAe0B,aAAaS;wBACzCL,UAAUA;wBACV+B,MAAK;wBACLxB,OAAO,AAACA,SAAoB;;kCAE9B,KAAC/B;wBAAgBiD,iBAAiBtC,OAAOI,OAAO+B,YAAYU;;;;0BAE9D,KAACtD;gBACCuD,aAAa9C,OAAOI,OAAO+B,YAAYW;gBACvCtC,aAAaA;gBACZ,GAAIV,oBAAoB,CAAC,CAAC;;;;AAInC;AAEA,OAAO,MAAMiD,aAAa3D,cAAcO,qBAAoB"}
+{"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":"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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.map

@@ -1 +1 @@
-{"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;AAKzB,OAAO,cAAc,CAAA;AA+BrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQ9D,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

@@ -1,40 +1,52 @@
 'use client';
+
+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)=>{
-    const { className, description, marginPlacement } = props;
-    const { path } = useFieldProps();
-    const { i18n } = useTranslation();
-    if (description) {
-        return /*#__PURE__*/ _jsx("div", {
-            className: [
-                baseClass,
-                className,
-                `field-description-${path.replace(/\./g, '__')}`,
-                marginPlacement && `${baseClass}--margin-${marginPlacement}`
-            ].filter(Boolean).join(' '),
-            children: getTranslation(description, i18n)
-        });
+export const FieldDescription = props => {
+  const $ = _c(8);
+  const {
+    className,
+    description,
+    marginPlacement,
+    path
+  } = props;
+  const {
+    i18n
+  } = useTranslation();
+  if (description) {
+    const t0 = `field-description-${path?.replace(/\./g, "__")}`;
+    const t1 = marginPlacement && `${baseClass}--margin-${marginPlacement}`;
+    let t2;
+    if ($[0] !== className || $[1] !== t0 || $[2] !== t1) {
+      t2 = [baseClass, className, t0, t1].filter(Boolean);
+      $[0] = className;
+      $[1] = t0;
+      $[2] = t1;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
     }
-    return null;
-};
-export const FieldDescription = (props)=>{
-    const { Description, ...rest } = props;
-    if (Description) {
-        return /*#__PURE__*/ _jsx(RenderComponent, {
-            clientProps: rest,
-            mappedComponent: Description
-        });
+    const t3 = t2.join(" ");
+    let t4;
+    if ($[4] !== description || $[5] !== i18n || $[6] !== t3) {
+      t4 = _jsx("div", {
+        className: t3,
+        children: getTranslation(description, i18n)
+      });
+      $[4] = description;
+      $[5] = i18n;
+      $[6] = t3;
+      $[7] = t4;
+    } else {
+      t4 = $[7];
     }
-    return /*#__PURE__*/ _jsx(DefaultFieldDescription, {
-        ...rest
-    });
+    return t4;
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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 { 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: React.FC<GenericDescriptionProps> = (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"],"names":["getTranslation","React","useFieldProps","RenderComponent","useTranslation","baseClass","DefaultFieldDescription","props","className","description","marginPlacement","path","i18n","div","replace","filter","Boolean","join","FieldDescription","Description","rest","clientProps","mappedComponent"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,eAAe,QAAQ,4CAA2C;AAC3E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,0BAA6D,CAACC;IAClE,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGH;IAEpD,MAAM,EAAEI,IAAI,EAAE,GAAGT;IAEjB,MAAM,EAAEU,IAAI,EAAE,GAAGR;IAEjB,IAAIK,aAAa;QACf,qBACE,KAACI;YACCL,WAAW;gBACTH;gBACAG;gBACA,CAAC,kBAAkB,EAAEG,KAAKG,OAAO,CAAC,OAAO,MAAM,CAAC;gBAChDJ,mBAAmB,CAAC,EAAEL,UAAU,SAAS,EAAEK,gBAAgB,CAAC;aAC7D,CACEK,MAAM,CAACC,SACPC,IAAI,CAAC;sBAEPjB,eAAeS,aAAaG;;IAGnC;IAEA,OAAO;AACT;AAEA,OAAO,MAAMM,mBAAsD,CAACX;IAClE,MAAM,EAAEY,WAAW,EAAE,GAAGC,MAAM,GAAGb;IAEjC,IAAIY,aAAa;QACf,qBAAO,KAAChB;YAAgBkB,aAAaD;YAAME,iBAAiBH;;IAC9D;IAEA,qBAAO,KAACb;QAAyB,GAAGc,IAAI;;AAC1C,EAAC"}
+{"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.map

@@ -1 +1 @@
-{"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;AAMzB,OAAO,cAAc,CAAA;AAkCrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAQlD,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

@@ -1,43 +1,66 @@
 'use client';
+
+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)=>{
-    const { alignCaret = 'right', message: messageFromProps, path: pathFromProps, showError: showErrorFromProps } = props;
-    const { path: pathFromContext } = useFieldProps();
-    const path = pathFromContext ?? pathFromProps;
-    const hasSubmitted = useFormSubmitted();
-    const field = useFormFields(([fields])=>fields && fields?.[path] || null);
-    const { errorMessage, valid } = field || {};
-    const message = messageFromProps || errorMessage;
-    const showMessage = showErrorFromProps || hasSubmitted && valid === false;
-    if (showMessage && message?.length) {
-        return /*#__PURE__*/ _jsx(Tooltip, {
-            alignCaret: alignCaret,
-            className: baseClass,
-            delay: 0,
-            staticPositioning: true,
-            children: message
-        });
-    }
-    return null;
-};
-export const FieldError = (props)=>{
-    const { CustomError, ...rest } = props;
-    if (CustomError) {
-        return /*#__PURE__*/ _jsx(RenderComponent, {
-            clientProps: rest,
-            mappedComponent: CustomError
-        });
+export const FieldError = props => {
+  const $ = _c(7);
+  const {
+    alignCaret: t0,
+    message: messageFromProps,
+    path,
+    showError: showErrorFromProps
+  } = props;
+  const alignCaret = t0 === undefined ? "right" : t0;
+  const hasSubmitted = useFormSubmitted();
+  let t1;
+  if ($[0] !== path) {
+    t1 = t2 => {
+      const [fields] = t2;
+      return fields && fields?.[path] || null;
+    };
+    $[0] = path;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const field = useFormFields(t1);
+  let t2;
+  if ($[2] !== field) {
+    t2 = field || {};
+    $[2] = field;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const {
+    errorMessage,
+    valid
+  } = t2;
+  const message = messageFromProps || errorMessage;
+  const showMessage = showErrorFromProps || hasSubmitted && valid === false;
+  if (showMessage && message?.length) {
+    let t3;
+    if ($[4] !== alignCaret || $[5] !== message) {
+      t3 = _jsx(Tooltip, {
+        alignCaret,
+        className: baseClass,
+        delay: 0,
+        staticPositioning: true,
+        children: message
+      });
+      $[4] = alignCaret;
+      $[5] = message;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
     }
-    return /*#__PURE__*/ _jsx(DefaultFieldError, {
-        ...rest
-    });
+    return t3;
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map