@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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","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,SAAgBC,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,QACG4B,IACCzB,WAAW;QACTN;QACA;QACAM;QACAsB,aAAa;QACZd,CAAAA,YAAYY,QAAO,KAAM;KAC3B,CACEM,MAAM,CAACC,SACPC,IAAI,CAAC,MACRC,OAAOL,QACR;MACC,CAACtC,sBACC4C,iBAAiBX,OACjBY,WACGvC,WAAWW,OAAOA,OAAOC,WAAWA,WAAWE,MAAMA,MAAMD,UAAUA,cAExE;MACF,CAACoB,IAAIzB,WAAW,GAAGN,eAAe,MAAM,CAAC,EAAE;QACzC,CAACR,sBACC4C,iBAAiBZ,OACjBa,WAAW3C,WAAWkB,MAAMA,MAAMgB,WAAWA,eAC7C;QACF,CAACN,YAAY;QACb,EAAwD;QACxD,EAAsE;QACtE,CAACgB,MACCjC,cAAcA,cACdqB,UAAUZ,YAAYY,UACtBa,IAAI,CAAC,MAAM,EAAE3B,KAAK4B,OAAO,CAAC,OAAO,OAAO,EACxCC,MAAM7B,MACN8B,UAAUf,UACVnB,aAAanB,eAAemB,aAAaQ,OACzCL,UAAUA,UACVgC,KAAK,QACLzB,OAAO,AAACA,SAAoB,KAC5B;QACF,CAACG,WAAW;MACd,EAAEU,IAAI;MACN,CAACvC,sBACC4C,iBAAiBb,aACjBc,WAAW5C,iBAAiBc,aAAaA,aAAaK,MAAMA,UAC5D;IACJ,EAAEmB;AAEN;AAEA,OAAO,MAAMa,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,7 @@
 'use client';
+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';
 import './index.scss';
 const baseClass = 'field-description';
@@ -7,14 +9,19 @@ export const FieldDescription = (props)=>{
     const { className, description, marginPlacement, path } = props;
     const { i18n } = useTranslation();
     if (description) {
-        return <div className={[
-            baseClass,
-            className,
-            `field-description-${path?.replace(/\./g, '__')}`,
-            marginPlacement && `${baseClass}--margin-${marginPlacement}`
-        ].filter(Boolean).join(' ')}>
-        {getTranslation(description, i18n)}
-      </div>;
+        return /*#__PURE__*/ _jsxDEV("div", {
+            className: [
+                baseClass,
+                className,
+                `field-description-${path?.replace(/\./g, '__')}`,
+                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","useTranslation","baseClass","FieldDescription","props","className","description","marginPlacement","path","i18n","div","replace","filter","Boolean","join"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAGzD,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,QACGI,IACCL,WAAW;YACTH;YACAG;YACA,CAAC,kBAAkB,EAAEG,MAAMG,QAAQ,OAAO,OAAO;YACjDJ,mBAAmB,GAAGL,UAAU,SAAS,EAAEK,iBAAiB;SAC7D,CACEK,MAAM,CAACC,SACPC,IAAI,CAAC,MACT;QACC,CAACd,eAAeM,aAAaG,MAAM;MACrC,EAAEC;IAEN;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,4 +1,6 @@
 'use client';
+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';
 import './index.scss';
@@ -11,9 +13,17 @@ export const FieldError = (props)=>{
     const message = messageFromProps || errorMessage;
     const showMessage = showErrorFromProps || hasSubmitted && valid === false;
     if (showMessage && message?.length) {
-        return <Tooltip alignCaret={alignCaret} className={baseClass} delay={0} staticPositioning>
-        {message}
-      </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":["Tooltip","useFormFields","useFormSubmitted","baseClass","FieldError","props","alignCaret","message","messageFromProps","path","showError","showErrorFromProps","hasSubmitted","field","fields","errorMessage","valid","showMessage","length","className","delay","staticPositioning"],"mappings":"AAAA;AAMA,SAASA,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,QACGlB,QAAQM,YAAYA,YAAYa,WAAWhB,WAAWiB,OAAO,GAAGC,kBAAkB;QACjF,CAACd,QAAQ;MACX,EAAEP;IAEN;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,7 @@
 'use client';
+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';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
@@ -15,13 +17,36 @@ export const FieldLabel = (props)=>{
     const { code, label: localLabel } = useLocale();
     const Element = ElementFromProps === 'label' ? htmlFor ? 'label' : 'span' : ElementFromProps || 'span';
     if (label) {
-        return <Element className={`field-label${unstyled ? ' unstyled' : ''}`} htmlFor={htmlFor}>
-        {getTranslation(label, i18n)}
-        {required && !unstyled && <span className="required">*</span>}
-        {localized && !hideLocale && <span className="localized">
-            &mdash; {typeof localLabel === 'string' ? localLabel : code}
-          </span>}
-      </Element>;
+        return /*#__PURE__*/ _jsxDEV(Element, {
+            className: `field-label${unstyled ? ' unstyled' : ''}`,
+            htmlFor: htmlFor,
+            children: [
+                getTranslation(label, i18n),
+                required && !unstyled && /*#__PURE__*/ _jsxDEV("span", {
+                    className: "required",
+                    children: "*"
+                }, 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","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;AAGzD,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,QACGU,QAAQC,WAAW,CAAC,WAAW,EAAEP,WAAW,cAAc,IAAI,EAAEN,SAASA,SAAS;QACjF,CAACX,eAAea,OAAOO,MAAM;QAC7B,CAACJ,YAAY,CAACC,aAAaQ,KAAKD,UAAU,WAAW,CAAC,EAAEC,MAAM;QAC9D,CAACX,aAAa,CAACJ,eACZe,KAAKD,UAAU,YAAY;oBAClB,CAAC,OAAOF,eAAe,WAAWA,aAAaD,KAAK;UAC9D,EAAEI,MACF;MACJ,EAAEF;IAEN;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,7 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { groupHasName } from 'payload/shared';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { useCollapsible } from '../../elements/Collapsible/provider.js';
 import { ErrorPill } from '../../elements/ErrorPill/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -37,36 +38,136 @@ export const GroupFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return <div className={[
-        fieldBaseClass,
-        baseClass,
-        isTopLevel && `${baseClass}--top-level`,
-        isWithinCollapsible && `${baseClass}--within-collapsible`,
-        isWithinGroup && `${baseClass}--within-group`,
-        isWithinRow && `${baseClass}--within-row`,
-        isWithinTab && `${baseClass}--within-tab`,
-        !hideGutter && isWithinGroup && `${baseClass}--gutter`,
-        fieldHasErrors && `${baseClass}--has-error`,
-        className
-    ].filter(Boolean).join(' ')} id={`field-${path?.replace(/\./g, '__')}`} style={styles}>
-      <GroupProvider>
-        <div className={`${baseClass}__wrap`}>
-          {Boolean(Label || Description || label || fieldHasErrors) && <div className={`${baseClass}__header`}>
-              {Boolean(Label || Description || label) && <header>
-                  <RenderCustomComponent CustomComponent={Label} Fallback={<h3 className={`${baseClass}__title`}>
-                        <FieldLabel as="span" label={getTranslation(label, i18n)} localized={false} path={path} required={false}/>
-                      </h3>}/>
-                  <RenderCustomComponent CustomComponent={Description} Fallback={<FieldDescription description={description} path={path}/>}/>
-                </header>}
-              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage/>}
-            </div>}
-          {BeforeInput}
-          {}
-          {groupHasName(field) ? <RenderFields fields={fields} margins="small" parentIndexPath="" parentPath={path} parentSchemaPath={schemaPath} permissions={permissions === true ? permissions : permissions?.fields} readOnly={readOnly}/> : <RenderFields fields={fields} margins="small" parentIndexPath={indexPath} parentPath={parentPath} parentSchemaPath={parentSchemaPath} permissions={permissions} readOnly={readOnly}/>}
-        </div>
-      </GroupProvider>
-      {AfterInput}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            fieldBaseClass,
+            baseClass,
+            isTopLevel && `${baseClass}--top-level`,
+            isWithinCollapsible && `${baseClass}--within-collapsible`,
+            isWithinGroup && `${baseClass}--within-group`,
+            isWithinRow && `${baseClass}--within-row`,
+            isWithinTab && `${baseClass}--within-tab`,
+            !hideGutter && isWithinGroup && `${baseClass}--gutter`,
+            fieldHasErrors && `${baseClass}--has-error`,
+            className
+        ].filter(Boolean).join(' '),
+        id: `field-${path?.replace(/\./g, '__')}`,
+        style: styles,
+        children: [
+            /*#__PURE__*/ _jsxDEV(GroupProvider, {
+                children: /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__wrap`,
+                    children: [
+                        Boolean(Label || Description || label || fieldHasErrors) && /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__header`,
+                            children: [
+                                Boolean(Label || Description || label) && /*#__PURE__*/ _jsxDEV("header", {
+                                    children: [
+                                        /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                                            CustomComponent: Label,
+                                            Fallback: /*#__PURE__*/ _jsxDEV("h3", {
+                                                className: `${baseClass}__title`,
+                                                children: /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                                                    as: "span",
+                                                    label: getTranslation(label, i18n),
+                                                    localized: false,
+                                                    path: path,
+                                                    required: false
+                                                }, 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__*/ _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)
+                                    ]
+                                }, 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__*/ _jsxDEV(RenderFields, {
+                            fields: fields,
+                            margins: "small",
+                            parentIndexPath: "",
+                            parentPath: path,
+                            parentSchemaPath: schemaPath,
+                            permissions: permissions === true ? permissions : permissions?.fields,
+                            readOnly: readOnly
+                        }, void 0, false, {
+                            fileName: "src/fields/Group/index.tsx",
+                            lineNumber: 112,
+                            columnNumber: 13
+                        }, this) : /*#__PURE__*/ _jsxDEV(RenderFields, {
+                            fields: fields,
+                            margins: "small",
+                            parentIndexPath: indexPath,
+                            parentPath: parentPath,
+                            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","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,8 +1,16 @@
 'use client';
-import { createContext, use } from 'react';
-export const GroupContext = createContext(false);
+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 <GroupContext value={withinGroup}>{children}</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":["createContext","use","GroupContext","GroupProvider","children","withinGroup","value","useGroup"],"mappings":"AAAA;AACA,SAAgBA,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,OAAO,MAAMC,eAAeF,cAAc,OAAM;AAEhD,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,QAAQH,aAAaI,OAAOD,cAAcD,WAAWF;AACvD,EAAC;AAED,OAAO,MAAMK,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,6 @@
 'use client';
-import { useEffect } from 'react';
+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';
 /**
@@ -21,7 +22,17 @@ import { withCondition } from '../../forms/withCondition/index.js';
         disableModifyingForm,
         formInitializing
     ]);
-    return <input id={`field-${path?.replace(/\./g, '__')}`} name={path} onChange={setValue} type="hidden" value={value || ''}/>;
+    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":["useEffect","useField","withCondition","HiddenFieldComponent","props","disableModifyingForm","path","pathFromProps","value","valueFromProps","formInitializing","setValue","potentiallyStalePath","undefined","input","id","replace","name","onChange","type","HiddenField"],"mappings":"AAAA;AAIA,SAAgBA,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,QACGI,MACCC,IAAI,CAAC,MAAM,EAAET,MAAMU,QAAQ,OAAO,OAAO,EACzCC,MAAMX,MACNY,UAAUP,UACVQ,KAAK,SACLX,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"}