@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.2eb12b9

package/dist/fields/Email/index.js

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useMemo } from 'react';
@@ -13,91 +12,81 @@ import { FieldLabel } from '../FieldLabel/index.js';
 import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
-const EmailFieldComponent = props => {
-  const {
-    field,
-    field: {
-      admin: {
-        autoComplete,
-        className,
-        description,
-        placeholder
-      } = {},
-      label,
-      localized,
-      required
-    } = {},
-    path: pathFromProps,
-    readOnly,
-    validate
-  } = props;
-  const {
-    i18n
-  } = useTranslation();
-  const memoizedValidate = useCallback((value, options) => {
-    if (typeof validate === 'function') {
-      return validate(value, {
-        ...options,
+const EmailFieldComponent = (props)=>{
+    const { field, field: { admin: { autoComplete, className, description, placeholder } = {}, label, localized, required } = {}, path: pathFromProps, readOnly, validate } = props;
+    const { i18n } = useTranslation();
+    const memoizedValidate = useCallback((value, options)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...options,
+                required
+            });
+        }
+    }, [
+        validate,
         required
-      });
-    }
-  }, [validate, required]);
-  const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
-    disabled,
-    path,
-    setValue,
-    showError,
-    value: value_0
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: [fieldBaseClass, 'email', className, showError && 'error', (readOnly || disabled) && 'read-only'].filter(Boolean).join(' '),
-    style: styles,
-    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-      CustomComponent: Label,
-      Fallback: /*#__PURE__*/_jsx(FieldLabel, {
-        label: label,
-        localized: localized,
-        path: path,
-        required: required
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${fieldBaseClass}__wrap`,
-      children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-        CustomComponent: Error,
-        Fallback: /*#__PURE__*/_jsx(FieldError, {
-          path: path,
-          showError: showError
-        })
-      }), BeforeInput, /*#__PURE__*/_jsx("input", {
-        autoComplete: autoComplete,
-        disabled: readOnly || disabled,
-        id: `field-${path.replace(/\./g, '__')}`,
-        name: path,
-        onChange: setValue,
-        placeholder: getTranslation(placeholder, i18n),
-        required: required,
-        type: "email",
-        value: value_0 || ''
-      }), AfterInput]
-    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
-      CustomComponent: Description,
-      Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-        description: description,
-        path: path
-      })
-    })]
-  });
+    ]);
+    const { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled, path, setValue, showError, value } = useField({
+        potentiallyStalePath: pathFromProps,
+        validate: memoizedValidate
+    });
+    const styles = useMemo(()=>mergeFieldStyles(field), [
+        field
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: [
+            fieldBaseClass,
+            'email',
+            className,
+            showError && 'error',
+            (readOnly || disabled) && 'read-only'
+        ].filter(Boolean).join(' '),
+        style: styles,
+        children: [
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Label,
+                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                    label: label,
+                    localized: localized,
+                    path: path,
+                    required: required
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${fieldBaseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                        CustomComponent: Error,
+                        Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                            path: path,
+                            showError: showError
+                        })
+                    }),
+                    BeforeInput,
+                    /*#__PURE__*/ _jsx("input", {
+                        autoComplete: autoComplete,
+                        disabled: readOnly || disabled,
+                        id: `field-${path.replace(/\./g, '__')}`,
+                        name: path,
+                        onChange: setValue,
+                        placeholder: getTranslation(placeholder, i18n),
+                        required: required,
+                        type: "email",
+                        value: value || ''
+                    }),
+                    AfterInput
+                ]
+            }),
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Description,
+                Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                    description: description,
+                    path: path
+                })
+            })
+        ]
+    });
 };
 export const EmailField = withCondition(EmailFieldComponent);
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","useField","withCondition","useTranslation","FieldLabel","mergeFieldStyles","fieldBaseClass","EmailFieldComponent","props","field","admin","autoComplete","className","description","placeholder","label","localized","required","path","pathFromProps","readOnly","validate","i18n","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","name","onChange","type","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  EmailFieldClientComponent,\n  EmailFieldClientProps,\n  EmailFieldValidation,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst EmailFieldComponent: EmailFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        autoComplete,\n        className,\n        description,\n        placeholder,\n      } = {} as EmailFieldClientProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as EmailFieldClientProps['field'],\n    path: pathFromProps,\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    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'email',\n        className,\n        showError && 'error',\n        (readOnly || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {/* disable eslint here because the label is dynamic */}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          autoComplete={autoComplete}\n          disabled={readOnly || 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        {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":[]}
+{"version":3,"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  EmailFieldClientComponent,\n  EmailFieldClientProps,\n  EmailFieldValidation,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst EmailFieldComponent: EmailFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        autoComplete,\n        className,\n        description,\n        placeholder,\n      } = {} as EmailFieldClientProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as EmailFieldClientProps['field'],\n    path: pathFromProps,\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    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'email',\n        className,\n        showError && 'error',\n        (readOnly || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {/* disable eslint here because the label is dynamic */}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          autoComplete={autoComplete}\n          disabled={readOnly || 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        {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"],"names":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","useField","withCondition","useTranslation","FieldLabel","mergeFieldStyles","fieldBaseClass","EmailFieldComponent","props","field","admin","autoComplete","className","description","placeholder","label","localized","required","path","pathFromProps","readOnly","validate","i18n","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","styles","div","filter","Boolean","join","style","CustomComponent","Fallback","input","id","replace","name","onChange","type","EmailField"],"mappings":"AAAA;;AAOA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAO;AAEnD,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,gBAAgB,QAAQ,yBAAwB;AACzD,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AAErB,MAAMC,sBAAiD,CAACC;IACtD,MAAM,EACJC,KAAK,EACLA,OAAO,EACLC,OAAO,EACLC,YAAY,EACZC,SAAS,EACTC,WAAW,EACXC,WAAW,EACZ,GAAG,CAAC,CAA4C,EACjDC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACT,GAAG,CAAC,CAAmC,EACxCC,MAAMC,aAAa,EACnBC,QAAQ,EACRC,QAAQ,EACT,GAAGb;IAEJ,MAAM,EAAEc,IAAI,EAAE,GAAGnB;IAEjB,MAAMoB,mBAAyC3B,YAC7C,CAAC4B,OAAOC;QACN,IAAI,OAAOJ,aAAa,YAAY;YAClC,OAAOA,SAASG,OAAO;gBAAE,GAAGC,OAAO;gBAAER;YAAS;QAChD;IACF,GACA;QAACI;QAAUJ;KAAS;IAGtB,MAAM,EACJS,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAC7EC,QAAQ,EACRd,IAAI,EACJe,QAAQ,EACRC,SAAS,EACTV,KAAK,EACN,GAAGvB,SAAS;QACXkC,sBAAsBhB;QACtBE,UAAUE;IACZ;IAEA,MAAMa,SAASvC,QAAQ,IAAMQ,iBAAiBI,QAAQ;QAACA;KAAM;IAE7D,qBACE,MAAC4B;QACCzB,WAAW;YACTN;YACA;YACAM;YACAsB,aAAa;YACZd,CAAAA,YAAYY,QAAO,KAAM;SAC3B,CACEM,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,OAAOL;;0BAEP,KAACtC;gBACC4C,iBAAiBX;gBACjBY,wBACE,KAACvC;oBAAWW,OAAOA;oBAAOC,WAAWA;oBAAWE,MAAMA;oBAAMD,UAAUA;;;0BAG1E,MAACoB;gBAAIzB,WAAW,GAAGN,eAAe,MAAM,CAAC;;kCACvC,KAACR;wBACC4C,iBAAiBZ;wBACjBa,wBAAU,KAAC3C;4BAAWkB,MAAMA;4BAAMgB,WAAWA;;;oBAE9CN;kCAGD,KAACgB;wBACCjC,cAAcA;wBACdqB,UAAUZ,YAAYY;wBACtBa,IAAI,CAAC,MAAM,EAAE3B,KAAK4B,OAAO,CAAC,OAAO,OAAO;wBACxCC,MAAM7B;wBACN8B,UAAUf;wBACVnB,aAAapB,eAAeoB,aAAaQ;wBACzCL,UAAUA;wBACVgC,MAAK;wBACLzB,OAAO,AAACA,SAAoB;;oBAE7BG;;;0BAEH,KAAC7B;gBACC4C,iBAAiBb;gBACjBc,wBAAU,KAAC5C;oBAAiBc,aAAaA;oBAAaK,MAAMA;;;;;AAIpE;AAEA,OAAO,MAAMgC,aAAahD,cAAcK,qBAAoB"}

package/dist/fields/FieldDescription/index.js

@@ -1,52 +1,25 @@
 '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 { useTranslation } from '../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'field-description';
-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];
-    }
-    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];
+export const FieldDescription = (props)=>{
+    const { className, description, marginPlacement, path } = props;
+    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)
+        });
     }
-    return t4;
-  }
-  return null;
+    return null;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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 { 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"],"names":["getTranslation","React","useTranslation","baseClass","FieldDescription","props","className","description","marginPlacement","path","i18n","div","replace","filter","Boolean","join"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAAsD,CAACC;IAClE,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,eAAe,EAAEC,IAAI,EAAE,GAAGJ;IAE1D,MAAM,EAAEK,IAAI,EAAE,GAAGR;IAEjB,IAAIK,aAAa;QACf,qBACE,KAACI;YACCL,WAAW;gBACTH;gBACAG;gBACA,CAAC,kBAAkB,EAAEG,MAAMG,QAAQ,OAAO,OAAO;gBACjDJ,mBAAmB,GAAGL,UAAU,SAAS,EAAEK,iBAAiB;aAC7D,CACEK,MAAM,CAACC,SACPC,IAAI,CAAC;sBAEPf,eAAeO,aAAaG;;IAGnC;IAEA,OAAO;AACT,EAAC"}

package/dist/fields/FieldError/index.js

@@ -1,67 +1,27 @@
 '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 { useFormFields, useFormSubmitted } from '../../forms/Form/context.js';
 import './index.scss';
 const baseClass = 'field-error';
-export const FieldError = props => {
-  const $ = _c(8);
-  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] !== alignCaret || $[3] !== field || $[4] !== hasSubmitted || $[5] !== messageFromProps || $[6] !== showErrorFromProps) {
-    t2 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const {
-        errorMessage,
-        valid
-      } = field || {};
-      const message = messageFromProps || errorMessage;
-      const showMessage = showErrorFromProps || hasSubmitted && valid === false;
-      if (showMessage && message?.length) {
-        t2 = _jsx(Tooltip, {
-          alignCaret,
-          className: baseClass,
-          delay: 0,
-          staticPositioning: true,
-          children: message
+export const FieldError = (props)=>{
+    const { alignCaret = 'right', message: messageFromProps, path, showError: showErrorFromProps } = props;
+    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
         });
-        break bb0;
-      }
     }
-    $[2] = alignCaret;
-    $[3] = field;
-    $[4] = hasSubmitted;
-    $[5] = messageFromProps;
-    $[6] = showErrorFromProps;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  if (t2 !== Symbol.for("react.early_return_sentinel")) {
-    return t2;
-  }
-  return null;
+    return null;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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","Symbol","for","errorMessage","valid","showMessage","length","_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,QAAAC,UAAA,IAAAD,CAAA,QAAAa,KAAA,IAAAb,CAAA,QAAAS,YAAA,IAAAT,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAO,kBAAA;IASpEI,EAAA,GAAAG,MAAA,CAAAC,GAAA,8B;;MAPJ;QAAAC,YAAA;QAAAC;MAAA,IAAgCJ,KAAA,MAAU;MAE1C,MAAAV,OAAA,GAAgBC,gBAAA,IAAoBY,YAAA;MACpC,MAAAE,WAAA,GAAoBX,kBAAA,IAAuBE,YAAA,IAAgBQ,KAAA,UAAU;MAAA,IAEjEC,WAAA,IAAef,OAAA,EAAAgB,MAAS;QAExBR,EAAA,GAAAS,IAAA,CAAA1B,OAAA;UAAAO,UAAA;UAAAoB,SAAA,EAAAxB,SAAA;UAAAyB,KAAA;UAAAC,iBAAA;UAAAC,QAAA,EACGrB;QAAA,C;;;;;;;;;;;;;;;;;CAMT","ignoreList":[]}
+{"version":3,"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"],"names":["React","Tooltip","useFormFields","useFormSubmitted","baseClass","FieldError","props","alignCaret","message","messageFromProps","path","showError","showErrorFromProps","hasSubmitted","field","fields","errorMessage","valid","showMessage","length","className","delay","staticPositioning"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,kCAAiC;AACzD,SAASC,aAAa,EAAEC,gBAAgB,QAAQ,8BAA6B;AAC7E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAA0C,CAACC;IACtD,MAAM,EACJC,aAAa,OAAO,EACpBC,SAASC,gBAAgB,EACzBC,IAAI,EACJC,WAAWC,kBAAkB,EAC9B,GAAGN;IAEJ,MAAMO,eAAeV;IACrB,MAAMW,QAAQZ,cAAc,CAAC,CAACa,OAAO,GAAK,AAACA,UAAUA,QAAQ,CAACL,KAAK,IAAK;IAExE,MAAM,EAAEM,YAAY,EAAEC,KAAK,EAAE,GAAGH,SAAS,CAAC;IAE1C,MAAMN,UAAUC,oBAAoBO;IACpC,MAAME,cAAcN,sBAAuBC,gBAAgBI,UAAU;IAErE,IAAIC,eAAeV,SAASW,QAAQ;QAClC,qBACE,KAAClB;YAAQM,YAAYA;YAAYa,WAAWhB;YAAWiB,OAAO;YAAGC,iBAAiB;sBAC/Ed;;IAGP;IAEA,OAAO;AACT,EAAC"}

package/dist/fields/FieldLabel/index.js

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
@@ -9,48 +8,35 @@ import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { generateFieldID } from '../../utilities/generateFieldID.js';
 import './index.scss';
-export const FieldLabel = props => {
-  const {
-    as: t0,
-    hideLocale: t1,
-    htmlFor: htmlForFromProps,
-    label,
-    localized: t2,
-    path,
-    required: t3,
-    unstyled: t4
-  } = props;
-  const ElementFromProps = t0 === undefined ? "label" : t0;
-  const hideLocale = t1 === undefined ? false : t1;
-  const localized = t2 === undefined ? false : t2;
-  const required = t3 === undefined ? false : t3;
-  const unstyled = t4 === undefined ? false : t4;
-  const {
-    uuid
-  } = useForm();
-  const editDepth = useEditDepth();
-  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid);
-  const {
-    i18n
-  } = useTranslation();
-  const {
-    code,
-    label: localLabel
-  } = useLocale();
-  const Element = ElementFromProps === "label" ? htmlFor ? "label" : "span" : ElementFromProps || "span";
-  if (label) {
-    return _jsxs(Element, {
-      className: `field-label${unstyled ? " unstyled" : ""}`,
-      htmlFor,
-      children: [getTranslation(label, i18n), required && !unstyled && _jsx("span", {
-        className: "required",
-        children: "*"
-      }), localized && !hideLocale && _jsxs("span", {
-        className: "localized",
-        children: ["\u2014 ", typeof localLabel === "string" ? localLabel : code]
-      })]
-    });
-  }
-  return null;
+export const FieldLabel = (props)=>{
+    const { as: ElementFromProps = 'label', hideLocale = false, htmlFor: htmlForFromProps, label, localized = false, path, required = false, unstyled = false } = props;
+    const { uuid } = useForm();
+    const editDepth = useEditDepth();
+    const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid);
+    const { i18n } = useTranslation();
+    const { code, label: localLabel } = useLocale();
+    const Element = ElementFromProps === 'label' ? htmlFor ? 'label' : 'span' : ElementFromProps || 'span';
+    if (label) {
+        return /*#__PURE__*/ _jsxs(Element, {
+            className: `field-label${unstyled ? ' unstyled' : ''}`,
+            htmlFor: htmlFor,
+            children: [
+                getTranslation(label, i18n),
+                required && !unstyled && /*#__PURE__*/ _jsx("span", {
+                    className: "required",
+                    children: "*"
+                }),
+                localized && !hideLocale && /*#__PURE__*/ _jsxs("span", {
+                    className: "localized",
+                    children: [
+                        "— ",
+                        typeof localLabel === 'string' ? localLabel : code
+                    ]
+                })
+            ]
+        });
+    }
+    return null;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useForm","useEditDepth","useLocale","useTranslation","generateFieldID","FieldLabel","props","as","t0","hideLocale","t1","htmlFor","htmlForFromProps","label","localized","t2","path","required","t3","unstyled","t4","ElementFromProps","undefined","uuid","editDepth","i18n","code","localLabel","Element","_jsxs","className","children","_jsx"],"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericLabelProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.scss'\n\nexport const FieldLabel: React.FC<GenericLabelProps> = (props) => {\n  const {\n    as: ElementFromProps = 'label',\n    hideLocale = false,\n    htmlFor: htmlForFromProps,\n    label,\n    localized = false,\n    path,\n    required = false,\n    unstyled = false,\n  } = props\n\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n\n  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n\n  const { i18n } = useTranslation()\n  const { code, label: localLabel } = useLocale()\n\n  const Element =\n    ElementFromProps === 'label' ? (htmlFor ? 'label' : 'span') : ElementFromProps || 'span'\n\n  if (label) {\n    return (\n      <Element className={`field-label${unstyled ? ' unstyled' : ''}`} htmlFor={htmlFor}>\n        {getTranslation(label, i18n)}\n        {required && !unstyled && <span className=\"required\">*</span>}\n        {localized && !hideLocale && (\n          <span className=\"localized\">\n            &mdash; {typeof localLabel === 'string' ? localLabel : code}\n          </span>\n        )}\n      </Element>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EACrD;IAAAC,EAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,KAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,IAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IASId,KAAA;EARE,MAAAe,gBAAA,GAAAb,EAA0B,KAAAc,SAAA,GAAP,OAAO,GAA1Bd,EAA0B;EAC9B,MAAAC,UAAA,GAAAC,EAAkB,KAAAY,SAAA,WAAlBZ,EAAkB;EAGlB,MAAAI,SAAA,GAAAC,EAAiB,KAAAO,SAAA,WAAjBP,EAAiB;EAEjB,MAAAE,QAAA,GAAAC,EAAgB,KAAAI,SAAA,WAAhBJ,EAAgB;EAChB,MAAAC,QAAA,GAAAC,EAAgB,KAAAE,SAAA,WAAhBF,EAAgB;EAGlB;IAAAG;EAAA,IAAiBvB,OAAA;EACjB,MAAAwB,SAAA,GAAkBvB,YAAA;EAElB,MAAAU,OAAA,GAAgBC,gBAAA,IAAoBR,eAAA,CAAgBY,IAAA,EAAMQ,SAAA,EAAWD,IAAA;EAErE;IAAAE;EAAA,IAAiBtB,cAAA;EACjB;IAAAuB,IAAA;IAAAb,KAAA,EAAAc;EAAA,IAAoCzB,SAAA;EAEpC,MAAA0B,OAAA,GACEP,gBAAA,KAAqB,UAAWV,OAAA,GAAU,UAAU,SAAUU,gBAAA,IAAoB;EAAA,IAEhFR,KAAA;IAAA,OAEAgB,KAAA,CAACD,OAAA;MAAAE,SAAA,EAAmB,cAAcX,QAAA,GAAW,cAAc,IAAI;MAAAR,OAAA;MAAAoB,QAAA,GAC5DjC,cAAA,CAAee,KAAA,EAAOY,IAAA,GACtBR,QAAA,KAAaE,QAAA,IAAYa,IAAA,CAAC;QAAAF,SAAA,EAAe;QAAAC,QAAA,EAAW;MAAA,C,GACpDjB,SAAA,KAAcL,UAAA,IACboB,KAAA,CAAC;QAAAC,SAAA,EAAe;QAAAC,QAAA,GAAY,WACjB,OAAOJ,UAAA,KAAe,WAAWA,UAAA,GAAaD,IAAA;MAAA,C;;;;CAQnE","ignoreList":[]}
+{"version":3,"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericLabelProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.scss'\n\nexport const FieldLabel: React.FC<GenericLabelProps> = (props) => {\n  const {\n    as: ElementFromProps = 'label',\n    hideLocale = false,\n    htmlFor: htmlForFromProps,\n    label,\n    localized = false,\n    path,\n    required = false,\n    unstyled = false,\n  } = props\n\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n\n  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n\n  const { i18n } = useTranslation()\n  const { code, label: localLabel } = useLocale()\n\n  const Element =\n    ElementFromProps === 'label' ? (htmlFor ? 'label' : 'span') : ElementFromProps || 'span'\n\n  if (label) {\n    return (\n      <Element className={`field-label${unstyled ? ' unstyled' : ''}`} htmlFor={htmlFor}>\n        {getTranslation(label, i18n)}\n        {required && !unstyled && <span className=\"required\">*</span>}\n        {localized && !hideLocale && (\n          <span className=\"localized\">\n            &mdash; {typeof localLabel === 'string' ? localLabel : code}\n          </span>\n        )}\n      </Element>\n    )\n  }\n\n  return null\n}\n"],"names":["getTranslation","React","useForm","useEditDepth","useLocale","useTranslation","generateFieldID","FieldLabel","props","as","ElementFromProps","hideLocale","htmlFor","htmlForFromProps","label","localized","path","required","unstyled","uuid","editDepth","i18n","code","localLabel","Element","className","span"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,qCAAoC;AACpE,OAAO,eAAc;AAErB,OAAO,MAAMC,aAA0C,CAACC;IACtD,MAAM,EACJC,IAAIC,mBAAmB,OAAO,EAC9BC,aAAa,KAAK,EAClBC,SAASC,gBAAgB,EACzBC,KAAK,EACLC,YAAY,KAAK,EACjBC,IAAI,EACJC,WAAW,KAAK,EAChBC,WAAW,KAAK,EACjB,GAAGV;IAEJ,MAAM,EAAEW,IAAI,EAAE,GAAGjB;IACjB,MAAMkB,YAAYjB;IAElB,MAAMS,UAAUC,oBAAoBP,gBAAgBU,MAAMI,WAAWD;IAErE,MAAM,EAAEE,IAAI,EAAE,GAAGhB;IACjB,MAAM,EAAEiB,IAAI,EAAER,OAAOS,UAAU,EAAE,GAAGnB;IAEpC,MAAMoB,UACJd,qBAAqB,UAAWE,UAAU,UAAU,SAAUF,oBAAoB;IAEpF,IAAII,OAAO;QACT,qBACE,MAACU;YAAQC,WAAW,CAAC,WAAW,EAAEP,WAAW,cAAc,IAAI;YAAEN,SAASA;;gBACvEZ,eAAec,OAAOO;gBACtBJ,YAAY,CAACC,0BAAY,KAACQ;oBAAKD,WAAU;8BAAW;;gBACpDV,aAAa,CAACJ,4BACb,MAACe;oBAAKD,WAAU;;wBAAY;wBACjB,OAAOF,eAAe,WAAWA,aAAaD;;;;;IAKjE;IAEA,OAAO;AACT,EAAC"}