@payloadcms/ui 3.0.0-canary.d6053cd → 3.0.0-canary.dc8b1fe

package/dist/fields/Email/index.js

@@ -1,83 +1,192 @@
 '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 { 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 _EmailField = (props)=>{
-    const { name, AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, autoComplete, className, descriptionProps, errorProps, label, labelProps, path: pathFromProps, placeholder, readOnly: readOnlyFromProps, required, style, validate, width } = props;
-    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, {
-                CustomLabel: CustomLabel,
-                label: label,
-                required: required,
-                ...labelProps || {}
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${fieldBaseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsx(FieldError, {
-                        CustomError: CustomError,
-                        path: path,
-                        ...errorProps || {}
-                    }),
-                    BeforeInput,
-                    /*#__PURE__*/ _jsx("input", {
-                        autoComplete: autoComplete,
-                        disabled: disabled,
-                        id: `field-${path.replace(/\./g, '__')}`,
-                        name: path,
-                        onChange: setValue,
-                        placeholder: getTranslation(placeholder, i18n),
-                        type: "email",
-                        value: value || ''
-                    }),
-                    AfterInput
-                ]
-            }),
-            CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
-                ...descriptionProps || {}
-            })
-        ]
+const EmailFieldComponent = props => {
+  const $ = _c(37);
+  const {
+    field: t0,
+    path: pathFromProps,
+    readOnly,
+    validate
+  } = props;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    name,
+    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 path = pathFromProps ?? name;
+  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(_EmailField);
-
+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 { ClientValidate, EmailField as EmailFieldType } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.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\nexport type EmailFieldProps = {\n  autoComplete?: string\n  name?: string\n  path?: string\n  placeholder?: EmailFieldType['admin']['placeholder']\n  width?: string\n} & FormFieldBase\n\nconst _EmailField: React.FC<EmailFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    autoComplete,\n    className,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: ClientValidate = 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        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n        {BeforeInput}\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          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const EmailField = withCondition(_EmailField)\n"],"names":["getTranslation","React","useCallback","useFieldProps","useField","withCondition","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","_EmailField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","autoComplete","className","descriptionProps","errorProps","label","labelProps","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","style","validate","width","i18n","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","div","filter","Boolean","join","input","id","replace","onChange","type","undefined","EmailField"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,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;AAUrB,MAAMC,cAAyC,CAACC;IAC9C,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGrB;IAEJ,MAAM,EAAEsB,IAAI,EAAE,GAAG5B;IAEjB,MAAM6B,mBAAmCjC,YACvC,CAACkC,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAEP;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEL,MAAMa,eAAe,EAAEV,UAAUW,mBAAmB,EAAE,GAAGpC;IAEjE,MAAM,EAAEqC,gBAAgB,EAAEC,cAAc,EAAEhB,IAAI,EAAEiB,QAAQ,EAAEC,SAAS,EAAEP,KAAK,EAAE,GAAGhC,SAAS;QACtFqB,MAAMa,mBAAmBZ,iBAAiBb;QAC1CmB,UAAUG;IACZ;IAEA,MAAMS,WAAWf,qBAAqBU,uBAAuBE,kBAAkBD;IAE/E,qBACE,MAACK;QACCzB,WAAW;YAACV;YAAgB;YAASU;YAAWuB,aAAa;YAASC,YAAY;SAAY,CAC3FE,MAAM,CAACC,SACPC,IAAI,CAAC;QACRjB,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;;0BAEA,KAACxB;gBACCS,aAAaA;gBACbK,OAAOA;gBACPO,UAAUA;gBACT,GAAIN,cAAc,CAAC,CAAC;;0BAEvB,MAACqB;gBAAIzB,WAAW,CAAC,EAAEV,eAAe,MAAM,CAAC;;kCACvC,KAACF;wBAAWS,aAAaA;wBAAaQ,MAAMA;wBAAO,GAAIH,cAAc,CAAC,CAAC;;oBACtEP;kCACD,KAACkC;wBACC9B,cAAcA;wBACdyB,UAAUA;wBACVM,IAAI,CAAC,MAAM,EAAEzB,KAAK0B,OAAO,CAAC,OAAO,MAAM,CAAC;wBACxCtC,MAAMY;wBACN2B,UAAUV;wBACVf,aAAa3B,eAAe2B,aAAaO;wBACzCmB,MAAK;wBACLjB,OAAO,AAACA,SAAoB;;oBAE7BtB;;;YAEFE,sBAAsBsC,YACrBtC,kCAEA,KAACT;gBAAkB,GAAIc,oBAAoB,CAAC,CAAC;;;;AAIrD;AAEA,OAAO,MAAMkC,aAAalD,cAAcM,aAAY"}
+{"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,5 +1,5 @@
-import type { FieldDescriptionProps } from 'payload';
+import type { GenericDescriptionProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const FieldDescription: React.FC<FieldDescriptionProps>;
+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,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAGpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AA+BrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAQ5D,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,36 +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 { 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 { CustomDescription } = props;
-    if (CustomDescription !== undefined) {
-        return CustomDescription;
+    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, {
-        ...props
-    });
+    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 { FieldDescriptionProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'field-description'\n\nconst DefaultFieldDescription: React.FC<FieldDescriptionProps> = (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<FieldDescriptionProps> = (props) => {\n  const { CustomDescription } = props\n\n  if (CustomDescription !== undefined) {\n    return CustomDescription\n  }\n\n  return <DefaultFieldDescription {...props} />\n}\n"],"names":["getTranslation","React","useFieldProps","useTranslation","baseClass","DefaultFieldDescription","props","className","description","marginPlacement","path","i18n","div","replace","filter","Boolean","join","FieldDescription","CustomDescription","undefined"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,0BAA2D,CAACC;IAChE,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGH;IAEpD,MAAM,EAAEI,IAAI,EAAE,GAAGR;IAEjB,MAAM,EAAES,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;sBAEPhB,eAAeQ,aAAaG;;IAGnC;IAEA,OAAO;AACT;AAEA,OAAO,MAAMM,mBAAoD,CAACX;IAChE,MAAM,EAAEY,iBAAiB,EAAE,GAAGZ;IAE9B,IAAIY,sBAAsBC,WAAW;QACnC,OAAOD;IACT;IAEA,qBAAO,KAACb;QAAyB,GAAGC,KAAK;;AAC3C,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

@@ -1,5 +1,5 @@
-import type { ErrorProps } from 'payload';
+import type { GenericErrorProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const FieldError: React.FC<ErrorProps>;
+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,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAkCrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAQ3C,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,39 +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 './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 } = props;
-    if (CustomError !== undefined) {
-        return 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, {
-        ...props
-    });
+    return t3;
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map