@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

package/dist/forms/RenderFields/index.scss

@@ -1,63 +1,65 @@
 @import '../../scss/styles.scss';
 
-// Positioned field-type__wrap is needed for correct positioning of field tooltips.
-// This is set outside of .render-fields, so that manually rendered fields (e.g. in Auth/index.tsx)
-// outside RenderFields also receive this styling.
-.field-type__wrap {
-  position: relative;
-}
-
-.render-fields {
-  --spacing-field: var(--base);
-
-  &--margins-small {
-    --spacing-field: var(--base);
-  }
-
-  &--margins-none {
-    --spacing-field: 0;
+@layer payload-default {
+  // Positioned field-type__wrap is needed for correct positioning of field tooltips.
+  // This is set outside of .render-fields, so that manually rendered fields (e.g. in Auth/index.tsx)
+  // outside RenderFields also receive this styling.
+  .field-type__wrap {
+    position: relative;
   }
 
-  & > .field-type {
-    margin-bottom: var(--spacing-field);
-    position: relative;
+  .render-fields {
+    --spacing-field: var(--base);
 
-    &[type='hidden'] {
-      margin-bottom: 0;
+    &--margins-small {
+      --spacing-field: var(--base);
     }
 
-    &:first-child {
-      margin-top: 0;
+    &--margins-none {
+      --spacing-field: 0;
     }
 
-    &:last-of-type {
-      margin-bottom: 0;
+    & > .field-type {
+      margin-bottom: var(--spacing-field);
+      position: relative;
+
+      &[type='hidden'] {
+        margin-bottom: 0;
+      }
+
+      &:first-child {
+        margin-top: 0;
+      }
+
+      &:last-of-type {
+        margin-bottom: 0;
+      }
     }
-  }
 
-  // at the top-level, add extra margins for the following field types
-  &:not(.render-fields--margins-small) {
-    & > .field-type {
-      &.group-field,
-      &.blocks-field,
-      &.array-field,
-      &.collapsible-field,
-      &.rich-text {
-        margin-top: calc(var(--spacing-field) * 2);
-        margin-bottom: calc(var(--spacing-field) * 2);
-
-        &:first-child {
-          margin-top: 0;
-        }
+    // at the top-level, add extra margins for the following field types
+    &:not(.render-fields--margins-small) {
+      & > .field-type {
+        &.group-field,
+        &.blocks-field,
+        &.array-field,
+        &.collapsible-field,
+        &.rich-text {
+          margin-top: calc(var(--spacing-field) * 2);
+          margin-bottom: calc(var(--spacing-field) * 2);
+
+          &:first-child {
+            margin-top: 0;
+          }
 
-        &:last-child {
-          margin-bottom: 0;
+          &:last-child {
+            margin-bottom: 0;
+          }
         }
       }
     }
-  }
 
-  @include small-break {
-    --spacing-field: calc(var(--base) / 2);
+    @include small-break {
+      --spacing-field: calc(var(--base) / 2);
+    }
   }
 }

package/dist/forms/RenderFields/types.d.ts

@@ -1,4 +1,4 @@
-import type { ClientField, FieldPermissions, Operation } from 'payload';
+import type { ClientField, FieldPermissions } from 'payload';
 export type Props = {
     readonly className?: string;
     readonly fields: ClientField[];
@@ -9,15 +9,14 @@ export type Props = {
      *
      * If a number is provided, will immediately render fields _up to that index_.
      */
-    readonly forceRender?: boolean | number;
-    readonly indexPath?: string;
+    readonly forceRender?: boolean;
     readonly margins?: 'small' | false;
-    readonly operation?: Operation;
-    readonly path: string;
-    readonly permissions?: {
+    readonly parentIndexPath: string;
+    readonly parentPath: string;
+    readonly parentSchemaPath: string;
+    readonly permissions: {
         [fieldName: string]: FieldPermissions;
-    };
-    readonly readOnly: boolean;
-    readonly schemaPath: string;
+    } | FieldPermissions | null;
+    readonly readOnly?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/forms/RenderFields/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEvE,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAA;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE;QACrB,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE5D,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,WAAW,EAChB;QACE,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,GACD,gBAAgB,GAChB,IAAI,CAAA;IACR,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA"}

package/dist/forms/RenderFields/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RenderFields/types.ts"],"sourcesContent":["import type { ClientField, FieldPermissions, Operation } from 'payload'\n\nexport type Props = {\n  readonly className?: string\n  readonly fields: ClientField[]\n  /**\n   * Controls the rendering behavior of the fields, i.e. defers rendering until they intersect with the viewport using the Intersection Observer API.\n   *\n   * If true, the fields will be rendered immediately, rather than waiting for them to intersect with the viewport.\n   *\n   * If a number is provided, will immediately render fields _up to that index_.\n   */\n  readonly forceRender?: boolean | number\n  readonly indexPath?: string\n  readonly margins?: 'small' | false\n  readonly operation?: Operation\n  readonly path: string\n  readonly permissions?: {\n    [fieldName: string]: FieldPermissions\n  }\n  readonly readOnly: boolean\n  readonly schemaPath: string\n}\n"],"mappings":"AAEA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RenderFields/types.ts"],"sourcesContent":["import type { ClientField, FieldPermissions } from 'payload'\n\nexport type Props = {\n  readonly className?: string\n  readonly fields: ClientField[]\n  /**\n   * Controls the rendering behavior of the fields, i.e. defers rendering until they intersect with the viewport using the Intersection Observer API.\n   *\n   * If true, the fields will be rendered immediately, rather than waiting for them to intersect with the viewport.\n   *\n   * If a number is provided, will immediately render fields _up to that index_.\n   */\n  readonly forceRender?: boolean\n  readonly margins?: 'small' | false\n  readonly parentIndexPath: string\n  readonly parentPath: string\n  readonly parentSchemaPath: string\n  readonly permissions:\n    | {\n        [fieldName: string]: FieldPermissions\n      }\n    | FieldPermissions\n    | null\n  readonly readOnly?: boolean\n}\n"],"mappings":"AAEA","ignoreList":[]}

package/dist/forms/RowLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,YAAY,EAAE,aAAa,EAAE,CAAA;AAO7B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6B5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,YAAY,EAAE,aAAa,EAAE,CAAA;AAI7B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoB5C,CAAA"}

package/dist/forms/RowLabel/index.js

@@ -1,39 +1,31 @@
 'use client';
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
-import { RowLabelProvider } from '../RowLabel/Context/index.js';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { RowLabelProvider } from './Context/index.js';
 const baseClass = 'row-label';
 export const RowLabel = props => {
   const {
-    RowLabel: RowLabelComponent,
     className,
-    i18n,
+    CustomComponent,
+    label,
     path,
-    rowLabel,
     rowNumber
   } = props;
-  if (RowLabelComponent) {
-    return /*#__PURE__*/_jsx(RowLabelProvider, {
-      path: path,
-      rowNumber: rowNumber,
-      children: /*#__PURE__*/_jsx(RenderComponent, {
-        clientProps: {
-          label: rowLabel
+  return /*#__PURE__*/_jsx(RowLabelProvider, {
+    path: path,
+    rowNumber: rowNumber,
+    children: /*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: CustomComponent,
+      Fallback: /*#__PURE__*/_jsx("span", {
+        className: [baseClass, className].filter(Boolean).join(' '),
+        style: {
+          pointerEvents: 'none'
         },
-        mappedComponent: RowLabelComponent
+        children: label
       })
-    });
-  }
-  const label = rowLabel ? typeof rowLabel === 'object' ? getTranslation(rowLabel, i18n) : typeof rowLabel === 'string' ? rowLabel : '' : '';
-  return /*#__PURE__*/_jsx("span", {
-    className: [baseClass, className].filter(Boolean).join(' '),
-    style: {
-      pointerEvents: 'none'
-    },
-    children: label
+    })
   });
 };
 //# sourceMappingURL=index.js.map

package/dist/forms/RowLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","RenderComponent","RowLabelProvider","baseClass","RowLabel","props","RowLabelComponent","className","i18n","path","rowLabel","rowNumber","_jsx","clientProps","label","mappedComponent","filter","Boolean","join","style","pointerEvents"],"sources":["../../../src/forms/RowLabel/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { RowLabelProps } from './types.js'\nexport type { RowLabelProps }\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { RowLabelProvider } from '../RowLabel/Context/index.js'\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<RowLabelProps> = (props) => {\n  const { RowLabel: RowLabelComponent, className, i18n, path, rowLabel, rowNumber } = props\n\n  if (RowLabelComponent) {\n    return (\n      <RowLabelProvider path={path} rowNumber={rowNumber}>\n        <RenderComponent clientProps={{ label: rowLabel }} mappedComponent={RowLabelComponent} />\n      </RowLabelProvider>\n    )\n  }\n\n  const label = rowLabel\n    ? typeof rowLabel === 'object'\n      ? getTranslation(rowLabel, i18n)\n      : typeof rowLabel === 'string'\n        ? rowLabel\n        : ''\n    : ''\n\n  return (\n    <span\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      style={{\n        pointerEvents: 'none',\n      }}\n    >\n      {label}\n    </span>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAKlB,SAASC,eAAe,QAAQ;AAChC,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAAqCC,KAAA;EAChD,MAAM;IAAED,QAAA,EAAUE,iBAAiB;IAAEC,SAAS;IAAEC,IAAI;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAS,CAAE,GAAGN,KAAA;EAEpF,IAAIC,iBAAA,EAAmB;IACrB,oBACEM,IAAA,CAACV,gBAAA;MAAiBO,IAAA,EAAMA,IAAA;MAAME,SAAA,EAAWA,SAAA;gBACvC,aAAAC,IAAA,CAACX,eAAA;QAAgBY,WAAA,EAAa;UAAEC,KAAA,EAAOJ;QAAS;QAAGK,eAAA,EAAiBT;;;EAG1E;EAEA,MAAMQ,KAAA,GAAQJ,QAAA,GACV,OAAOA,QAAA,KAAa,WAClBX,cAAA,CAAeW,QAAA,EAAUF,IAAA,IACzB,OAAOE,QAAA,KAAa,WAClBA,QAAA,GACA,KACJ;EAEJ,oBACEE,IAAA,CAAC;IACCL,SAAA,EAAW,CAACJ,SAAA,EAAWI,SAAA,CAAU,CAACS,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACvDC,KAAA,EAAO;MACLC,aAAA,EAAe;IACjB;cAECN;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","RenderCustomComponent","RowLabelProvider","baseClass","RowLabel","props","className","CustomComponent","label","path","rowNumber","_jsx","Fallback","filter","Boolean","join","style","pointerEvents"],"sources":["../../../src/forms/RowLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { RowLabelProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { RowLabelProvider } from './Context/index.js'\nexport type { RowLabelProps }\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<RowLabelProps> = (props) => {\n  const { className, CustomComponent, label, path, rowNumber } = props\n\n  return (\n    <RowLabelProvider path={path} rowNumber={rowNumber}>\n      <RenderCustomComponent\n        CustomComponent={CustomComponent}\n        Fallback={\n          <span\n            className={[baseClass, className].filter(Boolean).join(' ')}\n            style={{\n              pointerEvents: 'none',\n            }}\n          >\n            {label}\n          </span>\n        }\n      />\n    </RowLabelProvider>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAIlB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AAGjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAAqCC,KAAA;EAChD,MAAM;IAAEC,SAAS;IAAEC,eAAe;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAS,CAAE,GAAGL,KAAA;EAE/D,oBACEM,IAAA,CAACT,gBAAA;IAAiBO,IAAA,EAAMA,IAAA;IAAMC,SAAA,EAAWA,SAAA;cACvC,aAAAC,IAAA,CAACV,qBAAA;MACCM,eAAA,EAAiBA,eAAA;MACjBK,QAAA,eACED,IAAA,CAAC;QACCL,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACO,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;QACvDC,KAAA,EAAO;UACLC,aAAA,EAAe;QACjB;kBAECT;;;;AAMb","ignoreList":[]}

package/dist/forms/RowLabel/types.d.ts

@@ -1,11 +1,8 @@
-import type { I18nClient } from '@payloadcms/translations';
-import type { MappedComponent, StaticLabel } from 'payload';
 export type RowLabelProps = {
-    readonly RowLabel?: MappedComponent;
     readonly className?: string;
-    readonly i18n: I18nClient;
+    readonly CustomComponent?: React.ReactNode;
+    readonly label?: string;
     readonly path: string;
-    readonly rowLabel?: StaticLabel;
     readonly rowNumber?: number;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/forms/RowLabel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE3D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA"}

package/dist/forms/RowLabel/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RowLabel/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { MappedComponent, StaticLabel } from 'payload'\n\nexport type RowLabelProps = {\n  readonly RowLabel?: MappedComponent\n  readonly className?: string\n  readonly i18n: I18nClient\n  readonly path: string\n  readonly rowLabel?: StaticLabel\n  readonly rowNumber?: number\n}\n"],"mappings":"AAGA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RowLabel/types.ts"],"sourcesContent":["export type RowLabelProps = {\n  readonly className?: string\n  readonly CustomComponent?: React.ReactNode\n  readonly label?: string\n  readonly path: string\n  readonly rowNumber?: number\n}\n"],"mappings":"AAAA","ignoreList":[]}

package/dist/forms/Submit/index.js

@@ -1,6 +1,5 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { forwardRef } from 'react';
 import { Button } from '../../elements/Button/index.js';
@@ -8,43 +7,28 @@ import { useForm, useFormInitializing, useFormProcessing } from '../Form/context
 import './index.scss';
 const baseClass = 'form-submit';
 export const FormSubmit = /*#__PURE__*/forwardRef((props, ref) => {
-  const $ = _c(7);
   const {
-    type: t0,
+    type = 'submit',
     buttonId: id,
     children,
     disabled: disabledFromProps
   } = props;
-  const type = t0 === undefined ? "submit" : t0;
   const processing = useFormProcessing();
   const initializing = useFormInitializing();
   const {
     disabled
   } = useForm();
   const canSave = !(disabledFromProps || initializing || processing || disabled);
-  let t1;
-  if ($[0] !== canSave || $[1] !== ref || $[2] !== props || $[3] !== id || $[4] !== type || $[5] !== children) {
-    t1 = _jsx("div", {
-      className: baseClass,
-      children: _jsx(Button, {
-        ref,
-        ...props,
-        disabled: canSave ? undefined : true,
-        id,
-        type,
-        children
-      })
-    });
-    $[0] = canSave;
-    $[1] = ref;
-    $[2] = props;
-    $[3] = id;
-    $[4] = type;
-    $[5] = children;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  return t1;
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsx(Button, {
+      ref: ref,
+      ...props,
+      disabled: canSave ? undefined : true,
+      id: id,
+      type: type,
+      children: children
+    })
+  });
 });
 //# sourceMappingURL=index.js.map

package/dist/forms/Submit/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","forwardRef","Button","useForm","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","ref","$","type","t0","buttonId","id","children","disabled","disabledFromProps","undefined","processing","initializing","canSave","t1","_jsx","className"],"sources":["../../../src/forms/Submit/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef } from 'react'\n\nimport type { Props } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useForm, useFormInitializing, useFormProcessing } from '../Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'form-submit'\n\nexport const FormSubmit = forwardRef<HTMLButtonElement, Props>((props, ref) => {\n  const { type = 'submit', buttonId: id, children, disabled: disabledFromProps } = props\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { disabled } = useForm()\n\n  const canSave = !(disabledFromProps || initializing || processing || disabled)\n\n  return (\n    <div className={baseClass}>\n      <Button ref={ref} {...props} disabled={canSave ? undefined : true} id={id} type={type}>\n        {children}\n      </Button>\n    </div>\n  )\n})\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,UAAU,QAAQ;AAIlC,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,EAAEC,mBAAmB,EAAEC,iBAAiB,QAAQ;AAChE,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,gBAAaN,UAAA,CAAqC,CAAAO,KAAA,EAAAC,GAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAC7D;IAAAY,IAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,QAAA,EAAAC;EAAA,IAAiFT,KAAA;EAAzE,MAAAG,IAAA,GAAAC,EAAe,KAAAM,SAAA,GAAR,QAAQ,GAAfN,EAAe;EACvB,MAAAO,UAAA,GAAmBd,iBAAA;EACnB,MAAAe,YAAA,GAAqBhB,mBAAA;EACrB;IAAAY;EAAA,IAAqBb,OAAA;EAErB,MAAAkB,OAAA,KAAkBJ,iBAAA,IAAqBG,YAAA,IAAgBD,UAAA,IAAcH,QAAO;EAAA,IAAAM,EAAA;EAAA,IAAAZ,CAAA,QAAAW,OAAA,IAAAX,CAAA,QAAAD,GAAA,IAAAC,CAAA,QAAAF,KAAA,IAAAE,CAAA,QAAAI,EAAA,IAAAJ,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAK,QAAA;IAG1EO,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAlB,SAAA;MAAAS,QAAA,EACCQ,IAAA,CAAArB,MAAA;QAAAO,GAAA;QAAA,GAAsBD,KAAK;QAAAQ,QAAA,EAAYK,OAAA,GAAAH,SAAA,OAAsB;QAAAJ,EAAA;QAAAH,IAAA;QAAAI;MAAA,C;;;;;;;;;;;;SAD/DO,E;CAMJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","Button","useForm","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","ref","type","buttonId","id","children","disabled","disabledFromProps","processing","initializing","canSave","_jsx","className","undefined"],"sources":["../../../src/forms/Submit/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef } from 'react'\n\nimport type { Props } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useForm, useFormInitializing, useFormProcessing } from '../Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'form-submit'\n\nexport const FormSubmit = forwardRef<HTMLButtonElement, Props>((props, ref) => {\n  const { type = 'submit', buttonId: id, children, disabled: disabledFromProps } = props\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { disabled } = useForm()\n\n  const canSave = !(disabledFromProps || initializing || processing || disabled)\n\n  return (\n    <div className={baseClass}>\n      <Button ref={ref} {...props} disabled={canSave ? undefined : true} id={id} type={type}>\n        {children}\n      </Button>\n    </div>\n  )\n})\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,UAAU,QAAQ;AAIlC,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,EAAEC,mBAAmB,EAAEC,iBAAiB,QAAQ;AAChE,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,gBAAaN,UAAA,CAAqC,CAACO,KAAA,EAAOC,GAAA;EACrE,MAAM;IAAEC,IAAA,GAAO,QAAQ;IAAEC,QAAA,EAAUC,EAAE;IAAEC,QAAQ;IAAEC,QAAA,EAAUC;EAAiB,CAAE,GAAGP,KAAA;EACjF,MAAMQ,UAAA,GAAaX,iBAAA;EACnB,MAAMY,YAAA,GAAeb,mBAAA;EACrB,MAAM;IAAEU;EAAQ,CAAE,GAAGX,OAAA;EAErB,MAAMe,OAAA,GAAU,EAAEH,iBAAA,IAAqBE,YAAA,IAAgBD,UAAA,IAAcF,QAAO;EAE5E,oBACEK,IAAA,CAAC;IAAIC,SAAA,EAAWd,SAAA;cACd,aAAAa,IAAA,CAACjB,MAAA;MAAOO,GAAA,EAAKA,GAAA;MAAM,GAAGD,KAAK;MAAEM,QAAA,EAAUI,OAAA,GAAUG,SAAA,GAAY;MAAMT,EAAA,EAAIA,EAAA;MAAIF,IAAA,EAAMA,IAAA;gBAC9EG;;;AAIT","ignoreList":[]}

package/dist/forms/Submit/index.scss

@@ -1,5 +1,7 @@
-form > .form-submit {
-  .btn {
-    width: 100%;
+@layer payload-default {
+  form > .form-submit {
+    .btn {
+      width: 100%;
+    }
   }
 }

package/dist/forms/WatchChildErrors/buildPathSegments.d.ts

@@ -1,3 +1,3 @@
 import type { ClientField } from 'payload';
-export declare const buildPathSegments: (parentPath: string, fields: ClientField[]) => string[];
+export declare const buildPathSegments: (parentPath: (number | string)[], fields: ClientField[]) => string[];
 //# sourceMappingURL=buildPathSegments.d.ts.map

package/dist/forms/WatchChildErrors/buildPathSegments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildPathSegments.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,iBAAiB,eAAgB,MAAM,UAAU,WAAW,EAAE,KAAG,MAAM,EAkCnF,CAAA"}
+{"version":3,"file":"buildPathSegments.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,iBAAiB,eAChB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,UACvB,WAAW,EAAE,KACpB,MAAM,EAkCR,CAAA"}

package/dist/forms/WatchChildErrors/buildPathSegments.js

@@ -8,7 +8,7 @@ export const buildPathSegments = (parentPath, fields) => {
       if (fieldAffectsData(field)) {
         // group, block, array
         const name = 'name' in field ? field.name : 'unnamed';
-        acc.push(parentPath ? `${parentPath}.${name}.` : `${name}.`);
+        acc.push(...[...parentPath, name]);
       } else {
         // rows, collapsibles, unnamed-tab
         acc.push(...buildPathSegments(parentPath, fields));
@@ -19,7 +19,7 @@ export const buildPathSegments = (parentPath, fields) => {
         field.tabs?.forEach(tab => {
           let tabPath = parentPath;
           if ('name' in tab) {
-            tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name;
+            tabPath = [...parentPath, tab.name];
           }
           acc.push(...buildPathSegments(tabPath, tab.fields));
         });
@@ -27,7 +27,7 @@ export const buildPathSegments = (parentPath, fields) => {
     } else if (fieldAffectsData(field)) {
       // text, number, date, etc.
       const name = 'name' in field ? field.name : 'unnamed';
-      acc.push(parentPath ? `${parentPath}.${name}` : name);
+      acc.push(...[...parentPath, name]);
     }
     return acc;
   }, []);

package/dist/forms/WatchChildErrors/buildPathSegments.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildPathSegments.js","names":["fieldAffectsData","buildPathSegments","parentPath","fields","pathNames","reduce","acc","field","undefined","name","push","type","tabs","forEach","tab","tabPath"],"sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nexport const buildPathSegments = (parentPath: string, fields: ClientField[]): string[] => {\n  const pathNames = fields.reduce((acc, field) => {\n    const fields: ClientField[] = 'fields' in field ? field.fields : undefined\n\n    if (fields) {\n      if (fieldAffectsData(field)) {\n        // group, block, array\n        const name = 'name' in field ? field.name : 'unnamed'\n        acc.push(parentPath ? `${parentPath}.${name}.` : `${name}.`)\n      } else {\n        // rows, collapsibles, unnamed-tab\n        acc.push(...buildPathSegments(parentPath, fields))\n      }\n    } else if (field.type === 'tabs') {\n      // tabs\n      if ('tabs' in field) {\n        field.tabs?.forEach((tab) => {\n          let tabPath = parentPath\n          if ('name' in tab) {\n            tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name\n          }\n          acc.push(...buildPathSegments(tabPath, tab.fields))\n        })\n      }\n    } else if (fieldAffectsData(field)) {\n      // text, number, date, etc.\n      const name = 'name' in field ? field.name : 'unnamed'\n      acc.push(parentPath ? `${parentPath}.${name}` : name)\n    }\n\n    return acc\n  }, [])\n\n  return pathNames\n}\n"],"mappings":"AAAA;;AAGA,SAASA,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,iBAAA,GAAoBA,CAACC,UAAA,EAAoBC,MAAA;EACpD,MAAMC,SAAA,GAAYD,MAAA,CAAOE,MAAM,CAAC,CAACC,GAAA,EAAKC,KAAA;IACpC,MAAMJ,MAAA,GAAwB,YAAYI,KAAA,GAAQA,KAAA,CAAMJ,MAAM,GAAGK,SAAA;IAEjE,IAAIL,MAAA,EAAQ;MACV,IAAIH,gBAAA,CAAiBO,KAAA,GAAQ;QAC3B;QACA,MAAME,IAAA,GAAO,UAAUF,KAAA,GAAQA,KAAA,CAAME,IAAI,GAAG;QAC5CH,GAAA,CAAII,IAAI,CAACR,UAAA,GAAa,GAAGA,UAAA,IAAcO,IAAA,GAAO,GAAG,GAAGA,IAAA,GAAO;MAC7D,OAAO;QACL;QACAH,GAAA,CAAII,IAAI,IAAIT,iBAAA,CAAkBC,UAAA,EAAYC,MAAA;MAC5C;IACF,OAAO,IAAII,KAAA,CAAMI,IAAI,KAAK,QAAQ;MAChC;MACA,IAAI,UAAUJ,KAAA,EAAO;QACnBA,KAAA,CAAMK,IAAI,EAAEC,OAAA,CAASC,GAAA;UACnB,IAAIC,OAAA,GAAUb,UAAA;UACd,IAAI,UAAUY,GAAA,EAAK;YACjBC,OAAA,GAAUb,UAAA,GAAa,GAAGA,UAAA,IAAcY,GAAA,CAAIL,IAAI,EAAE,GAAGK,GAAA,CAAIL,IAAI;UAC/D;UACAH,GAAA,CAAII,IAAI,IAAIT,iBAAA,CAAkBc,OAAA,EAASD,GAAA,CAAIX,MAAM;QACnD;MACF;IACF,OAAO,IAAIH,gBAAA,CAAiBO,KAAA,GAAQ;MAClC;MACA,MAAME,IAAA,GAAO,UAAUF,KAAA,GAAQA,KAAA,CAAME,IAAI,GAAG;MAC5CH,GAAA,CAAII,IAAI,CAACR,UAAA,GAAa,GAAGA,UAAA,IAAcO,IAAA,EAAM,GAAGA,IAAA;IAClD;IAEA,OAAOH,GAAA;EACT,GAAG,EAAE;EAEL,OAAOF,SAAA;AACT","ignoreList":[]}
+{"version":3,"file":"buildPathSegments.js","names":["fieldAffectsData","buildPathSegments","parentPath","fields","pathNames","reduce","acc","field","undefined","name","push","type","tabs","forEach","tab","tabPath"],"sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nexport const buildPathSegments = (\n  parentPath: (number | string)[],\n  fields: ClientField[],\n): string[] => {\n  const pathNames = fields.reduce((acc, field) => {\n    const fields: ClientField[] = 'fields' in field ? field.fields : undefined\n\n    if (fields) {\n      if (fieldAffectsData(field)) {\n        // group, block, array\n        const name = 'name' in field ? field.name : 'unnamed'\n        acc.push(...[...parentPath, name])\n      } else {\n        // rows, collapsibles, unnamed-tab\n        acc.push(...buildPathSegments(parentPath, fields))\n      }\n    } else if (field.type === 'tabs') {\n      // tabs\n      if ('tabs' in field) {\n        field.tabs?.forEach((tab) => {\n          let tabPath = parentPath\n          if ('name' in tab) {\n            tabPath = [...parentPath, tab.name]\n          }\n          acc.push(...buildPathSegments(tabPath, tab.fields))\n        })\n      }\n    } else if (fieldAffectsData(field)) {\n      // text, number, date, etc.\n      const name = 'name' in field ? field.name : 'unnamed'\n      acc.push(...[...parentPath, name])\n    }\n\n    return acc\n  }, [])\n\n  return pathNames\n}\n"],"mappings":"AAAA;;AAGA,SAASA,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,iBAAA,GAAoBA,CAC/BC,UAAA,EACAC,MAAA;EAEA,MAAMC,SAAA,GAAYD,MAAA,CAAOE,MAAM,CAAC,CAACC,GAAA,EAAKC,KAAA;IACpC,MAAMJ,MAAA,GAAwB,YAAYI,KAAA,GAAQA,KAAA,CAAMJ,MAAM,GAAGK,SAAA;IAEjE,IAAIL,MAAA,EAAQ;MACV,IAAIH,gBAAA,CAAiBO,KAAA,GAAQ;QAC3B;QACA,MAAME,IAAA,GAAO,UAAUF,KAAA,GAAQA,KAAA,CAAME,IAAI,GAAG;QAC5CH,GAAA,CAAII,IAAI,IAAI,C,GAAIR,UAAA,EAAYO,IAAA,CAAK;MACnC,OAAO;QACL;QACAH,GAAA,CAAII,IAAI,IAAIT,iBAAA,CAAkBC,UAAA,EAAYC,MAAA;MAC5C;IACF,OAAO,IAAII,KAAA,CAAMI,IAAI,KAAK,QAAQ;MAChC;MACA,IAAI,UAAUJ,KAAA,EAAO;QACnBA,KAAA,CAAMK,IAAI,EAAEC,OAAA,CAASC,GAAA;UACnB,IAAIC,OAAA,GAAUb,UAAA;UACd,IAAI,UAAUY,GAAA,EAAK;YACjBC,OAAA,GAAU,C,GAAIb,UAAA,EAAYY,GAAA,CAAIL,IAAI,CAAC;UACrC;UACAH,GAAA,CAAII,IAAI,IAAIT,iBAAA,CAAkBc,OAAA,EAASD,GAAA,CAAIX,MAAM;QACnD;MACF;IACF,OAAO,IAAIH,gBAAA,CAAiBO,KAAA,GAAQ;MAClC;MACA,MAAME,IAAA,GAAO,UAAUF,KAAA,GAAQA,KAAA,CAAME,IAAI,GAAG;MAC5CH,GAAA,CAAII,IAAI,IAAI,C,GAAIR,UAAA,EAAYO,IAAA,CAAK;IACnC;IAEA,OAAOH,GAAA;EACT,GAAG,EAAE;EAEL,OAAOF,SAAA;AACT","ignoreList":[]}

package/dist/forms/WatchChildErrors/index.d.ts

@@ -2,7 +2,7 @@ import type { ClientField } from 'payload';
 import type React from 'react';
 type TrackSubSchemaErrorCountProps = {
     fields?: ClientField[];
-    path: string;
+    path: (number | string)[];
     setErrorCount: (count: number) => void;
 };
 export declare const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps>;

package/dist/forms/WatchChildErrors/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,6BAA6B,GAAG;IACnC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsBpE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,6BAA6B,GAAG;IACnC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsBpE,CAAA"}

package/dist/forms/WatchChildErrors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","getFieldStateFromPaths","WatchChildErrors","t0","$","fields","path","setErrorCount","formState","hasSubmitted","t1","pathSegments","t2","errorCount","t3"],"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\nimport { getFieldStateFromPaths } from './getFieldStateFromPaths.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  path: string\n  setErrorCount: (count: number) => void\n}\n\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const pathSegments = buildPathSegments(path, fields)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        const { errorCount } = getFieldStateFromPaths({ formState, pathSegments })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,kBAAkB,QAAQ;AACnC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,SAASC,iBAAiB,QAAQ;AAClC,SAASC,sBAAsB,QAAQ;AAQvC,OAAO,MAAMC,gBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,MAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAJ,EAIzE;EACC,OAAAK,SAAA,IAAoBV,gBAAA;EACpB,MAAAW,YAAA,GAAqBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAN,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAC,MAAA;IAEAK,EAAA,GAAAV,iBAAA,CAAkBM,IAAA,EAAMD,MAAA;IAAAD,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAA7C,MAAAO,YAAA,GAAqBD,EAAwB;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAG,aAAA;IAG3CK,EAAA,GAAAA,CAAA;MAAA,IACMH,YAAA;QACF;UAAAI;QAAA,IAAuBZ,sBAAA;UAAAO,SAAA;UAAAG;QAAA,CAAiD;QACxEJ,aAAA,CAAcM,UAAA;MAAA;IAAA;IAElBT,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAO,YAAA;IAAAP,CAAA,MAAAG,aAAA;IAAAH,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,IAAAU,EAAA;EAAA,IAAAV,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,SAAAC,MAAA;IAEAS,EAAA,IAACN,SAAA,EAAWC,YAAA,EAAcJ,MAAA;IAAOD,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAK,YAAA;IAAAL,CAAA,OAAAC,MAAA;IAAAD,CAAA,OAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EARnCP,kBAAA,CACEe,EAKA,OAEAE,EAAiC;EAAA;AAAA,CAIrC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","getFieldStateFromPaths","WatchChildErrors","t0","$","fields","path","setErrorCount","formState","hasSubmitted","t1","pathSegments","t2","errorCount","t3"],"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\nimport { getFieldStateFromPaths } from './getFieldStateFromPaths.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  path: (number | string)[]\n  setErrorCount: (count: number) => void\n}\n\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const pathSegments = buildPathSegments(path, fields)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        const { errorCount } = getFieldStateFromPaths({ formState, pathSegments })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,kBAAkB,QAAQ;AACnC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,SAASC,iBAAiB,QAAQ;AAClC,SAASC,sBAAsB,QAAQ;AAQvC,OAAO,MAAMC,gBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,MAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAJ,EAIzE;EACC,OAAAK,SAAA,IAAoBV,gBAAA;EACpB,MAAAW,YAAA,GAAqBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAN,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAC,MAAA;IAEAK,EAAA,GAAAV,iBAAA,CAAkBM,IAAA,EAAMD,MAAA;IAAAD,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAA7C,MAAAO,YAAA,GAAqBD,EAAwB;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAG,aAAA;IAG3CK,EAAA,GAAAA,CAAA;MAAA,IACMH,YAAA;QACF;UAAAI;QAAA,IAAuBZ,sBAAA;UAAAO,SAAA;UAAAG;QAAA,CAAiD;QACxEJ,aAAA,CAAcM,UAAA;MAAA;IAAA;IAElBT,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAO,YAAA;IAAAP,CAAA,MAAAG,aAAA;IAAAH,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,IAAAU,EAAA;EAAA,IAAAV,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,SAAAC,MAAA;IAEAS,EAAA,IAACN,SAAA,EAAWC,YAAA,EAAcJ,MAAA;IAAOD,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAK,YAAA;IAAAL,CAAA,OAAAC,MAAA;IAAAD,CAAA,OAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EARnCP,kBAAA,CACEe,EAKA,OAEAE,EAAiC;EAAA;AAAA,CAIrC","ignoreList":[]}

package/dist/forms/{buildStateFromSchema → fieldSchemasToFormState}/addFieldStatePromise.d.ts

@@ -1,6 +1,7 @@
-import type { Data, DocumentPreferences, Field, FormState, PayloadRequest } from 'payload';
+import type { Data, DocumentPermissions, DocumentPreferences, Field, FieldSchemaMap, FormState, FormStateWithoutComponents, PayloadRequest } from 'payload';
+import type { RenderFieldMethod } from './types.js';
 export type AddFieldStatePromiseArgs = {
-    addErrorPathToParent: (path: string) => void;
+    addErrorPathToParent: (fieldPath: string) => void;
     /**
      * if all parents are localized, then the field is localized
      */
@@ -9,6 +10,7 @@ export type AddFieldStatePromiseArgs = {
     data: Data;
     field: Field;
     fieldIndex: number;
+    fieldSchemaMap: FieldSchemaMap;
     /**
      * You can use this to filter down to only `localized` fields that require translation (type: text, textarea, etc.). Another plugin might want to look for only `point` type fields to do some GIS function. With the filter function you can go in like a surgeon.
      */
@@ -28,9 +30,15 @@ export type AddFieldStatePromiseArgs = {
      */
     omitParents?: boolean;
     operation: 'create' | 'update';
+    parentIndexPath: string;
+    parentPath: string;
+    parentSchemaPath: string;
     passesCondition: boolean;
-    path: string;
+    permissions: DocumentPermissions['fields'];
     preferences: DocumentPreferences;
+    previousFormState: FormState;
+    renderAllFields: boolean;
+    renderFieldFn: RenderFieldMethod;
     /**
      * Req is used for validation and defaultValue calculation. If you don't need validation,
      * just create your own req and pass in the locale and the user
@@ -44,7 +52,7 @@ export type AddFieldStatePromiseArgs = {
      * Whether to skip validating the field. @default false
      */
     skipValidation?: boolean;
-    state: FormState;
+    state: FormStateWithoutComponents;
 };
 /**
  * Flattens the fields schema and fields data.

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,EACL,cAAc,EAEd,SAAS,EACT,0BAA0B,EAC1B,cAAc,EACf,MAAM,SAAS,CAAA;AAWhB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAQnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,OAAO,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,IAAI,CAAA;IACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,WAAW,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC1C,WAAW,EAAE,mBAAmB,CAAA;IAChC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,iBAAiB,CAAA;IAChC;;;OAGG;IACH,GAAG,EAAE,cAAc,CAAA;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,0BAA0B,CAAA;CAClC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,CAwnBvF,CAAA"}