@payloadcms/ui 4.0.0-internal.9496957 → 4.0.0-internal.970009e

package/dist/fields/FieldDescription/index.js

@@ -8,7 +8,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'field-description';
 export const FieldDescription = props => {
-  const $ = _c(8);
+  const $ = _c(10);
   const {
     className,
     description,
@@ -19,33 +19,41 @@ export const FieldDescription = props => {
     i18n
   } = useTranslation();
   if (description) {
-    const t0 = `field-description-${path?.replace(/\./g, "__")}`;
-    const t1 = marginPlacement && `${baseClass}--margin-${marginPlacement}`;
-    let t2;
-    if ($[0] !== className || $[1] !== t0 || $[2] !== t1) {
-      t2 = [baseClass, className, t0, t1].filter(Boolean);
-      $[0] = className;
+    let t0;
+    if ($[0] !== path) {
+      t0 = path?.replace(/\./g, "__");
+      $[0] = path;
       $[1] = t0;
-      $[2] = t1;
-      $[3] = t2;
     } else {
-      t2 = $[3];
+      t0 = $[1];
     }
-    const t3 = t2.join(" ");
-    let t4;
-    if ($[4] !== description || $[5] !== i18n || $[6] !== t3) {
-      t4 = _jsx("div", {
-        className: t3,
+    const t1 = `field-description-${t0}`;
+    const t2 = marginPlacement && `${baseClass}--margin-${marginPlacement}`;
+    let t3;
+    if ($[2] !== className || $[3] !== t1 || $[4] !== t2) {
+      t3 = [baseClass, className, t1, t2].filter(Boolean);
+      $[2] = className;
+      $[3] = t1;
+      $[4] = t2;
+      $[5] = t3;
+    } else {
+      t3 = $[5];
+    }
+    const t4 = t3.join(" ");
+    let t5;
+    if ($[6] !== description || $[7] !== i18n || $[8] !== t4) {
+      t5 = _jsx("div", {
+        className: t4,
         children: getTranslation(description, i18n)
       });
-      $[4] = description;
-      $[5] = i18n;
-      $[6] = t3;
-      $[7] = t4;
+      $[6] = description;
+      $[7] = i18n;
+      $[8] = t4;
+      $[9] = t5;
     } else {
-      t4 = $[7];
+      t5 = $[9];
     }
-    return t4;
+    return t5;
   }
   return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","baseClass","FieldDescription","props","$","className","description","marginPlacement","path","i18n","t0","replace","t1","t2","filter","Boolean","t3","join","t4","_jsx","children"],"sources":["../../../src/fields/FieldDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { GenericDescriptionProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'field-description'\n\nexport const FieldDescription: React.FC<GenericDescriptionProps> = (props) => {\n  const { className, description, marginPlacement, path } = props\n\n  const { i18n } = useTranslation()\n\n  if (description) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          `field-description-${path?.replace(/\\./g, '__')}`,\n          marginPlacement && `${baseClass}--margin-${marginPlacement}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {getTranslation(description, i18n)}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAAsDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACjE;IAAAQ,SAAA;IAAAC,WAAA;IAAAC,eAAA;IAAAC;EAAA,IAA0DL,KAAA;EAE1D;IAAAM;EAAA,IAAiBT,cAAA;EAAA,IAEbM,WAAA;IAMI,MAAAI,EAAA,wBAAqBF,IAAA,EAAAG,OAAA,QAAqB,OAAO;IACjD,MAAAC,EAAA,GAAAL,eAAA,IAAmB,GAAAN,SAAA,YAAwBM,eAAA,EAAiB;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAQ,EAAA;MAJnDC,EAAA,IAAAZ,SAAA,EAETI,SAAA,EACAK,EAAiD,EACjDE,EAA4D,EAAAE,MAAA,CAAAC,OAEpD;MAAAX,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAM,EAAA;MAAAN,CAAA,MAAAQ,EAAA;MAAAR,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IANC,MAAAY,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAd,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAY,EAAA;MARVE,EAAA,GAAAC,IAAA,CAAC;QAAAd,SAAA,EACYW,EAOH;QAAAI,QAAA,EAEPtB,cAAA,CAAeQ,WAAA,EAAaG,IAAA;MAAA,C;;;;;;;;WAV/BS,E;;;CAgBN","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","baseClass","FieldDescription","props","$","className","description","marginPlacement","path","i18n","t0","replace","t1","t2","t3","filter","Boolean","t4","join","t5","_jsx","children"],"sources":["../../../src/fields/FieldDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { GenericDescriptionProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'field-description'\n\nexport const FieldDescription: React.FC<GenericDescriptionProps> = (props) => {\n  const { className, description, marginPlacement, path } = props\n\n  const { i18n } = useTranslation()\n\n  if (description) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          `field-description-${path?.replace(/\\./g, '__')}`,\n          marginPlacement && `${baseClass}--margin-${marginPlacement}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {getTranslation(description, i18n)}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAAsDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACjE;IAAAQ,SAAA;IAAAC,WAAA;IAAAC,eAAA;IAAAC;EAAA,IAA0DL,KAAA;EAE1D;IAAAM;EAAA,IAAiBT,cAAA;EAEjB,IAAIM,WAAA;IAAA,IAAAI,EAAA;IAAA,IAAAN,CAAA,QAAAI,IAAA;MAMyBE,EAAA,GAAAF,IAAA,EAAAG,OAAqB,CAAP,OAAO;MAAAP,CAAA,MAAAI,IAAA;MAAAJ,CAAA,MAAAM,EAAA;IAAA;MAAAA,EAAA,GAAAN,CAAA;IAAA;IAA1C,MAAAQ,EAAA,wBAAqBF,EAAqB,EAAO;IACjD,MAAAG,EAAA,GAAAN,eAA4D,IAA5D,GAAsBN,SAAA,YAAqBM,eAAA,EAAiB;IAAA,IAAAO,EAAA;IAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAS,EAAA;MAJnDC,EAAA,IACTb,SAAA,EACAI,SAAA,EACAO,EAAiD,EACjDC,EAA4D,CAC7D,CAAAE,MACQ,CAACC,OAAA;MAAAZ,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAQ,EAAA;MAAAR,CAAA,MAAAS,EAAA;MAAAT,CAAA,MAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IANC,MAAAa,EAAA,GAAAH,EAMD,CAAAI,IACH,CAAC;IAAA,IAAAC,EAAA;IAAA,IAAAf,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAa,EAAA;MARVE,EAAA,GAAAC,IAAA,CAAC;QAAAf,SAAA,EACYY,EAOH;QAAAI,QAAA,EAEPvB,cAAA,CAAeQ,WAAA,EAAaG,IAAA;;;;;;;;;WAV/BU,E;;EAaJ,OAEO;AAAA,CACT","ignoreList":[]}

package/dist/fields/FieldError/index.css

@@ -1,6 +1,18 @@
 @layer payload-default {
   .field-error.tooltip {
+    --field-error-max-width: calc(100vw - var(--spacer-6) * 2);
+    --tooltip-max-width: var(--field-error-max-width);
+
+    display: block;
+    max-inline-size: min(var(--field-error-max-width), var(--tooltip-max-width));
+    white-space: normal;
+    overflow-wrap: anywhere;
     color: var(--field-color-error-text);
     background-color: var(--field-color-error-bg);
   }
+
+  .field-error.tooltip:focus-visible {
+    outline: var(--accessibility-outline);
+    outline-offset: var(--accessibility-outline-offset);
+  }
 }

package/dist/fields/FieldError/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldError/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiClD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldError/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoClD,CAAA"}

package/dist/fields/FieldError/index.js

@@ -51,7 +51,10 @@ export const FieldError = props => {
           className: baseClass,
           delay: 0,
           id: generateFieldID(path, editDepth, uuid, "field-error"),
-          staticPositioning: true,
+          portal: false,
+          position: "top",
+          role: "alert",
+          tabIndex: 0,
           children: message
         });
         break bb0;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Tooltip","useForm","useFormFields","useFormSubmitted","useEditDepth","generateFieldID","baseClass","FieldError","props","$","alignCaret","t0","message","messageFromProps","path","showError","showErrorFromProps","undefined","hasSubmitted","uuid","editDepth","t1","t2","fields","field","Symbol","for","errorMessage","valid","showMessage","length","_jsx","className","delay","id","staticPositioning","children"],"sources":["../../../src/fields/FieldError/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericErrorProps } from 'payload'\n\nimport React from 'react'\n\nimport { Tooltip } from '../../elements/Tooltip/index.js'\nimport { useForm, useFormFields, useFormSubmitted } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.css'\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 { uuid } = useForm()\n  const editDepth = useEditDepth()\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\n        alignCaret={alignCaret}\n        className={baseClass}\n        delay={0}\n        id={generateFieldID(path, editDepth, uuid, 'field-error')}\n        staticPositioning\n      >\n        {message}\n      </Tooltip>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,OAAO,EAAEC,aAAa,EAAEC,gBAAgB,QAAQ;AACzD,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACrD;IAAAY,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,IAAA;IAAAC,SAAA,EAAAC;EAAA,IAKIR,KAAA;EAJF,MAAAE,UAAA,GAAAC,EAAoB,KAAAM,SAAA,GAAP,OAAO,GAApBN,EAAoB;EAMtB,MAAAO,YAAA,GAAqBf,gBAAA;EACrB;IAAAgB;EAAA,IAAiBlB,OAAA;EACjB,MAAAmB,SAAA,GAAkBhB,YAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAZ,CAAA,QAAAK,IAAA;IACUO,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAAST,IAAA,CAAK,QAAK;IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAxE,MAAAe,KAAA,GAActB,aAAA,CAAcmB,EAA4C;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAe,KAAA,IAAAf,CAAA,QAAAS,YAAA,IAAAT,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAO,kBAAA,IAAAP,CAAA,QAAAU,IAAA;IASpEG,EAAA,GAAAG,MAAA,CAAAC,GAAA,8B;;MAPJ;QAAAC,YAAA;QAAAC;MAAA,IAAgCJ,KAAA,MAAU;MAE1C,MAAAZ,OAAA,GAAgBC,gBAAA,IAAoBc,YAAA;MACpC,MAAAE,WAAA,GAAoBb,kBAAA,IAAuBE,YAAA,IAAgBU,KAAA,UAAU;MAAA,IAEjEC,WAAA,IAAejB,OAAA,EAAAkB,MAAS;QAExBR,EAAA,GAAAS,IAAA,CAAA/B,OAAA;UAAAU,UAAA;UAAAsB,SAAA,EAAA1B,SAAA;UAAA2B,KAAA;UAAAC,EAAA,EAIM7B,eAAA,CAAgBS,IAAA,EAAMM,SAAA,EAAWD,IAAA,EAAM;UAAAgB,iBAAA;UAAAC,QAAA,EAG1CxB;QAAA,C;;;;;;;;;;;;;;;;;;;;CAMT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Tooltip","useForm","useFormFields","useFormSubmitted","useEditDepth","generateFieldID","baseClass","FieldError","props","$","alignCaret","t0","message","messageFromProps","path","showError","showErrorFromProps","undefined","hasSubmitted","uuid","editDepth","t1","t2","fields","field","Symbol","errorMessage","valid","showMessage","length","_jsx","className","delay","id","portal","position","role","tabIndex","children","bb0","for"],"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 { useForm, useFormFields, useFormSubmitted } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.css'\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 { uuid } = useForm()\n  const editDepth = useEditDepth()\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\n        alignCaret={alignCaret}\n        className={baseClass}\n        delay={0}\n        id={generateFieldID(path, editDepth, uuid, 'field-error')}\n        portal={false}\n        position=\"top\"\n        role=\"alert\"\n        tabIndex={0}\n      >\n        {message}\n      </Tooltip>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,OAAO,EAAEC,aAAa,EAAEC,gBAAgB,QAAQ;AACzD,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACrD;IAAAY,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,IAAA;IAAAC,SAAA,EAAAC;EAAA,IAKIR,KAAA;EAJF,MAAAE,UAAA,GAAAC,EAAoB,KAApBM,SAAoB,GAApB,OAAoB,GAApBN,EAAoB;EAMtB,MAAAO,YAAA,GAAqBf,gBAAA;EACrB;IAAAgB;EAAA,IAAiBlB,OAAA;EACjB,MAAAmB,SAAA,GAAkBhB,YAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAZ,CAAA,QAAAK,IAAA;IACUO,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAyB,IAAdA,MAAA,GAAST,IAAA,CAAU,IAA9B,IAA8B;IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAxE,MAAAe,KAAA,GAActB,aAAA,CAAcmB,EAA4C;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAe,KAAA,IAAAf,CAAA,QAAAS,YAAA,IAAAT,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAO,kBAAA,IAAAP,CAAA,QAAAU,IAAA;IASpEG,EAAA,GAAAG,M,KAAA,6B;;MAPJ;QAAAC,YAAA;QAAAC;MAAA,IAAgCH,KAAU,IAAV,CAAU;MAE1C,MAAAZ,OAAA,GAAgBC,gBAAoB,IAApBa,YAAoB;MACpC,MAAAE,WAAA,GAAoBZ,kBAAiD,IAA1BE,YAA0B,IAAVS,KAAA,KAAU;MAErE,IAAIC,WAAwB,IAAThB,OAAA,EAAAiB,MAAS;QAExBP,EAAA,GAAAQ,IAAA,CAAC9B,OAAA;UAAAU,UAAA;UAAAqB,SAAA,EAEYzB,SAAA;UAAA0B,KAAA,EACJ;UAAAC,EAAA,EACH5B,eAAA,CAAgBS,IAAA,EAAMM,SAAA,EAAWD,IAAA,EAAM;UAAAe,MAAA,EACnC;UAAAC,QAAA,EACC;UAAAC,IAAA,EACJ;UAAAC,QAAA,EACK;UAAAC,QAAA,EAET1B;;QAVH,MAAA2B,GAAA;;IAaJ;IAAA9B,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAW,SAAA;IAAAX,CAAA,MAAAe,KAAA;IAAAf,CAAA,MAAAS,YAAA;IAAAT,CAAA,MAAAI,gBAAA;IAAAJ,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAO,kBAAA;IAAAP,CAAA,MAAAU,IAAA;IAAAV,CAAA,OAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAA,IAAAa,EAAA,KAAAG,MAAA,CAAAe,GAAA;IAAA,OAAAlB,EAAA;EAAA;EAAA,OAEO;AAAA,CACT","ignoreList":[]}

package/dist/fields/FieldLabel/index.css

@@ -3,16 +3,17 @@
     --field-label-letter-spacing: -0.032px;
   }
 
-  label.field-label {
+  label.field-label,
+  .field-label--with-control {
     display: flex;
     align-items: center;
   }
 
-  label.field-label:not(.unstyled) {
+  label.field-label:not(.unstyled),
+  .field-label--with-control:not(.unstyled) {
     display: flex;
     color: var(--field-color-label);
-    font-family: var(--text-body-medium-strong-font-family);
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     letter-spacing: var(--field-label-letter-spacing);
 
     html:not([dir='RTL']) & {

package/dist/fields/FieldLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwClD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoDlD,CAAA"}

package/dist/fields/FieldLabel/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
@@ -10,21 +11,25 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { generateFieldID } from '../../utilities/generateFieldID.js';
 import './index.css';
 export const FieldLabel = props => {
+  const $ = _c(3);
   const {
     as: t0,
-    hideLocale: t1,
+    hasRequiredAccessibleState: t1,
+    hideLocale: t2,
     htmlFor: htmlForFromProps,
     label,
-    localized: t2,
+    localized: t3,
+    onClick,
     path,
-    required: t3,
-    unstyled: t4
+    required: t4,
+    unstyled: t5
   } = props;
   const ElementFromProps = t0 === undefined ? "label" : t0;
-  const hideLocale = t1 === undefined ? false : t1;
-  const localized = t2 === undefined ? false : t2;
-  const required = t3 === undefined ? false : t3;
-  const unstyled = t4 === undefined ? false : t4;
+  const hasRequiredAccessibleState = t1 === undefined ? false : t1;
+  const hideLocale = t2 === undefined ? false : t2;
+  const localized = t3 === undefined ? false : t3;
+  const required = t4 === undefined ? false : t4;
+  const unstyled = t5 === undefined ? false : t5;
   const {
     uuid
   } = useForm();
@@ -38,10 +43,23 @@ export const FieldLabel = props => {
   const localLabel = locale?.label;
   const Element = ElementFromProps === "label" ? htmlFor ? "label" : "span" : ElementFromProps || "span";
   if (label) {
+    const t6 = unstyled && "unstyled";
+    const t7 = onClick && "field-label--with-control";
+    let t8;
+    if ($[0] !== t6 || $[1] !== t7) {
+      t8 = ["field-label", t6, t7].filter(Boolean);
+      $[0] = t6;
+      $[1] = t7;
+      $[2] = t8;
+    } else {
+      t8 = $[2];
+    }
     return _jsxs(Element, {
-      className: `field-label${unstyled ? " unstyled" : ""}`,
-      htmlFor,
+      className: t8.join(" "),
+      htmlFor: Element === "label" ? htmlFor : undefined,
+      onClick,
       children: [getTranslation(label, i18n), required && !unstyled && _jsx("span", {
+        "aria-hidden": hasRequiredAccessibleState || undefined,
         className: "required",
         children: "*"
       }), localized && !hideLocale && locale && _jsxs("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useForm","useEditDepth","useLocale","useTranslation","generateFieldID","FieldLabel","props","as","t0","hideLocale","t1","htmlFor","htmlForFromProps","label","localized","t2","path","required","t3","unstyled","t4","ElementFromProps","undefined","uuid","editDepth","i18n","locale","code","localLabel","Element","_jsxs","className","children","_jsx"],"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericLabelProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.css'\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 locale = useLocale()\n  const code = locale?.code\n  const localLabel = locale?.label\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 && locale && (\n          <span className=\"localized\">\n            &mdash; {typeof localLabel === 'string' ? localLabel : code}\n          </span>\n        )}\n      </Element>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EACrD;IAAAC,EAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,KAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,IAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IASId,KAAA;EARE,MAAAe,gBAAA,GAAAb,EAA0B,KAAAc,SAAA,GAAP,OAAO,GAA1Bd,EAA0B;EAC9B,MAAAC,UAAA,GAAAC,EAAkB,KAAAY,SAAA,WAAlBZ,EAAkB;EAGlB,MAAAI,SAAA,GAAAC,EAAiB,KAAAO,SAAA,WAAjBP,EAAiB;EAEjB,MAAAE,QAAA,GAAAC,EAAgB,KAAAI,SAAA,WAAhBJ,EAAgB;EAChB,MAAAC,QAAA,GAAAC,EAAgB,KAAAE,SAAA,WAAhBF,EAAgB;EAGlB;IAAAG;EAAA,IAAiBvB,OAAA;EACjB,MAAAwB,SAAA,GAAkBvB,YAAA;EAElB,MAAAU,OAAA,GAAgBC,gBAAA,IAAoBR,eAAA,CAAgBY,IAAA,EAAMQ,SAAA,EAAWD,IAAA;EAErE;IAAAE;EAAA,IAAiBtB,cAAA;EACjB,MAAAuB,MAAA,GAAexB,SAAA;EACf,MAAAyB,IAAA,GAAaD,MAAA,EAAAC,IAAA;EACb,MAAAC,UAAA,GAAmBF,MAAA,EAAAb,KAAA;EAEnB,MAAAgB,OAAA,GACER,gBAAA,KAAqB,UAAWV,OAAA,GAAU,UAAU,SAAUU,gBAAA,IAAoB;EAAA,IAEhFR,KAAA;IAAA,OAEAiB,KAAA,CAACD,OAAA;MAAAE,SAAA,EAAmB,cAAcZ,QAAA,GAAW,cAAc,IAAI;MAAAR,OAAA;MAAAqB,QAAA,GAC5DlC,cAAA,CAAee,KAAA,EAAOY,IAAA,GACtBR,QAAA,KAAaE,QAAA,IAAYc,IAAA,CAAC;QAAAF,SAAA,EAAe;QAAAC,QAAA,EAAW;MAAA,C,GACpDlB,SAAA,KAAcL,UAAA,IAAciB,MAAA,IAC3BI,KAAA,CAAC;QAAAC,SAAA,EAAe;QAAAC,QAAA,GAAY,WACjB,OAAOJ,UAAA,KAAe,WAAWA,UAAA,GAAaD,IAAA;MAAA,C;;;;CAQnE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useForm","useEditDepth","useLocale","useTranslation","generateFieldID","FieldLabel","props","$","as","t0","hasRequiredAccessibleState","t1","hideLocale","t2","htmlFor","htmlForFromProps","label","localized","t3","onClick","path","required","t4","unstyled","t5","ElementFromProps","undefined","uuid","editDepth","i18n","locale","code","localLabel","Element","t6","t7","t8","filter","Boolean","_jsxs","className","join","children","_jsx"],"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericLabelProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.css'\n\nexport const FieldLabel: React.FC<GenericLabelProps> = (props) => {\n  const {\n    as: ElementFromProps = 'label',\n    hasRequiredAccessibleState = false,\n    hideLocale = false,\n    htmlFor: htmlForFromProps,\n    label,\n    localized = false,\n    onClick,\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 locale = useLocale()\n  const code = locale?.code\n  const localLabel = locale?.label\n\n  const Element =\n    ElementFromProps === 'label' ? (htmlFor ? 'label' : 'span') : ElementFromProps || 'span'\n\n  if (label) {\n    return (\n      <Element\n        className={['field-label', unstyled && 'unstyled', onClick && 'field-label--with-control']\n          .filter(Boolean)\n          .join(' ')}\n        htmlFor={Element === 'label' ? htmlFor : undefined}\n        onClick={onClick}\n      >\n        {getTranslation(label, i18n)}\n        {required && !unstyled && (\n          <span aria-hidden={hasRequiredAccessibleState || undefined} className=\"required\">\n            *\n          </span>\n        )}\n        {localized && !hideLocale && locale && (\n          <span className=\"localized\">\n            &mdash; {typeof localLabel === 'string' ? localLabel : code}\n          </span>\n        )}\n      </Element>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Group/index.css

@@ -7,9 +7,8 @@
     &::before {
       content: '';
       position: absolute;
-      top: calc(var(--gutter-h) * -1);
-      left: calc(var(--gutter-h) * -1);
-      right: calc(var(--gutter-h) * -1);
+      top: calc(var(--spacing-field) * -1.5);
+      inset-inline: calc(var(--gutter-h) * -1 * var(--field-border-bleed, 1));
       height: 0;
       border-top: var(--stroke-width-small) solid var(--color-border);
     }
@@ -30,8 +29,7 @@
       content: '';
       position: absolute;
       top: calc(var(--spacer-5) / 2);
-      left: calc(var(--spacer-3) * -1);
-      right: calc(var(--spacer-3) * -1);
+      inset-inline: calc(var(--spacer-3) * -1 * var(--field-border-bleed, 1));
       height: 0;
       border-top: var(--stroke-width-small) solid var(--color-border);
     }
@@ -84,10 +82,10 @@
   }
 
   .group-field__header {
-    margin-bottom: var(--spacer-2-5);
+    margin-bottom: var(--spacer-4);
     display: flex;
     flex-direction: column;
-    gap: var(--spacer-1);
+    gap: var(--spacer-2);
   }
 
   .group-field__title-row {
@@ -98,7 +96,6 @@
 
   .group-field__title {
     margin-bottom: 0;
-    font-family: var(--text-heading-medium-font-family);
     font-size: var(--text-heading-medium-font-size);
     font-weight: var(--text-heading-medium-font-weight);
     line-height: var(--text-heading-medium-line-height);
@@ -123,6 +120,7 @@
     padding-top: 0;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .group-field--top-level {
       &::before {

package/dist/fields/Group/index.d.ts

@@ -1,10 +1,8 @@
-import type { GroupFieldClientComponent } from 'payload';
+import type { GroupFieldClientProps } from 'payload';
 import React from 'react';
 import './index.css';
 import { GroupProvider, useGroup } from './provider.js';
-export declare const GroupFieldComponent: GroupFieldClientComponent;
+export declare const GroupFieldComponent: React.FC<GroupFieldClientProps>;
 export { GroupProvider, useGroup };
-export declare const GroupField: React.FC<import("payload").FieldPaths & {
-    readonly field: (Omit<import("payload").NamedGroupFieldClient, "type"> & Partial<Pick<import("payload").NamedGroupFieldClient, "type">>) | (Omit<import("payload").UnnamedGroupFieldClient, "type"> & Partial<Pick<import("payload").UnnamedGroupFieldClient, "type">>);
-} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
+export declare const GroupField: React.FC<GroupFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAatC,OAAO,aAAa,CAAA;AAIpB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,yBA2GjC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU;;+EAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAIpD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAatC,OAAO,aAAa,CAAA;AAIpB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2G/D,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU,iCAAqC,CAAA"}

package/dist/fields/Group/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { groupHasName } from 'payload/shared';
@@ -22,17 +23,10 @@ import { useTabs } from '../Tabs/provider.js';
 import { GroupProvider, useGroup } from './provider.js';
 const baseClass = 'group-field';
 export const GroupFieldComponent = props => {
+  const $ = _c(6);
   const {
     field,
-    field: {
-      admin: {
-        className,
-        description,
-        hideGutter
-      } = {},
-      fields,
-      label
-    },
+    field: t0,
     indexPath,
     parentPath,
     parentSchemaPath,
@@ -41,7 +35,17 @@ export const GroupFieldComponent = props => {
     readOnly,
     schemaPath: schemaPathFromProps
   } = props;
-  const schemaPath = schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path);
+  const {
+    admin: t1,
+    fields,
+    label
+  } = t0;
+  const {
+    className,
+    description,
+    hideGutter
+  } = t1 === undefined ? {} : t1;
+  const schemaPath = schemaPathFromProps ?? (field.type === "group" && groupHasName(field) ? field.name : path);
   const {
     i18n
   } = useTranslation();
@@ -51,71 +55,96 @@ export const GroupFieldComponent = props => {
   const isWithinGroup = useGroup();
   const isWithinRow = useRow();
   const isWithinTab = useTabs();
+  let t2;
+  if ($[0] !== path) {
+    t2 = {
+      path
+    };
+    $[0] = path;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
   const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Label
-    } = {},
+    customComponents: t3,
     errorPaths
-  } = useField({
-    path
-  });
+  } = useField(t2);
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Label
+  } = t3 === undefined ? {} : t3;
   const submitted = useFormSubmitted();
   const errorCount = errorPaths.length;
   const fieldHasErrors = submitted && errorCount > 0;
   const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsxs("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, '__')}`,
+  let t4;
+  if ($[2] !== field) {
+    t4 = mergeFieldStyles(field);
+    $[2] = field;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const styles = t4;
+  let t5;
+  if ($[4] !== path) {
+    t5 = path?.replace(/\./g, "__");
+    $[4] = path;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  return _jsxs("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-${t5}`,
     style: styles,
-    children: [/*#__PURE__*/_jsx(GroupProvider, {
-      children: /*#__PURE__*/_jsxs("div", {
+    children: [_jsx(GroupProvider, {
+      children: _jsxs("div", {
         className: `${baseClass}__wrap`,
-        children: [Boolean(Label || Description || label || fieldHasErrors) && /*#__PURE__*/_jsxs("div", {
+        children: [Boolean(Label || Description || label || fieldHasErrors) && _jsxs("div", {
           className: `${baseClass}__header`,
-          children: [/*#__PURE__*/_jsxs("div", {
+          children: [_jsxs("div", {
             className: `${baseClass}__title-row`,
-            children: [Boolean(Label || Description || label) && /*#__PURE__*/_jsx(RenderCustomComponent, {
+            children: [Boolean(Label || Description || label) && _jsx(RenderCustomComponent, {
               CustomComponent: Label,
-              Fallback: /*#__PURE__*/_jsx("h3", {
+              Fallback: _jsx("h3", {
                 className: `${baseClass}__title`,
-                children: /*#__PURE__*/_jsx(FieldLabel, {
+                children: _jsx(FieldLabel, {
                   as: "span",
                   label: getTranslation(label, i18n),
                   localized: false,
-                  path: path,
+                  path,
                   required: false
                 })
               })
-            }), fieldHasErrors && /*#__PURE__*/_jsx(ErrorPill, {
+            }), fieldHasErrors && _jsx(ErrorPill, {
               count: errorCount,
-              i18n: i18n,
+              i18n,
               withMessage: true
             })]
-          }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+          }), _jsx(RenderCustomComponent, {
             CustomComponent: Description,
-            Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-              description: description,
-              path: path
+            Fallback: _jsx(FieldDescription, {
+              description,
+              path
             })
           })]
-        }), BeforeInput, groupHasName(field) ? /*#__PURE__*/_jsx(RenderFields, {
-          fields: fields,
+        }), BeforeInput, groupHasName(field) ? _jsx(RenderFields, {
+          fields,
           parentIndexPath: "",
           parentPath: path,
           parentSchemaPath: schemaPath,
           permissions: permissions === true ? permissions : permissions?.fields,
-          readOnly: readOnly
-        }) : /*#__PURE__*/_jsx(RenderFields, {
-          fields: fields,
+          readOnly
+        }) : _jsx(RenderFields, {
+          fields,
           parentIndexPath: indexPath,
-          parentPath: parentPath,
-          parentSchemaPath: parentSchemaPath,
-          permissions: permissions,
-          readOnly: readOnly
+          parentPath,
+          parentSchemaPath,
+          permissions,
+          readOnly
         })]
       })
     }), AfterInput]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","_jsxs","filter","Boolean","join","id","replace","style","_jsx","CustomComponent","Fallback","as","localized","required","count","withMessage","parentIndexPath","GroupField"],"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.css'\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              <div className={`${baseClass}__title-row`}>\n                {Boolean(Label || Description || label) && (\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                )}\n                {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n              </div>\n              <RenderCustomComponent\n                CustomComponent={Description}\n                Fallback={<FieldDescription description={description} path={path} />}\n              />\n            </div>\n          )}\n          {BeforeInput}\n          {/* Render an unnamed group differently */}\n          {groupHasName(field) ? (\n            <RenderFields\n              fields={fields}\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              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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","groupHasName","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","$","field","t0","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","schemaPathFromProps","admin","t1","fields","label","className","description","hideGutter","undefined","type","name","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","t2","customComponents","t3","errorPaths","AfterInput","BeforeInput","Description","Label","submitted","errorCount","length","fieldHasErrors","isTopLevel","t4","styles","t5","replace","_jsxs","filter","Boolean","join","id","style","children","_jsx","CustomComponent","Fallback","as","localized","required","count","withMessage","parentIndexPath","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientProps } 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.css'\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: React.FC<GroupFieldClientProps> = (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              <div className={`${baseClass}__title-row`}>\n                {Boolean(Label || Description || label) && (\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                )}\n                {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n              </div>\n              <RenderCustomComponent\n                CustomComponent={Description}\n                Fallback={<FieldDescription description={description} path={path} />}\n              />\n            </div>\n          )}\n          {BeforeInput}\n          {/* Render an unnamed group differently */}\n          {groupHasName(field) ? (\n            <RenderFields\n              fields={fields}\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              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"],"mappings":"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","ignoreList":[]}