@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

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

@@ -1 +1 @@
-{"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;oBACA,oDAAoD,GACpD,kEAAkE,iBACnE,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"}
+{"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,QAAC4B;QACCzB,WAAW;YACTN;YACA;YACAM;YACAsB,aAAa;YACZd,CAAAA,YAAYY,QAAO,KAAM;SAC3B,CACEM,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,OAAOL;;0BAEP,QAACtC;gBACC4C,iBAAiBX;gBACjBY,wBACE,QAACvC;oBAAWW,OAAOA;oBAAOC,WAAWA;oBAAWE,MAAMA;oBAAMD,UAAUA;;;;;;;;;;;0BAG1E,QAACoB;gBAAIzB,WAAW,GAAGN,eAAe,MAAM,CAAC;;kCACvC,QAACR;wBACC4C,iBAAiBZ;wBACjBa,wBAAU,QAAC3C;4BAAWkB,MAAMA;4BAAMgB,WAAWA;;;;;;;;;;;oBAE9CN;oBACA,oDAAoD,GACpD,kEAAkE,iBACnE,QAACgB;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,QAAC7B;gBACC4C,iBAAiBb;gBACjBc,wBAAU,QAAC5C;oBAAiBc,aAAaA;oBAAaK,MAAMA;;;;;;;;;;;;;;;;;AAIpE;AAEA,OAAO,MAAMgC,aAAahD,cAAcK,qBAAoB"}

package/dist/fields/FieldDescription/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -9,7 +9,7 @@ export const FieldDescription = (props)=>{
     const { className, description, marginPlacement, path } = props;
     const { i18n } = useTranslation();
     if (description) {
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             className: [
                 baseClass,
                 className,
@@ -17,7 +17,11 @@ export const FieldDescription = (props)=>{
                 marginPlacement && `${baseClass}--margin-${marginPlacement}`
             ].filter(Boolean).join(' '),
             children: getTranslation(description, i18n)
-        });
+        }, void 0, false, {
+            fileName: "src/fields/FieldDescription/index.tsx",
+            lineNumber: 19,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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 { 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"}
+{"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,QAACI;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,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { Tooltip } from '../../elements/Tooltip/index.js';
 import { useFormFields, useFormSubmitted } from '../../forms/Form/context.js';
@@ -13,13 +13,17 @@ export const FieldError = (props)=>{
     const message = messageFromProps || errorMessage;
     const showMessage = showErrorFromProps || hasSubmitted && valid === false;
     if (showMessage && message?.length) {
-        return /*#__PURE__*/ _jsx(Tooltip, {
+        return /*#__PURE__*/ _jsxDEV(Tooltip, {
             alignCaret: alignCaret,
             className: baseClass,
             delay: 0,
             staticPositioning: true,
             children: message
-        });
+        }, void 0, false, {
+            fileName: "src/fields/FieldError/index.tsx",
+            lineNumber: 31,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"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"}
+{"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,QAAClB;YAAQM,YAAYA;YAAYa,WAAWhB;YAAWiB,OAAO;YAAGC,iBAAiB;sBAC/Ed;;;;;;IAGP;IAEA,OAAO;AACT,EAAC"}

package/dist/fields/FieldLabel/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useForm } from '../../forms/Form/context.js';
@@ -17,24 +17,36 @@ export const FieldLabel = (props)=>{
     const { code, label: localLabel } = useLocale();
     const Element = ElementFromProps === 'label' ? htmlFor ? 'label' : 'span' : ElementFromProps || 'span';
     if (label) {
-        return /*#__PURE__*/ _jsxs(Element, {
+        return /*#__PURE__*/ _jsxDEV(Element, {
             className: `field-label${unstyled ? ' unstyled' : ''}`,
             htmlFor: htmlFor,
             children: [
                 getTranslation(label, i18n),
-                required && !unstyled && /*#__PURE__*/ _jsx("span", {
+                required && !unstyled && /*#__PURE__*/ _jsxDEV("span", {
                     className: "required",
                     children: "*"
-                }),
-                localized && !hideLocale && /*#__PURE__*/ _jsxs("span", {
+                }, void 0, false, {
+                    fileName: "src/fields/FieldLabel/index.tsx",
+                    lineNumber: 42,
+                    columnNumber: 35
+                }, this),
+                localized && !hideLocale && /*#__PURE__*/ _jsxDEV("span", {
                     className: "localized",
                     children: [
                         "— ",
                         typeof localLabel === 'string' ? localLabel : code
                     ]
-                })
+                }, void 0, true, {
+                    fileName: "src/fields/FieldLabel/index.tsx",
+                    lineNumber: 44,
+                    columnNumber: 11
+                }, this)
             ]
-        });
+        }, void 0, true, {
+            fileName: "src/fields/FieldLabel/index.tsx",
+            lineNumber: 40,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"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"}
+{"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,QAACU;YAAQC,WAAW,CAAC,WAAW,EAAEP,WAAW,cAAc,IAAI;YAAEN,SAASA;;gBACvEZ,eAAec,OAAOO;gBACtBJ,YAAY,CAACC,0BAAY,QAACQ;oBAAKD,WAAU;8BAAW;;;;;;gBACpDV,aAAa,CAACJ,4BACb,QAACe;oBAAKD,WAAU;;wBAAY;wBACjB,OAAOF,eAAe,WAAWA,aAAaD;;;;;;;;;;;;;IAKjE;IAEA,OAAO;AACT,EAAC"}

package/dist/fields/Group/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { groupHasName } from 'payload/shared';
 import React, { useMemo } from 'react';
@@ -38,7 +38,7 @@ export const GroupFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             baseClass,
@@ -54,46 +54,78 @@ export const GroupFieldComponent = (props)=>{
         id: `field-${path?.replace(/\./g, '__')}`,
         style: styles,
         children: [
-            /*#__PURE__*/ _jsx(GroupProvider, {
-                children: /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsxDEV(GroupProvider, {
+                children: /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__wrap`,
                     children: [
-                        Boolean(Label || Description || label || fieldHasErrors) && /*#__PURE__*/ _jsxs("div", {
+                        Boolean(Label || Description || label || fieldHasErrors) && /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__header`,
                             children: [
-                                Boolean(Label || Description || label) && /*#__PURE__*/ _jsxs("header", {
+                                Boolean(Label || Description || label) && /*#__PURE__*/ _jsxDEV("header", {
                                     children: [
-                                        /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                                        /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                                             CustomComponent: Label,
-                                            Fallback: /*#__PURE__*/ _jsx("h3", {
+                                            Fallback: /*#__PURE__*/ _jsxDEV("h3", {
                                                 className: `${baseClass}__title`,
-                                                children: /*#__PURE__*/ _jsx(FieldLabel, {
+                                                children: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                                                     as: "span",
                                                     label: getTranslation(label, i18n),
                                                     localized: false,
                                                     path: path,
                                                     required: false
-                                                })
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                                                }, void 0, false, {
+                                                    fileName: "src/fields/Group/index.tsx",
+                                                    lineNumber: 90,
+                                                    columnNumber: 25
+                                                }, void 0)
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Group/index.tsx",
+                                                lineNumber: 89,
+                                                columnNumber: 23
+                                            }, void 0)
+                                        }, void 0, false, {
+                                            fileName: "src/fields/Group/index.tsx",
+                                            lineNumber: 86,
+                                            columnNumber: 19
+                                        }, this),
+                                        /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                                             CustomComponent: Description,
-                                            Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                                            Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                                                 description: description,
                                                 path: path
-                                            })
-                                        })
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Group/index.tsx",
+                                                lineNumber: 102,
+                                                columnNumber: 31
+                                            }, void 0)
+                                        }, void 0, false, {
+                                            fileName: "src/fields/Group/index.tsx",
+                                            lineNumber: 100,
+                                            columnNumber: 19
+                                        }, this)
                                     ]
-                                }),
-                                fieldHasErrors && /*#__PURE__*/ _jsx(ErrorPill, {
+                                }, void 0, true, {
+                                    fileName: "src/fields/Group/index.tsx",
+                                    lineNumber: 85,
+                                    columnNumber: 17
+                                }, this),
+                                fieldHasErrors && /*#__PURE__*/ _jsxDEV(ErrorPill, {
                                     count: errorCount,
                                     i18n: i18n,
                                     withMessage: true
-                                })
+                                }, void 0, false, {
+                                    fileName: "src/fields/Group/index.tsx",
+                                    lineNumber: 106,
+                                    columnNumber: 34
+                                }, this)
                             ]
-                        }),
+                        }, void 0, true, {
+                            fileName: "src/fields/Group/index.tsx",
+                            lineNumber: 83,
+                            columnNumber: 13
+                        }, this),
                         BeforeInput,
-                        /* Render an unnamed group differently */ groupHasName(field) ? /*#__PURE__*/ _jsx(RenderFields, {
+                        /* Render an unnamed group differently */ groupHasName(field) ? /*#__PURE__*/ _jsxDEV(RenderFields, {
                             fields: fields,
                             margins: "small",
                             parentIndexPath: "",
@@ -101,7 +133,11 @@ export const GroupFieldComponent = (props)=>{
                             parentSchemaPath: schemaPath,
                             permissions: permissions === true ? permissions : permissions?.fields,
                             readOnly: readOnly
-                        }) : /*#__PURE__*/ _jsx(RenderFields, {
+                        }, void 0, false, {
+                            fileName: "src/fields/Group/index.tsx",
+                            lineNumber: 112,
+                            columnNumber: 13
+                        }, this) : /*#__PURE__*/ _jsxDEV(RenderFields, {
                             fields: fields,
                             margins: "small",
                             parentIndexPath: indexPath,
@@ -109,13 +145,29 @@ export const GroupFieldComponent = (props)=>{
                             parentSchemaPath: parentSchemaPath,
                             permissions: permissions,
                             readOnly: readOnly
-                        })
+                        }, void 0, false, {
+                            fileName: "src/fields/Group/index.tsx",
+                            lineNumber: 122,
+                            columnNumber: 13
+                        }, this)
                     ]
-                })
-            }),
+                }, void 0, true, {
+                    fileName: "src/fields/Group/index.tsx",
+                    lineNumber: 81,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/fields/Group/index.tsx",
+                lineNumber: 80,
+                columnNumber: 7
+            }, this),
             AfterInput
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Group/index.tsx",
+        lineNumber: 62,
+        columnNumber: 5
+    }, this);
 };
 export { GroupProvider, useGroup };
 export const GroupField = withCondition(GroupFieldComponent);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { groupHasName } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, hideGutter } = {}, fields, label },\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n\n  const schemaPath =\n    schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path)\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorPaths } =\n    useField({ path })\n\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        isTopLevel && `${baseClass}--top-level`,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        isWithinGroup && `${baseClass}--within-group`,\n        isWithinRow && `${baseClass}--within-row`,\n        isWithinTab && `${baseClass}--within-tab`,\n        !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n        fieldHasErrors && `${baseClass}--has-error`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          {Boolean(Label || Description || label || fieldHasErrors) && (\n            <div className={`${baseClass}__header`}>\n              {Boolean(Label || Description || label) && (\n                <header>\n                  <RenderCustomComponent\n                    CustomComponent={Label}\n                    Fallback={\n                      <h3 className={`${baseClass}__title`}>\n                        <FieldLabel\n                          as=\"span\"\n                          label={getTranslation(label, i18n)}\n                          localized={false}\n                          path={path}\n                          required={false}\n                        />\n                      </h3>\n                    }\n                  />\n                  <RenderCustomComponent\n                    CustomComponent={Description}\n                    Fallback={<FieldDescription description={description} path={path} />}\n                  />\n                </header>\n              )}\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          )}\n          {BeforeInput}\n          {/* Render an unnamed group differently */}\n          {groupHasName(field) ? (\n            <RenderFields\n              fields={fields}\n              margins=\"small\"\n              parentIndexPath=\"\"\n              parentPath={path}\n              parentSchemaPath={schemaPath}\n              permissions={permissions === true ? permissions : permissions?.fields}\n              readOnly={readOnly}\n            />\n          ) : (\n            <RenderFields\n              fields={fields}\n              margins=\"small\"\n              parentIndexPath={indexPath}\n              parentPath={parentPath}\n              parentSchemaPath={parentSchemaPath}\n              permissions={permissions}\n              readOnly={readOnly}\n            />\n          )}\n        </div>\n      </GroupProvider>\n      {AfterInput}\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"names":["getTranslation","groupHasName","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","field","admin","className","description","hideGutter","fields","label","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","schemaPathFromProps","type","name","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","customComponents","AfterInput","BeforeInput","Description","Label","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","styles","div","filter","Boolean","join","id","replace","style","header","CustomComponent","Fallback","h3","as","localized","required","count","withMessage","margins","parentIndexPath","GroupField"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { groupHasName } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, hideGutter } = {}, fields, label },\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n\n  const schemaPath =\n    schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path)\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorPaths } =\n    useField({ path })\n\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        isTopLevel && `${baseClass}--top-level`,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        isWithinGroup && `${baseClass}--within-group`,\n        isWithinRow && `${baseClass}--within-row`,\n        isWithinTab && `${baseClass}--within-tab`,\n        !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n        fieldHasErrors && `${baseClass}--has-error`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          {Boolean(Label || Description || label || fieldHasErrors) && (\n            <div className={`${baseClass}__header`}>\n              {Boolean(Label || Description || label) && (\n                <header>\n                  <RenderCustomComponent\n                    CustomComponent={Label}\n                    Fallback={\n                      <h3 className={`${baseClass}__title`}>\n                        <FieldLabel\n                          as=\"span\"\n                          label={getTranslation(label, i18n)}\n                          localized={false}\n                          path={path}\n                          required={false}\n                        />\n                      </h3>\n                    }\n                  />\n                  <RenderCustomComponent\n                    CustomComponent={Description}\n                    Fallback={<FieldDescription description={description} path={path} />}\n                  />\n                </header>\n              )}\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          )}\n          {BeforeInput}\n          {/* Render an unnamed group differently */}\n          {groupHasName(field) ? (\n            <RenderFields\n              fields={fields}\n              margins=\"small\"\n              parentIndexPath=\"\"\n              parentPath={path}\n              parentSchemaPath={schemaPath}\n              permissions={permissions === true ? permissions : permissions?.fields}\n              readOnly={readOnly}\n            />\n          ) : (\n            <RenderFields\n              fields={fields}\n              margins=\"small\"\n              parentIndexPath={indexPath}\n              parentPath={parentPath}\n              parentSchemaPath={parentSchemaPath}\n              permissions={permissions}\n              readOnly={readOnly}\n            />\n          )}\n        </div>\n      </GroupProvider>\n      {AfterInput}\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"names":["getTranslation","groupHasName","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","field","admin","className","description","hideGutter","fields","label","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","schemaPathFromProps","type","name","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","customComponents","AfterInput","BeforeInput","Description","Label","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","styles","div","filter","Boolean","join","id","replace","style","header","CustomComponent","Fallback","h3","as","localized","required","count","withMessage","margins","parentIndexPath","GroupField"],"mappings":"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"}

package/dist/fields/Group/provider.js

@@ -1,12 +1,16 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { createContext, use } from 'react';
 export const GroupContext = /*#__PURE__*/ createContext(false);
 export const GroupProvider = ({ children, withinGroup = true })=>{
-    return /*#__PURE__*/ _jsx(GroupContext, {
+    return /*#__PURE__*/ _jsxDEV(GroupContext, {
         value: withinGroup,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/fields/Group/provider.tsx",
+        lineNumber: 10,
+        columnNumber: 10
+    }, this);
 };
 export const useGroup = ()=>use(GroupContext);
 

package/dist/fields/Group/provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <GroupContext value={withinGroup}>{children}</GroupContext>\n}\n\nexport const useGroup = (): boolean => use(GroupContext)\n"],"names":["React","createContext","use","GroupContext","GroupProvider","children","withinGroup","value","useGroup"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,OAAO,MAAMC,6BAAeF,cAAc,OAAM;AAEhD,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,qBAAO,KAACH;QAAaI,OAAOD;kBAAcD;;AAC5C,EAAC;AAED,OAAO,MAAMG,WAAW,IAAeN,IAAIC,cAAa"}
+{"version":3,"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <GroupContext value={withinGroup}>{children}</GroupContext>\n}\n\nexport const useGroup = (): boolean => use(GroupContext)\n"],"names":["React","createContext","use","GroupContext","GroupProvider","children","withinGroup","value","useGroup"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,OAAO,MAAMC,6BAAeF,cAAc,OAAM;AAEhD,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,qBAAO,QAACH;QAAaI,OAAOD;kBAAcD;;;;;;AAC5C,EAAC;AAED,OAAO,MAAMG,WAAW,IAAeN,IAAIC,cAAa"}

package/dist/fields/Hidden/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useEffect } from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
@@ -22,13 +22,17 @@ import { withCondition } from '../../forms/withCondition/index.js';
         disableModifyingForm,
         formInitializing
     ]);
-    return /*#__PURE__*/ _jsx("input", {
+    return /*#__PURE__*/ _jsxDEV("input", {
         id: `field-${path?.replace(/\./g, '__')}`,
         name: path,
         onChange: setValue,
         type: "hidden",
         value: value || ''
-    });
+    }, void 0, false, {
+        fileName: "src/fields/Hidden/index.tsx",
+        lineNumber: 29,
+        columnNumber: 5
+    }, this);
 };
 export const HiddenField = withCondition(HiddenFieldComponent);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Hidden/index.tsx"],"sourcesContent":["'use client'\n\nimport type { HiddenFieldProps } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\n/**\n * Renders an input with `type=\"hidden\"`.\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenFieldComponent: React.FC<HiddenFieldProps> = (props) => {\n  const { disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props\n\n  const { formInitializing, path, setValue, value } = useField({\n    potentiallyStalePath: pathFromProps,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined && !formInitializing) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm, formInitializing])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenField = withCondition(HiddenFieldComponent)\n"],"names":["React","useEffect","useField","withCondition","HiddenFieldComponent","props","disableModifyingForm","path","pathFromProps","value","valueFromProps","formInitializing","setValue","potentiallyStalePath","undefined","input","id","replace","name","onChange","type","HiddenField"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAElE;;;;CAIC,GACD,MAAMC,uBAAmD,CAACC;IACxD,MAAM,EAAEC,uBAAuB,IAAI,EAAEC,MAAMC,aAAa,EAAEC,OAAOC,cAAc,EAAE,GAAGL;IAEpF,MAAM,EAAEM,gBAAgB,EAAEJ,IAAI,EAAEK,QAAQ,EAAEH,KAAK,EAAE,GAAGP,SAAS;QAC3DW,sBAAsBL;IACxB;IAEAP,UAAU;QACR,IAAIS,mBAAmBI,aAAa,CAACH,kBAAkB;YACrDC,SAASF,gBAAgBJ;QAC3B;IACF,GAAG;QAACI;QAAgBE;QAAUN;QAAsBK;KAAiB;IAErE,qBACE,KAACI;QACCC,IAAI,CAAC,MAAM,EAAET,MAAMU,QAAQ,OAAO,OAAO;QACzCC,MAAMX;QACNY,UAAUP;QACVQ,MAAK;QACLX,OAAO,AAACA,SAAoB;;AAGlC;AAEA,OAAO,MAAMY,cAAclB,cAAcC,sBAAqB"}
+{"version":3,"sources":["../../../src/fields/Hidden/index.tsx"],"sourcesContent":["'use client'\n\nimport type { HiddenFieldProps } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\n/**\n * Renders an input with `type=\"hidden\"`.\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenFieldComponent: React.FC<HiddenFieldProps> = (props) => {\n  const { disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props\n\n  const { formInitializing, path, setValue, value } = useField({\n    potentiallyStalePath: pathFromProps,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined && !formInitializing) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm, formInitializing])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenField = withCondition(HiddenFieldComponent)\n"],"names":["React","useEffect","useField","withCondition","HiddenFieldComponent","props","disableModifyingForm","path","pathFromProps","value","valueFromProps","formInitializing","setValue","potentiallyStalePath","undefined","input","id","replace","name","onChange","type","HiddenField"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAElE;;;;CAIC,GACD,MAAMC,uBAAmD,CAACC;IACxD,MAAM,EAAEC,uBAAuB,IAAI,EAAEC,MAAMC,aAAa,EAAEC,OAAOC,cAAc,EAAE,GAAGL;IAEpF,MAAM,EAAEM,gBAAgB,EAAEJ,IAAI,EAAEK,QAAQ,EAAEH,KAAK,EAAE,GAAGP,SAAS;QAC3DW,sBAAsBL;IACxB;IAEAP,UAAU;QACR,IAAIS,mBAAmBI,aAAa,CAACH,kBAAkB;YACrDC,SAASF,gBAAgBJ;QAC3B;IACF,GAAG;QAACI;QAAgBE;QAAUN;QAAsBK;KAAiB;IAErE,qBACE,QAACI;QACCC,IAAI,CAAC,MAAM,EAAET,MAAMU,QAAQ,OAAO,OAAO;QACzCC,MAAMX;QACNY,UAAUP;QACVQ,MAAK;QACLX,OAAO,AAACA,SAAoB;;;;;;AAGlC;AAEA,OAAO,MAAMY,cAAclB,cAAcC,sBAAqB"}

package/dist/fields/JSON/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 import { defaultOptions } from '../../elements/CodeEditor/constants.js';
@@ -107,7 +107,7 @@ const JSONFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             baseClass,
@@ -117,28 +117,44 @@ const JSONFieldComponent = (props)=>{
         ].filter(Boolean).join(' '),
         style: styles,
         children: [
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Label,
-                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                     label: label,
                     localized: localized,
                     path: path,
                     required: required
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/fields/JSON/index.tsx",
+                    lineNumber: 158,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/JSON/index.tsx",
+                lineNumber: 155,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${fieldBaseClass}__wrap`,
                 children: [
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Error,
-                        Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
                             message: jsonError,
                             path: path,
                             showError: showError
-                        })
-                    }),
+                        }, void 0, false, {
+                            fileName: "src/fields/JSON/index.tsx",
+                            lineNumber: 164,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/JSON/index.tsx",
+                        lineNumber: 162,
+                        columnNumber: 9
+                    }, this),
                     BeforeInput,
-                    /*#__PURE__*/ _jsx(CodeEditor, {
+                    /*#__PURE__*/ _jsxDEV(CodeEditor, {
                         defaultLanguage: "json",
                         maxHeight: maxHeight,
                         onChange: handleChange,
@@ -150,19 +166,39 @@ const JSONFieldComponent = (props)=>{
                         wrapperProps: {
                             id: `field-${path?.replace(/\./g, '__')}`
                         }
-                    }),
+                    }, void 0, false, {
+                        fileName: "src/fields/JSON/index.tsx",
+                        lineNumber: 167,
+                        columnNumber: 9
+                    }, this),
                     AfterInput
                 ]
-            }),
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            }, void 0, true, {
+                fileName: "src/fields/JSON/index.tsx",
+                lineNumber: 161,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Description,
-                Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                     description: description,
                     path: path
-                })
-            })
+                }, void 0, false, {
+                    fileName: "src/fields/JSON/index.tsx",
+                    lineNumber: 184,
+                    columnNumber: 19
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/JSON/index.tsx",
+                lineNumber: 182,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/JSON/index.tsx",
+        lineNumber: 143,
+        columnNumber: 5
+    }, this);
 };
 export const JSONField = withCondition(JSONFieldComponent);